色を簡単にカスタマイズして使用できる無料アイコンライブラリ「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.01.16 【P北斗の拳 暴凶星】ケツ浮き必至！？しれっと入った点滅保留が超激熱！！ 実践No.252【パチンコ】【北斗の拳】【暴凶星】 動画をご覧いただきありがとうございます！ 今回の実践動画は北斗の拳 暴凶星です！ ※画質を『1080p』または『720p』に設定していただくと高画質でご覧いただけます！ 最後までご覧いただけると嬉しいです(^^) ※動画内に挿入している信頼度等はDMMパチタウンさん、パチセブンさんから引用しています ★自己紹介★ ご覧いただきありがとうございます！ 俺流レインボーチャンネルは、ごく普通の会社員が運 […] 2024.01.16 【概要欄に詳細】おじいちゃんに日頃のねぎらいで総額100万円支払ってみた！はたしてその見返りは！？【オンラインカジノ】【ゲーツオブオリンポス】【クイーンカジノ】【スロット】【カジスク】 クイーンカジノの入金不要ボーナス、
画像の代わりに使えるアイコンタイプの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