Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.
![Feather – Simply beautiful open source icons](https://cdn-ak-scissors.b.st-hatena.com/image/square/2a25e2dbe8ca80563afe719132d97ca3f87534a3/height=288;version=1;width=512/https%3A%2F%2Ffeathericons.com%2Ffeather-og.png)
SVGスプライトって、なんか複雑なイメージがありませんか? 僕はそうでした。なんか、面倒くさそう。。。どこから始めて良いかわからない。。。といった感じでずっと手をつけられずにいました。 でも、今回やってみて思ったんですが、一度ワークフローを確立してしまえばアイコン管理がかなり便利になります。CSSスプライトの時よりも管理が楽になりますし、表示サイズや今後の高解像度対応を気にしなくて良くなるのも嬉しいですね。 SVGスプライトについての英語のリソースはあるのですが、説明が多く、とっつきにくいものも多い印象なので、ここではできるだけシンプルに必要なことだけをまとめてみたいと思います。 では、SVGスプライト・アイコンシステムのGulpを使ったワークフローの構築、始めましょう! 目次 達成したいこと デモページ SVGスプライトの仕組み ブラウザサポート 用意するもの 導入ステップ 最後に 達成
Ready to use SVG icons for the web. Choose an icon. All you have to do is copy & paste the HTML code. Don't forget to load the basic CSS file. <path fill="none" d="M15.439,23.783c-4.852,0-8.784-3.932-8.784-8.784c0-0.423,0.038-0.835,0.095-1.242l1.837,1.837 c0.358,0.358,0.939,0.358,1.298,0s0.358-0.939,0-1.298l-3.436-3.436c-0.186-0.186-0.43-0.271-0.673-0.264 c-0.244-0.007-0.488,0.078-0.674,0.264L0.79
Semantic SVGs Style with CSS Multi-color themes Smart icons 3 unique sizes Responsive Production ready How-tos OpenIconicAn open source icon set with 223 marks in SVG, webfont and raster formatsDownload v1.1.0Github Bootstrap and Foundation readyReady-to-use fonts and stylesheets that work with your favorite frameworks. Hyper-legibleWe're not joking. Open Iconic is designed to be legible down to 8
JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design's Delightful Details transitions. View on GitHub
Using SVGs on websites is becoming more and more easy with great libraries like Snap.svg. Today we want to explore what we can do with it and animate some SVG icons as a practical example. SVG has been one of the most underused technologies when it comes to web development. Despite it’s usefulness and powerful possibilities it’s still a mystery to many and when it comes to integrating it and using
Ready to use SVG icons for the web. Choose an icon. All you have to do is copy & paste the HTML code. Don't forget to load the basic CSS file. <path fill="none" d="M15.439,23.783c-4.852,0-8.784-3.932-8.784-8.784c0-0.423,0.038-0.835,0.095-1.242l1.837,1.837 c0.358,0.358,0.939,0.358,1.298,0s0.358-0.939,0-1.298l-3.436-3.436c-0.186-0.186-0.43-0.271-0.673-0.264 c-0.244-0.007-0.488,0.078-0.674,0.264L0.79
Map Glyphs has hundreds of scalable vector map icons of the world, continents, globes, countries and states. Download the Premium bundle for AI, PSD, SVG and PDF formats. 356 Icons in One Font With over 300 icons and nearly every country, continent and region in the world, Map Glyphs aims to be the last map font you will ever need. View All Map Icons Great for the Desktop Map Glyphs works great on
Semantic SVGs Style with CSS Multi-color themes Smart icons 3 unique sizes Responsive Production ready How-tos OpenIconicAn open source icon set with 223 marks in SVG, webfont and raster formatsDownload v1.1.0Github Bootstrap and Foundation readyReady-to-use fonts and stylesheets that work with your favorite frameworks. Hyper-legibleWe're not joking. Open Iconic is designed to be legible down to 8
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く