All Projects → MMF-FE → Svgicon

MMF-FE / Svgicon

Licence: mit
SVG icon components and tool set

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Svgicon

Svg Autocrop
🚗🌽🔳An NPM module to autocrop and slim down SVGs
Stars: ✭ 80 (-90.21%)
Mutual labels:  svgo, svg
svg-gobbler
Open source browser extension that makes designing and developing easier by finding, processing, exporting, optimizing, and managing SVG content.
Stars: ✭ 272 (-66.71%)
Mutual labels:  icon, svgo
Vue Svg Inline Loader
Webpack loader used for inline replacement of SVG images with actual content of SVG files in Vue projects.
Stars: ✭ 105 (-87.15%)
Mutual labels:  svgo, svg
Svgr
Transform SVGs into React components 🦁
Stars: ✭ 8,263 (+911.38%)
Mutual labels:  svgo, svg
Iconpark
🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons
Stars: ✭ 4,924 (+502.69%)
Mutual labels:  svg, icon
Omatsuri
PWA with 12 open source frontend focused tools
Stars: ✭ 1,131 (+38.43%)
Mutual labels:  svgo, svg
Circle Flags
A collection of 300+ minimal circular SVG country flags
Stars: ✭ 139 (-82.99%)
Mutual labels:  svgo, svg
Akar Icons
A perfectly rounded icon library made for designers, developers, and pretty much everyone.
Stars: ✭ 184 (-77.48%)
Mutual labels:  svg, icon
Remixicon
Open source neutral style icon system
Stars: ✭ 3,956 (+384.21%)
Mutual labels:  svg, icon
Svgo
⚙️ Node.js tool for optimizing SVG files
Stars: ✭ 17,050 (+1986.9%)
Mutual labels:  svgo, svg
Atom Svgo
Minify SVG with SVGO.
Stars: ✭ 12 (-98.53%)
Mutual labels:  svgo, svg
Vue Svg Icon
a solution for multicolor svg icons in vue2.0 (vue2.0的可变彩色svg图标方案)
Stars: ✭ 553 (-32.31%)
Mutual labels:  svg, icon
Vue Awesome
Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.
Stars: ✭ 2,302 (+181.76%)
Mutual labels:  svg, icon
Svgeez
A Ruby gem for automatically generating an SVG sprite from a folder of SVG icons.
Stars: ✭ 69 (-91.55%)
Mutual labels:  svgo, svg
Svelte Awesome
Awesome SVG icon component for Svelte JS, built with Font Awesome icons. Based on Justineo/vue-awesome
Stars: ✭ 193 (-76.38%)
Mutual labels:  svg, icon
Svg Sprite
SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)
Stars: ✭ 1,648 (+101.71%)
Mutual labels:  svgo, svg
Vue Octicon
Octicon component for Vue.js, using inline SVG.
Stars: ✭ 129 (-84.21%)
Mutual labels:  svg, icon
Gantt
Gantt chart library using jsx support SVG, Canvas and SSR
Stars: ✭ 148 (-81.88%)
Mutual labels:  svg, ssr
Svgson
Transform svg files to json notation
Stars: ✭ 271 (-66.83%)
Mutual labels:  svgo, svg
Pixo
Convert SVG icons into React components
Stars: ✭ 371 (-54.59%)
Mutual labels:  svg, icon

Svg Icon Packages

Features

  • Support multiple js frameworks
  • Load with webpack loader
  • Supports multiple colors, including gradients; Supports set fill and stroke attributes at the same time; supports original colors, and can modify a certain color; Supports zoom, animation etc.
  • Icon Preview

Packages

  • @yzfe/svgicon Generate the data required by the SVG icon component according to the incoming parameters (props)
  • @yzfe/vue-svgicon SVG icon component for vue2.x
  • @yzfe/vue3-svgicon SVG icon component for vue3.x
  • @yzfe/react-svgicon SVG icon component for react
  • @yzfe/svgicon-gen Generate icon data (icon name and processed SVG content) based on the content of the SVG file
  • @yzfe/svgicon-loader Load the SVG file as icon data (vue) or SVG icon component (react), the generated code can be customized
  • @yzfe/svgicon-viewer Preview SVG icon
  • @yzfe/vue-cli-plugin-svgicon A vue-cli plugin that can quickly configure svgicon
  • @yzfe/svgicon-polyfill SVG innerHTML compatible (IE)

Documentation

Refer to the documentation

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].