「IconDeposit」でお気に入りの無料アイコン素材を見つけよう!
2017年2月11日
小さなパーツだけれど、Webサイトの中で存在感があって、いいものを使うだけで全体のデザインクオリティが上がる。それがアイコンパーツです。
インターネット・アカデミーのPhotoshopやIllustratorの授業の中でもアイコンパーツの作り方はご紹介していますが、今日は無料で使えるハイクオリティなアイコン素材を紹介している「IconDeposit」というサイトをご紹介します。
「IconDeposit」の使い方
「IconDeposit」にアクセスをすると、たくさんのアイコン素材が表示されます。また、「Design」メニューでは、Photoshopなどで使えるデザイン素材も用意されています。
トップページ、もしくは「Icon」メニューから、良さそうなアイコンを探してみましょう。メニューバー上部の検索ボタン、もしくはタグ検索機能もついています。
今回、数あるアイコン素材の中から「200+ Windows 10 Icons」という、Windows10用のアイコン素材を選択してみました。
プレビュー画像の下に「Tweet or Follow IconDeposit to unlock this Download」という記載があるので、Twitterでこの素材のことをツイートをするか、IconDepositにユーザー登録をするとダウンロードが開始できるということがわかります。
ダウンロードや画像使用の前に、必ず「File Information」のLicense(ライセンス)を確認してください。この素材は「Free to use」という記載のみのため、自由に使えることがわかりますが、「Creative Commons Attribution-NoDerivatives 4.0 International」という記載があれば、非営利目的で、クレジット表示が必要となります。
基本的にこのサイトの素材はどれも無料で使用できますが、使用にあたっての許諾範囲や利用方法は素材ごとに異なるため、必ず素材別にライセンスの項目を確認することを忘れないようにしてくださいね。
良い素材を正しく効果的に使って、Webデザイン制作に活かしましょう!!
関連リンク
関連講座
関連ブログ記事
- 「簡単かつ軽い!アニメーション付きCSSボタンが作れる「Bttn.css」」written by ささくらはなび
- 「ボタンのクリックを促す!? CSS3ホバーアニメーション素材集」written by ささくらはなび
- 「CSSでローディングアニメーションを作ろう!おすすめ参考サイト3選」written by ささくらはなび
- 「46,000種以上のUIのフリー素材が手に入る「UICloud」」written by ささくらはなび
- 「アニメーションアイコンが手軽に作れる「Transformicons」」written by ささくらはなび
- 「ブラウザ間での表示のズレを解消するリセットCSS」written by 有滝貴広
- 「CSS3で手軽にボタンアニメーションを作れる「Animate.css」」written by ささくらはなび
- 「フラットデザインに合うフリーローディングアニメーション素材」written by ささくらはなび
- 「Webフォントでアイコン表示!Font Awesomeとは?」written by 山田宏樹
- 「オシャレ・カワイイ素材が見つかる「The Hungry JPEG」」written by ささくらはなび
本ブログは、日本初Web専門スクールのインターネット・アカデミーの講師が運営するWebメディアです。 スクールの情報はもちろん、最新のWebデザイン・プログラミング・Webマーケティングについて役立つ情報をご紹介しています。