Free Icons for EverythingSearch, remix and download royalty free icons for any project in SVG, PNG, HTML, JSX and more.
こんにちは、デザイナーの花ちゃんです! Webサイトのデザインをしていると、アイコンを取り入れる場面がよくあると思います。アイコンには文字だけではわかりにくい情報を、ユーザーに対して直感的に素早く伝える効果があります。また、モチーフを簡略化しているので、限られたスペースでもしっかりその機能を果たしてくれます。 今回は、Webサイトはもちろん、図版や資料作成にも欠かせない、無料で使えるアイコン素材サイトをテイスト別にまとめてみました! 独学でつまずいていませんか? Illustratorの使い方を効率的に学びたい、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい!」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2
無料のアイコンはたくさんありますが、中でもオープンソースで利用できるアイコンは非常に使い勝手がよく、重宝します。商用のプロジェクトでも無料で利用できる、オープンソースのSVGアイコンのライブラリを紹介します。 10 open source SVG icon libraries that you can use for your next project by @zolidev 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 私は先日、reddit上でお気に入りのアイコンライブラリはどれですか?というスレッドを立ち上げました。このスレはすぐに人気がでて、私が知らないオープンソースの素晴らしいアイコンライブラリがたくさんあることを知りました。スレに基づいて、オープンソースのアイコンライブラリのベスト10をリストしたいと思い
speckyboy Speckyboy is an online magazine for designers with its focus on sharing helpful resources, exploring new techniques, sharing useful tips, and inspiring you to build a better web. アイコンフォントはとても人気がありますが、同時に危険な落とし穴も含んでいます。イアン・フィーザーは自身がアイコンフォントからSVGに移行した理由を語っていますし、CSS TricksはアイコンフォントかSVGのどちらかを選ぶ時の基準の考え方を提示しています。イアンもCSS Tricksも、明らかにSVG派なのです。一方、Pictonicは「アイコンフォントはSVGより10%速い」と反論しています。いずれにせよこれらの事
ウェブサイトやグラフィック制作において、重要なデザイン要素のひとつであるアイコン。今回は、Photoshop や Illustrator、Sketchなど幅広いデザインツールで利用でき、無料ダウンロードも可能な新作アイコン素材をまとめてご紹介します。 2018年らしい鮮やかな配色やイラスト風デザインの他にも、サイトやアプリの使いやすさを向上できる高品質なアイテムが中心で、アイコンのサイズや色の変更にも向いているIllustrator用ベクター素材も豊富に揃います。 【全て無料!】高品質で使いやすい新作アイコン素材48個まとめ 2018年3月度 あらゆる業種で使える!無料アイコン、ピクトグラム55個まとめ 2017年9月度 高品質で使いやすい!参考にしたいすごい無料アイコン素材まとめ Free New Adobe CC Icons 新しくなったAdobe関連のアプリを10種類まとめたアイコン
無料で利用できるアイコン素材やイラスト素材を配布している素材サイトを紹介します。 特に役に立つ無料アイコン素材サイトを厳選しています。 お役立ち度が高い素材サイトから優先して紹介しています。 あなたのブログの見栄えを良くするのにアイコン素材やイラスト素材を活用しましょう。 はじめに注意点 この記事で紹介するアイコン配布サイトは、海外の素材サイトが多いです。アイコンを探す際は、英語のキーワードで検索して下さい。 詳細ページに素材の利用条件の説明があります。利用条件が素材ごとに異なります。 例えば、ライセンスが「商用利用禁止」「作者のクレジット表記必須」「作者へのリンク必須」などもあります。 英語で書いてあるので少し分かりにくいですが、素材の利用条件は、事前に必ず確認する必要があります。 海外の無料アイコン配布サイト(英語)FIND ICONS FIND ICONSは、海外のアイコン素材を探す
Webアイコンフォントを利用することで、数千種類のアイコン素材をWebサイト上で簡単に表示することができます。 Webサイト上で多くの画像ファイルを読み込むとページの表示速度に影響してしまいますが、Webアイコンフォントであればファイルサイズをほとんど気にせず利用することができます。 今回は、Webアイコンフォントの基本と、2022年現在のおすすめWebアイコンフォントサービスをご紹介したいと思います。 【2024】無料で使えるフリーアイコン素材サイト30個まとめ【商用利用OK】 アイコン素材はWebデザインのあらゆる場所で活用することができます。ボタンやリストの見出し、ラベルなどにアイコン素材を取り入れれば、より使いやすくデザインも優れたWebサイトを作ることができますね。 ... Web Design Trends Webアイコンフォントとは Webアイコンフォントとは、HTMLのタグ
Webページ、アプリ、ゲーム、動画、紙のデザインなどに、無料で利用できるアイコン素材を紹介します。 UIデザイン用のアイコンをはじめ、異世界の魔法や武器、日本の伝統や文化、四季の風物詩をデザインしたアイコンまで、さまざまなアイコンをまとめました。 Orion Icon Library さまざまなUIデザイン用のアイコン4,500種類が無料でダウンロードできます。豊富なデザインに加え、カスタマイズにも対応しており、ストロークを鋭角や角丸にしたり、太さを変更したり、カラーを変更することもできます。 アイコンは独自ライセンスで、個人でも商用でも無料で利用できます。 ライセンスページ We Love SVG Font Awesome, Entypo, Icons8など、人気が高いアイコンセットの9,769種類のSVGアイコンを簡単に利用できます。SVGアイコンは、コードベースで簡単にカスタマイズで
TOP > Design , vector > 豊富に揃ったアイコンやイラストのベクターセット「25 Flat Design Freebies You Should Download 」 Webやグラフィックデザインを手がけるデザイナーにとって、時間短縮や作業効率はとても重要な課題です。そんな時に役に立ってくれるアイテムが今回紹介する、豊富に揃ったアイコンやイラストのベクターセット「25 Flat Design Freebies You Should Download」です。 Shopping round icons set Vector | Free Download 様々なジャンルのベクターデータが揃っている中から、いくつか気になったものをピックアップしてみました。 詳しくは以下 Urban landscape in flat design Vector | Free Down
無料素材は、デザイナーの時間を大きく削減してくれる救世主です。その気になればアイコンからUI部品、ストックフォトまで、すべてが無料で手に入ります。しかし無料素材サイトも競争が激しく、消えてしまったものも少なくありません。今回は競争を勝ち残ったサイトだけを集めた、究極の無料素材サイトコレクションを紹介します。 1.Dribbble 最高の素材サイトとして多くのデザイナーが推薦するのがDribbbleです。デザイナー向けの招待制SNSで、世界中のデザイナーが成果物を共有してくれています。宣伝のために無料素材を配布してくれるデザイナーも多く、検索すれば豊富な素材が見つかります。Behanceと違いノイズが少なく、特定の素材を見つけやすいのが特徴です。 2.365PSD 365PSDは老舗の素材サイトで、無料のPSD素材を5年以上にわたって提供しています。アイコンからサイト全体のモックアップまで、
TOP > Design , WebDesign > 種類豊富な医療系に特化したアイコンセットのまとめ「20 Free Medicine Icon Sets You Can Use」 医療系分野は専門用語も多く、ユーザーにわかりやすくサイトやパンフレットを使用してもらうためには、視覚的に説明できるアイコンが効果的です。そんなシーンで役に立つ医療系アイコンのまとめ「20 Free Medicine Icon Sets You Can Use」を今回はご紹介していきたいと思います。 Health Icons by UI8 – Dribbble 洗練されたストロークアイコンからカラフルなアイコンまで幅広く収録されています。下記にいくつかピックアップ致しましたので、ご覧ください。 詳しくは以下 Iconset:dental-premium-color-symbol icons – Down
最近よくアイコンフォントを使っています。 アイコンフォントのメリットですが、 フォントなのでテキストとのベースラインが合わせやすい フォントなので拡大縮小はcssのfont-sizeで指定出来る フォントなのでcssで簡単に色を変えられる ベクターデータなので背景色があるときなどのエッジの処理を気にしなくていい。 があります。 デメリットとして単一の画像よりは一度に複数のアイコンデータを読み込むので、データ量が多くなる(重くなる)というのがあります。 とはいえ、レスポンシブとかサイズとかカラーバリエーションを考えてpngを作るのも手間です。 今回は、自分がよく使うアイコンフォントを備忘録代わりに書いておきます。 なお、この手のアイコンフォントはアップデート(主にアイコンの追加)が多いので、最新版やIE7以下での対応などは各公式サイトでご確認ください。 アイコンフォントの基本的な使い方 ダウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く