Icon
约 1 分钟阅读
- Icon Awesome笔记Icon AwesomeIconFinder · IconScout · Unicons - 1000+ Pixel-perfect vector icons · IconFont - Alibaba Vector Icon Library · IcoMoon · Heroicons打开：/notes/web/ui/icon-awesome
SVG Processing
Stroke to Path
- icon-font-generatorGitHubWorkshape/icon-font-generatorIcon Awesome · icon-font-generator 处理 stroke to path 的情况可能有问题 · Inkscape 可以将 stroke 转换成 path · Sketch: Layer > Convert to Outlines Docs笔记：Icon 处理 stroke to path 的情况可能有问题
- Inkscape 可以将 stroke 转换成 path
- Sketch: Layer > Convert to Outlines Docs
<?xml version="1.0" encoding="UTF-8"?>
<svg height="44" width="44" xmlns="http://www.w3.org/2000/svg">
<path
d="M28.674 3.945c2.099 1.941 3.42 4.664 3.42 8.241 0 4.286-1.248 6.723-4.072 9.967-.786.901-1.041 1.236-1.227 1.655-.441.992-.413 2.2.09 3.315.65 1.435 2.035 2.606 3.923 3.28 7.653 2.731 11.254 5.585 11.986 11.499l.111.898H1.095l.111-.898c.732-5.914 4.333-8.768 11.986-11.498 1.888-.675 3.274-1.846 3.922-3.28.504-1.116.532-2.324.091-3.316-.186-.419-.441-.754-1.227-1.655-2.824-3.244-4.072-5.681-4.072-9.967 0-3.577 1.321-6.3 3.42-8.24C17.186 2.225 19.671 1.2 22 1.2c2.33 0 4.813 1.026 6.674 2.745z"
fill="none" fill-rule="evenodd" stroke="black" stroke-width="1.6"/>
</svg>SVG Issues
- The Mystery of the Disappearing Holes
- SVG in Android
Font Conversion
TTF to SVG
fontforge -c 'import fontforge;fontforge.open("icons.ttf").generate("icons.svg")'- Apache Batik Font Converter
Resources
关联信息
反向链接、本文链接的其他页面和外部资料。
站内链接
- Icon Awesome笔记 · Icon Awesome
IconFinder · IconScout · Unicons - 1000+ Pixel-perfect vector icons · IconFont - Alibaba Vector Icon Library · IcoMoon · Heroicons
参考资料
GitHub1 条
- Workshape/icon-font-generatorgithub.com/Workshape/icon-font-generator
其他外链5 条
- mabboud.net/things-i-learned-about-fonts-while-making-a-java-font-library-that-you-didnt-want-to-knowmabboud.net/things-i-learned-about-fonts-while-making-a-java-font-library-that-you-didnt-want-to-know
- material.io/design/iconographymaterial.io/design/iconography
- medium.com/thoughts-overflow/the-mystery-of-the-disappearing-holes-a-gripping-tale-of-using-svg-in-android-442f6035a452medium.com/thoughts-overflow/the-mystery-of-the-disappearing-holes-a-gripping-tale-of-using-svg-in-android-442f6035a452
- sketchapp.com/docs/text/convert-to-outlinessketchapp.com/docs/text/convert-to-outlines
- xmlgraphics.apache.org/batik/tools/font-converter.htmlxmlgraphics.apache.org/batik/tools/font-converter.html