色を簡単にカスタマイズして使用できる無料アイコンライブラリ「vivid.js」
vivid.jsはSVG形式のアイコンを簡単にカスタマイズして使用できるようにするJavaScriptのライブラリです。 SVG Icons Library - Vivid.js https://webkul.github.io/vivid/ 使用は非常に簡単で、アイコンを使いたいページのヘッダー部分に <script src="https://unpkg.com/[email protected]/dist/vivid-icons.min.js" type="text/javascript"></script> と記入するだけで準備完了。 インストールにはヘッダーにコードを貼り付ける方法のほか、パッケージマネージャーも使用できます。 npmを使用している場合は npm install vivid-icons Bowerを使用している場合は bower install vivid-icon
無料で商用利用できるSVGのフリーアイコン4,500種類、デザインに合わせたカスタマイズもできるのはすごい！
企業サイトをはじめ、コマース、アプリ、メディア、ブログなど、さまざまなUIデザイン用のアイコンが無料でダウンロードできるOrion Icon Libraryを紹介します。 その数はなんと4,500種類以上！ 豊富なデザインに加え、カスタマイズにも対応しており、ストロークを鋭角や角丸にしたり、太さを変更したり、カラーを変更することもできます。
Bootstrap Icons Plus
はじめに Bootstrap標準アイコンと、追加で使えるWebフォントアイコンの一覧。 よく使うのにまとめたものが欲しかったので作りました。 Bootstrap Default(v2.2.2) Bootstrapの標準アイコンの一覧。最新版・ダウンロードは公式サイトをご覧下さい。 Bootstrapのアイコンは、標準添付されていて使いやすいのですが、画像なので黒か白の2種類しか使えません。まぁ、個人的にはそれでいいのですが・・・ icon-glass icon-music icon-search icon-envelope icon-heart icon-star icon-star-empty icon-user icon-film icon-th-large icon-th icon-th-list icon-ok icon-remove icon-zoom-in icon-zoom-
Androidは「apple-touch-icon」でいろいろハマるので要注意 ｜ Tips Note by TAM
iPhoneとAndroidでは、タグ内に下記のような記述をすることで、 用意した画像（icon_tipsnote.png）をホーム画面にショートカットアイコンとして 設置することができます。 【例】 <link rel="apple-touch-icon" href="images/icon_tamkun.png"> Androidで、こちらで用意した画像をショートカットアイコンとして表示させる際に いろいろハマってしまったので、次はそうならないように覚書です。 （画像サイズ他、ショートカットアイコン設置に関する具体的な方法は割愛します） 【その1：ベーシック認証がかかっている場合は要注意】 ショートカットアイコンを設定したページを、テスト環境と 公開前の本番環境（ベーシック認証のかかった状態）にアップロードして 表示・動作確認を行なっていたところ、 テスト環境下では、問題なく「appl
Round Icons - 45,000 Premium Icon Packed in One Bundle Flat Line Glyph
45,000 icons The world’s biggest icon bundle Commercial use icon packs library made for apps, websites, infographics and prints View Premium Icon Packs The Icons Bundle $99 One time payment, get all our icons and updates to the bundle Premium quality Royalty free icons packed in one bundle New icon packs every month – Get all our icons Round Icons is a bundle of premium icon packs covering all sty
職人技！CSSだけでつくったアイコンまとめサイト（コピペで使える） | バシャログ。
こんにちは。 今更ながら、朝スムージー始めました。mackyです。どうせすりつぶされて少なくなるんだろうと思い、目分量でいろいろ突っ込んでみた結果、 5人前くらいできてしまいました。…野菜ってすごい。 さて今日は、気分転換もかねてcssだけでつくったアイコンがいろいろ紹介されているサイトを集めてみました。 One div - The single element HTML/CSS icon database One div - The single element HTML/CSS icon database アイコンの数はそこまで多くないですが、必要最低限の情報がシンプルに整理されているUIで使いやすいなと思います。 使いたいアイコンのソースコードをzipファイルでダウンロードできるのもうれしいです。 また、表示可能なブラウザをマウスオーバーで表示してくれるのも特徴。 CSS3 Mono
最新動画PARK
2024.10.10 オンラインカジノでの賭博行為を「勇者トロ」の名前で配信 自称YouTuberに有罪判決「違法賭博広めた責任重い」 オンラインカジノでの賭博行為をした罪に問われた自称ユーチューバーの男に対し、岐阜地裁大垣支部は9月30日、執行猶予付きの有罪判決を言い渡しました。男は「勇者トロ」の名前で、YouTubeに動画を配信していました。 岐阜県養老町の自称ユーチューバー・石川翔多朗被告(32)は、おととし5月ごろから去年4月にかけ、海外のオンラインカジノにアクセスし、スロットやルーレットなどで常習的に賭博をした罪に問われ […]
画像の代わりに使えるアイコンタイプのWebフォントのまとめ
アイコン形式になったWebフォントを集めてみました。これだけ色々揃うと画像を使う場面も減ってくるかもしれませんね。 @font-face { font-family: 'MyWebFont'; src: url('webfont.eot'); /* IE9 Compat Modes */ src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('webfont.woff') format('woff'), /* Modern Browsers */ url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ url('webfont.svg#svgFontName') format('svg'); /* Legacy i
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebサイトやスマホアプリのUIでよく使用するアイコンのSVGコードをコピペで簡単に利用できる -Akar Icons
Icons - Material Design
EXPERIENCE JAPAN PICTOGRAMS