The ultimate source for icons.Download, Customize, Edit and Personalize. Over 200k+ open source icons.
![Iconbuddy — 200K+ open source free svg icons](https://cdn-ak-scissors.b.st-hatena.com/image/square/b539f75955adce2c20cc1bdc91f9d0a8b8211bf5/height=288;version=1;width=512/https%3A%2F%2Fc1.tablecdn.com%2Ficonbuddy%2Fbanner-og.png)
The ultimate source for icons.Download, Customize, Edit and Personalize. Over 200k+ open source icons.
テキストの横にアイコンを配置すると、アイコンが少し大きすぎてバランスが悪いと感じることはありませんか? アイコンは通常のMiniサイズだと20x20ですが、それより一回り小さく高密度のUI向けに設計されたMicroサイズの16x16のSVGアイコンを紹介します。 Heroicons Micro Heroicons -GitHub Heroicons Microの特徴 Heroicons Microのダウンロード Heroicons Microのアイコン Heroicons Microの特徴 Microサイズのアイコンは、先日v2.1にアップデートされたHeroiconsに新しく加わったサイズです。 タイトで高密度のUI向けに設計されており、UIデザイン用に約300種類のアイコンが揃っています。MITライセンスで、商用プロジェクトでも無料で利用できます。 Heroicons 既存のアイコンを
Required parameter: searchterm, string: searchterm Keywords: palette, boolean: Filter icons by palette. Example queries: "arrow palette=false", "car palette=true". style, "fill" or "stroke": Filter icons by style. Example queries: "arrow style=fill", "car style=stroke". prefix, string: Icon set prefix if you want to get result only for one icon set. Example queries: "arrow prefix=mdi", "car prefix
オープンソースのSVGアイコンを探すときに大変なのが、好みのデザインを見つけることだと思います。たとえば、検索用の虫メガネアイコンだとレンズの大きさ、持ち手の長さ、レンズと持ち手のバランス、ストロークの太さなど、いろいろなデザインのアイコンがあります。 オープンソースのさまざまなアイコンを横断検索して、好みのデザインを見つけることができるSVGアイコン特化の検索エンジンを紹介します。 Iconhunt Iconhuntは、オープンソースのアイコン(約150K)を対象にした検索エンジンです。キーワードを入力すると、各ライブラリのそのアイコンが一覧で表示されます。アイコンはすべて、MITライセンスの下でライセンスされているIconify -GitHubに従っています。
SVGロゴ 公式サイトからダウンロードしたデータから、SVGロゴを作成しました。 アクセシビリティ対応やコードのリファクタリングやサイズの統一も行いたい… よろしければお使いください。 <svg id="Logo" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1021"><defs><style>.cls-1{fill:#1877f2;}.cls-2{fill:#fff;}</style></defs><path class="cls-1" d="M1024,515C1024,232.23,794.77,3,512,3S0,232.23,0,515c0,255.55,187.23,467.37,432,505.78V663H302V515H432V402.2C432,273.88,508.
企業サイト、オンラインショップ、アプリ、ブログ、プレゼンなど、さまざまなUIデザインに適したSVGアイコンが無料で利用できるSWM Icon Packを紹介します。 ホーム・サーチ・アロー・カート・メールなど、Webページやスマホアプリでよく使用されるアイコンが揃っています。また、スタイルは3種類(アウトライン・ブロークン・デュオトーン)で、美しく精密にデザインされたアイコンです。 Freebie SWM Icon Pack アイコンの特徴 アイコンのダウンロード ダウンロードできるアイコンの種類 アイコンの特徴 SWM Icon Packは、WebサイトやスマホアプリのUIに使用されるSVGアイコンのセットです。アイコンは24pxのグリッドに基づいたピクセルパーフェクトで、ベクターで作成されています。 Freebie SWM Icon Pack アイコンは8つのカテゴリに、全296種類。
システムとプロダクトのUI用にデザインされた、オープンソースのSVGアイコンを紹介します。Webサイトやスマホアプリに最適です! アウトラインのシンプルなデザインで、220種類のアイコンが揃っています。SVGなので、サイズやカラーなども簡単に変更して利用できます。 System UIcons System UIcons -GitHub System UIconsの特徴 System UIconsのダウンロード System UIconsの使い方 System UIconsの特徴 System UIconsは、システムとプロダクトのUIによく使用されるアウトラインのアイコンです。フォーマットはSVGなので、使いやすいと思います。 ライセンスはThe Unlicenseで、商用プロジェクトでも無料で利用できます。改変・再配布もOKです。
2019年4月19日 SVG, Webサイト制作 高解像度ディスプレイでもきれに表示できるSVG形式の画像。アイコンの表示などでは一般的に普及してきたかと思います。SVG形式ではカスタマイズがしやすいところもメリットのひとつですね。今回はブラウザー上で簡単に自分好みに変更できるSVGアイコンや背景パターン、イラストを配布しているWebサイトを紹介します。 ↑私が10年以上利用している会計ソフト! ICONSVG ICONSVGは矢印やインターフェイスまわりで使えるシンプルなアイコンを揃えています。サイズや線の太さ、色などをカスタマイズできます。SVGコードが表示されるので、そのままコピペして利用できますよ。「Download icon」ボタンからファイルをダウンロードすることも可能。商用利用OK。 Ikonate IkonateもシンプルなSVGアイコンをまとめています。サイズや太さ、色を
イラストの使用条件とQ&A イベントデザインプレミアムにアーカイブしているイラスト素材の著作権はTopeconHeroesダーヤマが保持しますが、累計20個まで使用報告無しで、WEBデザインやDTPデザイン各種プレゼン資料やフライヤー、企画書などの素材として無料でご使用いただけます。その際下記のルールを守ってご利用ください。 20個以上使う場合は条件を一つクリアしてください。 イベントデザインの素材は累計20個までは無料でお使い頂けます。20個を超える場合は下記条件のいづれか一つをクリアすると使えます。 以後20個おきに一つ条件をクリアしてください。スタンプ以外は無料で出来ます。 累計で20個以上素材を使う場合の条件 ●twitterでTOPECONHEROESのサイトをどれかひとつ紹介。 ※一番上のヘッダーに一覧あります。 ●TOPECONHEROESダーヤマのスタンプを嫌々一つ購入。
かつて私たちは、画像テキストを表示するために「text-indent: -9999px;」なんてCSSを書いていました。でも、いまならもっといい方法があります。いまどきのベストな方法と、それが使えないときの解決方法を。 以前掲載された『いくつ覚えてる?いつか役に立つかもしれないCSS画像置換の手法と歴史』の中でBaljeet Rathiが紹介しているたくさんの画像置換テクニックは、どれを取っても見事に工夫されています。すべてのテクニックは、人と検索エンジンの両方に対するアクセシビリティを保ちつつ、テキストコンテンツをWeb上でいかに美しく芸術的に表現するか、という課題に焦点を当てていました。Webデザインの世界におけるこの目標を、今日手軽に使えるカスタムフォントやパワフルなCSSツールなしで達成するのはまさに偉業でした。 Rathiの記事にヒントを得て、次の課題を挙げてみました。 画像変換
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く