How to work with SVG icons

テクノロジーカテゴリーの変更を依頼記事元:

fvsch.com

24 usersがブックマークコメント

記事へのコメント3件

注目コメント
新着コメント

efcl SVGアイコンについての実践的な解説。 CSSスプライトのようにSVGスプライトを使う方法、インラインSVGと外部SVGを読み込み違いや対応ブラウザ/polyfillについてなど。またCSSからSVGのスタイルを変更する方法やSafariの問題など

SVG
画像

2016/04/16 リンク

oki448jp SVGをアイコンとして使うにはどうするか、について細かく書かれた良記事

2016/04/11 リンク

rikuo SVGをアイコンとして使う際の方法について丁寧にまとめられた記事。外部ファイル参照に未対応なブラウザの問題やそれに対するPolyfill、さらにはCSS custom propertiesを使った多色アイコンの手法についても。

2016/03/29 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

How to work with SVG icons

There are many ways to use SVG icons in HTML and CSS, and I haven’t tried them all. This is how w... There are many ways to use SVG icons in HTML and CSS, and I haven’t tried them all. This is how we do it in our small front-end team at Kaliop. It works well for our needs, which include: Content and communication websites, often based on big CMSes, rather than full-JS web apps. Icons which are often simple, single-color icons (each potentially used in several different colors depending on context