bpierre / Fontello Svg
Licence: mit
Generate SVG icons from a Fontello icon set.
Stars: ✭ 59
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Fontello Svg
Linearicons
Linearicons is the highest quality set of line icons, matching with minimalist UI designs in iOS.
Stars: ✭ 64 (+8.47%)
Mutual labels: svg, font, icon
Yii2 Widget Rating
A Yii2 widget for the simple yet powerful bootstrap-star-rating plugin with fractional rating support (sub repo split from yii2-widgets)
Stars: ✭ 47 (-20.34%)
Mutual labels: svg, font, icon
Svelte Awesome
Awesome SVG icon component for Svelte JS, built with Font Awesome icons. Based on Justineo/vue-awesome
Stars: ✭ 193 (+227.12%)
Mutual labels: svg, font, icon
Devicon
Set of icons representing programming languages, designing & development tools
Stars: ✭ 4,536 (+7588.14%)
Mutual labels: svg, font
qpage
👨💻 Free Project For Creating Academic Homepage Without Any Code In 3min
Stars: ✭ 87 (+47.46%)
Mutual labels: font, icon
vue-iconfont
更优雅地使用 Iconfont.cn,同时支持 font-class 引入和 symbol 引入。
Stars: ✭ 27 (-54.24%)
Mutual labels: font, icon
Vue Awesome
Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.
Stars: ✭ 2,302 (+3801.69%)
Mutual labels: svg, icon
Fontisto
The iconic font and CSS toolkit. Fontisto gives you scalable vector icons that can instantly be customized: size, color, drop shadow and anything that can be done with the power of CSS.
Stars: ✭ 413 (+600%)
Mutual labels: font, icon
Iconpark
🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons
Stars: ✭ 4,924 (+8245.76%)
Mutual labels: svg, icon
Vue Svg Icon
a solution for multicolor svg icons in vue2.0 (vue2.0的可变彩色svg图标方案)
Stars: ✭ 553 (+837.29%)
Mutual labels: svg, icon
tasarimcilar-ve-yazilimcilar-icin-kaynak-arsivim
Tasarım ve yazılım ile ilgili 2017 yılından günümüze kadar geçen zamanda toplamış olduğum arşivimi sizle ile paylaşıyorum. Ne mi var her şey...
Stars: ✭ 276 (+367.8%)
Mutual labels: font, icon
fontagon
Fontagon is a great tool that easily converts svg into icon font. Fontagon-cli allows faster conversion to commands.
Stars: ✭ 18 (-69.49%)
Mutual labels: font, icon
Picasso
Picasso is a high quality 2D vector graphic rendering library. It support path , matrix , gradient , pattern , image and truetype font.
Stars: ✭ 205 (+247.46%)
Mutual labels: svg, font
Sakurakit
🤡SakuraKit, a lightweight and powerful library for application to switching themes or skins.
Stars: ✭ 682 (+1055.93%)
Mutual labels: font, icon
Svg Embed Font
A tool to embed font files in SVG so they will render properly across all devices
Stars: ✭ 55 (-6.78%)
Mutual labels: svg, font
Akar Icons
A perfectly rounded icon library made for designers, developers, and pretty much everyone.
Stars: ✭ 184 (+211.86%)
Mutual labels: svg, icon
fontello-svg
fontello-svg is a command-line tool to generate the SVG versions of a Fontello icon set, with a corresponding CSS file.
Installation
$ npm install fontello-svg -g
Example
You need to select and download an icon set from the Fontello website, then indicate the path of the config.json
file with the --config
parameter.
$ fontello-svg --config fontello-config-file.json \
--out ./iconset-directory \
--fill-colors "grey:rgb(77,78,83)|blue:rgb(0,149,221)"
Usage
Usage: fontello-svg --config <config file> --out <dir> [options]
Options:
-h, --help output usage information
-V, --version output the version number
-c, --config <config file> Set the Fontello configuration file (required)
-o, --out <dir> Set the export directory (required)
-f, --fill-colors <colors> Transform the SVG paths to the specified colors. Syntax: --fill-colors "black:rgb(0,0,0) | red:rgb(255,0,0)"
-p, --css-path <path> Set a CSS path for SVG backgrounds
--file-format <format> Override the default filename. Values: {0} - collection, {1} - name, {2} - color. Syntax: --file-format "{0}-{1}-{2}.svg" | --file-format "{0}-Custom-{1}.svg"
--no-css Do not create the CSS file
--no-skip Do not skip existing files
--verbose Verbose output
Tutorial
Sara Soueidan wrote a blog post explaining how to use fontello-svg and other tools to convert an icons-as-font configuration into SVG files. Read it here: https://sarasoueidan.com/blog/icon-fonts-to-svg/
License
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].