BLOG

Tag: SVG

2019.05.16.

無料で使えるシンプルで見やすいSVGアイコン

無料でつかえるアイコンといえばfontawesomeが有名ですが、今回紹介するREMIX ICONにも使いやすそうなアイコンがたくさん揃っています。 Remix Icon – Open source icon library REMIX ICONでつかえるアイコン このREMIX ICON内には、「ビルディング」、「ビジネス」、「コミュニケーショ …

2019.05.3.

hoverしたときのSVGの色をCSSだけで変える方法

ちょっとしたアイコンなんかであれば画像よりも使い勝手の良いSVG。フリーでつかえるファイルも今や色々公開されていて、僕もサイト制作時にはよく使います。 一点だけ難点があるとすれば、hover時の色の変更でしょうか。javascriptをつかった方法や、HTMLに直接SVGコードを記述する方法等、色々な方法がありますがどれも一筋縄ではいかない感じです。 そんな …