シンプルなアイコン素材は、重宝しますよね。 Webサイトやブログ、スマホアプリなどにぴったりな、シンプルにデザインされた無料で利用できるSVG完備のアイコン素材を紹介します。 CC0なので、商用利用時のクレジット表記は不要、複製、改変、配布などもOKで、使い勝手がかなりよいと思います。
![もうアイコン素材に困らない!CC0でSVG完備、420種類のシンプルにデザインされたアイコン素材 -Evericons | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/3c2767d8f70b9c513d91ec663d0f004c51b221a7/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201804%2F2018102404.png)
シンプルなアイコン素材は、重宝しますよね。 Webサイトやブログ、スマホアプリなどにぴったりな、シンプルにデザインされた無料で利用できるSVG完備のアイコン素材を紹介します。 CC0なので、商用利用時のクレジット表記は不要、複製、改変、配布などもOKで、使い勝手がかなりよいと思います。
2016年2月9日 Illustrator, SVG, 便利ツール 繰り返し使うSVG形式のアイコン等を表示する際に便利なSVGスプライト。しかし、symbol タグで囲んで…一つ一つにIDを付けて… viewBox 属性をコピペして…と、本当にコーディングがめんどくさい!新規プロジェクトを始める度に設定するのが煩わしくなり、いろいろと楽する方法を試した結果、アイコンジェネレーターツールの「IcoMoon App」を使う方法に落ち着いたので、やり方を紹介したいと思います。 ↑私が10年以上利用している会計ソフト! SVGスプライトとは? SVGスプライトは、ロゴやアイコンなどの複数のSVG画像をひとつのファイルにまとめて保存し、使いたい時に呼び出す方法です。SVGなので、拡大縮小しても画質が劣化しません。詳細は過去記事「アイコンフォントからSVGへ!より手軽にベクター画像を表示しよう」に目
こんにちは、デザイナーのモモコです。 Webサイト制作をする上で欠かせないアイコン素材。デザイン性にこだわりたくても、「一からデザインしている時間がない!」という方もいますよね。 そこで今回は、数あるアイコン素材の中から、デザイン性に優れたおしゃれな無料アイコンを厳選してご紹介します。 線で構成されたライン系アイコンやシンプルなフラットデザイン、手書き風のアイコンなどをテーマ別に紹介しているので、これから制作するWebサイトの雰囲気に合わせてご活用ください。 なお、今回は基本的にロイヤリティフリーで使用できるものを集めましたが、ご利用になる際は各配布先にて利用許諾範囲を必ずご確認ください。 ※この記事は、2015年に公開されたものを最新情報を踏まえて編集部で再編成しました。 シンプル・フラットなデザインがおしゃれな無料のラインアイコン Streamline https://www.stre
ウェブサイトやアプリで使うさまざまなアイテムが揃った、シンプルな美しいアウトラインで作成されたミニマルなアイコン素材を紹介します。 フォーマットはPSD, AI, SVG, Icon Fontと全て揃ってます! 150 outlined icons – PSD AI SVG Webfont ダウンロードできるアイコンのフォーマットは全てベクターで、4種類が揃っています。 .psd .ai .svg フォント(.woff, .eot, .ttf, .svg) あらゆる作業環境でそのまま使用できますね。 アイコンのアイテムは全部で、150種類! ウェブサイトやブログ、アプリでよく利用するアイテムが揃っています。
freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在38,000個以上のアイコンが登録されています。 freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す freepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。日本ではコリスが初!今回はその第4弾です。 第1弾:コリスのビジターのアンケートを元にしたアイコン150種類 第2弾:1,400種類の汎用的に利用できるアイコンセット 第3弾:プレゼンや企画書で使える!インフォグラフィック用のベクター素材 ダウンロードできるアイコン素材のフォーマットは、ベクター完備! .svg .ai .e
汎用性が高いUIアイコンなどと比べると使う場面は少ないものの、いざ使いたいときに便利そうなものやあまり見かけないタイプだと個人的に思ったアイコンセットのまとめで、過去に紹介してきたものをひとまとめにしました。 既に公開・配布終了しているものも一部あるのですが、ファイルダウンロード自体はできなくともデザイン的にはそのまま参考になることもあるので、そういったものはキャプチャが小さめではありますがリンク設定のみ解除する形で紹介します。 紹介しているアイコンを使用する際は、ライセンス等は各自で再度確認してください。 リンクが未設定で配布形式も記載されていないものは公開・配布終了しているものです。
もっと手軽にデザインにアクセントを!アイコンフォントのまとめ「15 Useful Free Icon Fonts for Designers」 Webサイトの修正において、細かいものであればHTMLやCSSのみで対応してしまうことがあると思います。もちろんデザインを事前に作る事は重要だと思いますが、時にはプログラムのみで解決できてしまう手軽さも必要なのではないでしょうか。今回紹介するのはそんな手軽さをより強く感じさせてくれる、アイコンフォントのまとめ「15 Useful Free Icon Fonts for Designers」です。 Ligature Symbols 通常、HTMLに「A」と記述すれば「A」と表示されますが、アイコンフォントを使用すれば対応するアイコンが表示される仕組みとなっています。どれも扱いやすいものばかりですが、中でも気になったものをピックアップしましたので、下記
デザインする時、手段ばかり追ってしまい、「( ゚д゚)ハッ!そもそもの目的ってなんだっけ」ってなりがちなので、気を付けたいなと思いまとめてみました。 1. 目的をしっかりと認識する 例えば、上のようなボタンをデザインしたとき、「もっと目立つように大きく、色も赤とか目立つ色にしてください」という修正指示を受けたとします。 「目立たせる」という目的の解決策として、「大きくする」、「赤などの目立つ色を使う」という2つが考えられています。そしていつの間にか、これらの解決索が目的にすり替わっていることが無いでしょうか。 「大きくする」、「赤などの目立つ色を使う」ことを行えば目的を達成できるかのように錯覚するのですが、その解決策は本当に最適かを考える必要があります。そもそもの目的は「ボタンを目立たせること」で、その解決策は他にもあります。 2. 他の手段も考える 「目立たせる」ためには、差別化する、近
(編集部注:2013年12月4日に公開された記事を再編集したものです。 ※無料で商用利用可のところばかりですが、中にはアイコン1個1個でライセンスが違うものやコピーライト記載が必要なものもあるので、ご使用の際には随時ご確認ください。) こんにちは。デザイナーの白浜です。 フラットデザインが流行りなこともあり?最近何かとピクトグラムアイコンを探す機会が増えました。(余裕があれば自作モノも増やしたいところですが!) でも、いつも同じところだとマンネリになりがち……。 他のデザイナーさんはみんなどこみてるんだろう??とアンケートをとってみたところ……今まで知らなかったところが結構出てきました! メモがてら、まとめてみたいと思います。 【こちらもおすすめ】 ☞ 質高すぎ!ベクター素材をフリーでダウンロードできるサイトまとめ LIGデザイナーが厳選!使えるフリーのピクトグラムまとめ Endless
IKONS - 264 free vector icons from Piotr Kwiatkowski 汎用で使える264種のフラットなベクターアイコンセット「IKONS」 次のようなアイコンが、SVG, AI, ESP, PSD, CSH, PNGフォーマットでダウンロード可能です。 フラットなサイトにぴったり使えそうです。 関連エントリ 汎用で使える癖のない400+のアイコンが詰まったアイコンフォント「Ionicons」 150個の汎用で使えるPSD形式のピクトグラムアイコン「Glyphs」 フリーのiOS7アイコン800個セット ベクター形式のお天気アイコン100個+パック「Cumulus」 汎用に使えるピュアCSS3なピクトグラムアイコン200個+ SEOに関連するフラットなアイコン60個セット
フラットなスタイルにソフトな質感を加えた美しいアイコン素材を紹介します。 ゴムのようなソフトな質感が、いい感じです。 アイコンは単に無料ということだけでなく、使用の制限も無しとのこと、太っ腹! Softies ダウンロードできるアイコンのフォーマットは、2種類。 .psd (ベクター) .png (すぐ使う用) .pngは64px, 128px, 256pxの3サイズが揃っており、.psdは各アイコンはベクターで作成でできています。 .psdをPhotoshopで開いたキャプチャ 素材の利用にあたっては、制限無しでフリー!! GPLライセンス下で、個人でも商用でもあらゆるプロジェクトで無料で利用できます。 アイテムは全部で44種類! 128px版を少し縮小したものですが、その美しさはこのサイズでも堪能できると思います。
日本の風習100種類をピクトグラムで表現したアイコン素材を紹介します。 Twitterで何回かつぶやいていたのは、これです。 コリス タイアップ企画として3日間限定で無料でダウンロードできます。 作者の方に感謝です! 日本の風習を伝える100のアイコン 日本の風習を伝える100のアイコン ダウンロードできる素材のフォーマットは通常は、.pngと.psdでレイヤーがフラットな状態ですが、今回3日間限定でベクターの.psdと.aiも無料でダウンロードできます! 通常版 .png .psd(レイヤーがフラット) 期間限定版 .png .psd(ベクター付き) .ai 通常版でももちろん十分利用できますが、作者の方にベクターの配布をお願いしたところ期間限定で、ということになりました。 という訳で、一足お先に頂いたベクターの.psdです。 やっぱりベクターでアイコンを見るといいですね。 素材の利用に
海外のクリエイティブチーム「Freepik」とのコラボで、ビジターのみなさんに日頃の感謝を込めて、コリス限定のアイコン素材を配布します。 先日Twitter@colisscomでどんなアイコンが欲しいか希望を聞き、Freepikの中の人と相談し、アイコンを作成していただきました。 Freepik.comは、海外のウェブ制作系ブログSmashing MagazineやSix RevisionsやWeb Designer Depotでもお馴染みで、そのブログだけのオリジナルのアイコンセットを配布するコラボに当ブログも加わりました。 日本では初だそうです、やったね! アイコンのテーマは「Celebrations」 ビジネス系のは他のサイトにたくさんあるので、ホビーやライフなどを主体としたアイコンを依頼しました。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く