FigmaでUIのアイコンを使うならコレ！ 高品質でシンプルにデザインされた1100種類のアイコン素材 -Untitled UI Icons
WebサイトやスマホアプリのUIデザインにぴったり、Figma用の高品質でシンプルにデザインされたアイコン素材を紹介します。 たとえば、アローだけでも90種類以上、ホーム・サーチ・カート・メールなども複数のデザインで用意されており、UIにぴったりなのが見つかると思います。 Figmaなので、カラーやストロークの太さなどは簡単に変更できます。 Untitled UI Icons Untitled UI Iconsは、高品質でFigma用のアイコンが見つからなかったので作成した、とのことです。 UIデザイン用にクリーンで一貫性のあるニュートラルなアイコンライブラリで、Figmaのために、Figmaで作成されています。
2021年最新版、Font Awesome アイコンの使い方と便利な機能のまとめ
Font Awesome アイコンの基本的な使い方をはじめ、Webサイトやスマホアプリでアイコンを使う時の便利な機能をまとめて紹介します。 Font Awesome guide and useful tricks you might not know about. by Kiss Patrik 下記は各ポイントを意訳・加筆したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 更新: 2021/2/1現在の最新情報にアップデートしました。 Font Awesomeとは Font Awesomeへの登録方法・アイコンの基本的な使い方 Font Awesome アイコンのサイズの指定方法 Font Awesome リスト用のアイコン Font Awesome アイコンの回転 Font Awesome アイコンのアニメーション Font Awesome アイコンを
国産のSVGアイコンサイトが登場！日本人クリエイターが作成した商用無料で利用できるアイコン素材 -Icon Box
海外の素材だとちょっと不安という人でも大丈夫、日本人クリエイターが作成した商用無料で利用できるアイコン素材を紹介します。 アイコンは現在400種類以上あり、高品質で汎用性の高いものが揃っています。SVGも完備されているので、非常に使い勝手がよいと思います。 Icon Box アイコンの利用にあたっては個人でも商用でも無料で、「アイコンの編集もご自由にどうぞ」とのことです。アイコン自体の再配布は禁止です。 詳しくは、ライセンスページをご覧ください。 アイコンのフォーマットは、下記の通り。 透過PNG SVG サイズは、16px, 32px, 64px, 128px, 256pxが用意されています。 ダウンロードも簡単で、登録など面倒なことは一切不要です。各アイコンページの「PNGボタン」「SVGボタン」からダウンロードできます。
2022年版：おすすめのWebアイコンフォントサービス10選 | Web Design Trends
Webアイコンフォントを利用することで、数千種類のアイコン素材をWebサイト上で簡単に表示することができます。 Webサイト上で多くの画像ファイルを読み込むとページの表示速度に影響してしまいますが、Webアイコンフォントであればファイルサイズをほとんど気にせず利用することができます。 今回は、Webアイコンフォントの基本と、2022年現在のおすすめWebアイコンフォントサービスをご紹介したいと思います。 【2023】無料で使えるフリーアイコン素材サイト25個まとめ【商用利用OK】 アイコン素材はWebデザインのあらゆる場所で活用することができます。ボタンやリストの見出し、ラベルなどにアイコン素材を取り入れれば、より使いやすくデザインも優れたWebサイトを作ることができますね。 ... Web Design Trends Webアイコンフォントとは Webアイコンフォントとは、HTMLのタグ
高品質なアイコンを無料でダウンロード！商用利用可能な素材サイトまとめ | LISKUL
WEB制作やブログ、プレゼン資料などで、イメージをより直感的に伝えられるイラストやアイコンが欲しいけれど、探すのが面倒なんだよな・・・と思うこと、ありますよね。 今回は、WEB制作やブログ、プレゼン、広告、チラシなど、さまざまなシーンで大活躍間違いなしの、アイコン・イラスト・ピクトグラムの画像、ベクター素材をご紹介します。 全てフリーで、商用利用可能です。 こちらを活用すれば、より豊かな資料作成が無料でできるでしょう。 また、この記事は無料でPDFとしてダウンロードも可能です。写真のフリー素材を探す際にお手元に置いておくのがおすすめです。 【PDF】高クオリティ！商用利用OKのアイコン、イラスト無料(フリー)素材まとめ>>無料ダウンロード 【厳選5サイト】 ビジネスからブログまで幅広く使える無料アイコン・イラスト・ピクトグラム素材がいっぱい！私が普段利用していて便利だな、と思うサイトを5つ
9,900種類の人気が高い無料アイコンをさくっと探せて、まとめてダウンロードできる便利サイト -IconPharm
9,900種類の人気が高い無料アイコンが一つでも、セットでまとめてもダウンロードできる無料のアイコン素材を探す時に便利なサイトを紹介します。 これでもう無料アイコンを探す時に、困りませんね。
無料アイコンを探す時に必ずチェックしたいダウンロードサイトのまとめ
Webページやプレゼンの資料やお店のフライヤーなど、法人でも個人でもWebサイト・ブログ・映像・アプリ・ゲーム・紙で無料利用できるフリーのアイコン素材を紹介します。 WebページにはアイコンフォントやSVGアイコン、紙にはPNGアイコン、デザインもベーシックなものからちょっと変わった面白いものまで、見ているだけで楽しめるアイコンばかりです。 Fontello Font Awesome, Entypo, Typicons, Iconicなど、メジャーサイトのアイコンを自由に組み合わせて、自分用のアイコンセットを作成してダウンロードできます。 Webサイトで使うベーシックでシンプルなものなら、ここだけで足りるでしょう。 ライセンスは各アイコンごとに異なりますが、SIL, BSD, MITのオープンソースのものが主です。
2015年、Web制作者が押さえておきたいCSSの各種リセット、アニメーション、フレームワーク、アイコンのまとめ
制作時に欠かせないリセット用のCSS、ページのグリッドやレイアウト・コンポーネントが用意されたフレームワーク、クリック・タップやホバーやスクロールを楽しませるアニメーション、モバイルにもフレンドリーなCSSでつくられたアイコンなど、ゼロから用意するのはかなり大変なCSSの便利なフレームワークを紹介します。 リセット用のCSSはこの3種類 レスポンシブ対応の定番フレームワーク Material Designに対応したフレームワーク さまざまなアニメーションが簡単に実装できるCSS かわいいアニメーションを使ったローダー 使いやすいアイコンフォント・Pure CSSのアイコン リセット用のCSSはこの3種類 HTMLの各要素のブラウザごとに異なる差異をなくし、意図した通りに実装できるようスタイルをリセットするスタイルシート。 Reset CSS 2.0 HTMLの各要素のmarginやpadd
SublimeText3のアイコンを探した旅：2014年冬
SublimeText3のアイコンを探した旅：2014年冬 Publish2014/12/17(水) Update2022/10/06(木) この記事はSublime Text Advent Calendar 2014用の記事です。 SublimeTextは、今僕自身もメインで使っているエディタです。 世間一般では一時期「恋に落ちる」という肩書き？が付いていましたが、僕からすると毎日接するツールな訳で、もう「恋する」とかそういうレベルではなく「結婚している」といっても過言ではないでしょう（笑） まあ冗談はさておき、SublimeTextの記事を書くわけですが、普段は僕は「HTML/CSS/Markdown」くらいしか書かないので、たぶんそこまで使いこなしているという事はないですし、このアドベントカレンダーで書いている書籍を執筆されている方々の方が圧倒的に詳しいので、僕からは「アイコン」に限
プログラミング言語・webサービス・ファイルタイプ・ブラウザなど、web開発関連のアイコン・アイコンフォント 15 - NxWorld
プログラミング言語やフレームワークのロゴ、多くの開発者に利用されているwebサービスやツールのロゴ、シンプルでわかりやすくデザインされたファイルタイプ、フラットデザインで表現されたブラウザなど、いずれもweb開発に関連していると思うアイコン・アイコンフォントです。 普段のデザイン業務などにはほとんど使わないと思うものが多いですが、技術系ブログとかポートフォリオなんかでは便利そうです。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 Devicons 言語・フレームワーク・Webサービス・ブラウザなど、Web開発関連のアイコンフォントセットで、見かけることの少ないツール系のロゴも多数用意されています。 Freebie: SVG Developer Icon Set SVGとAIの2形式が用意されている全17種類のアイコンセットで、見た目もカラーとモノクロの2タ
Pure CSSでアイコンを実装できるスタイルシート「icono」 - NxWorld
「icono」は、画像を使用せずに擬似要素や様々なプロパティを使用してCSSのみでアイコンを表現したスタイルシートです。 使い方も簡単で必要なファイルを読み込んでクラスを指定するだけで表示させることができ、CSSなのでカラー変更なども容易にできます。 アイコンは上のイメージのような見栄えで用意されており、これら全100種類のアイコンをCSSのみを使用して実装することができます。 使い方は必要なCSSを<link rel="stylesheet" href="icono.min.css">で読み込み、あとは要素に表示させたいアイコンのクラスを記述するだけで簡単に実装できます。 どのクラスでどのアイコンを表示させられるかはデモ画面で確認することができ、各アイコンをクリックすると表示される.icono-xxxをクラスとして各要素に記述していきます。 デモではi要素を使用していますが、下記のように
Simple Line Icons Webfont
Description & details All 160 simple line icons are now embedded in a webfont for more convenient use on the web or in a native application. Big thanks to Jamal Jama for creating this awesome webfont. If you enjoy this freebie, be sure to check Simple Line Icons Pro including 1660 pixel perfect icons available in various sizes and file formats. Format: TTF, EOT, WOFF SVG Source Files Size: 230 Kb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Untitled UI Icons — The Ultimate Figma Icon Library
デザインに適したアイコンがこれで見つかる！ UIデザイン用のさまざまなアイコン素材をまとめて比較・カスタマイズ・ダウンロードできる -Iconer
Let’s End the Debate on Icon Fonts vs SVG Icons in 2021
Entypo
Ionicons: The premium icon pack for Ionic Framework
20 free icons of POI Signals Outline designed by Freepik
Location Pin free icons designed by Freepik
Loading...