TOP  >  アイコン

Tag : アイコン

2019年03月17日

アイコンサイズやカラーを選んでSVGで出力できる「ICONSVG」

WEBデザインでは非常に重要となり、利用頻度も高いアイコン。様々なアイコンセットが世に中には出回っていますが、今回紹介するのはJPGやPNGといった画像データでは無くて、SVGでダウンロードしたり、SVGコードで出力できる、ICONサービス「ICONSVG」です。

svgicon001

シンプルでスタンダーどなアイコンが並んで降り、「Arrow」「InterFace」「Media」「Files&folders」「Editor」「Symbols and shapes」「User」「Graphs&charts」「Devices」「Layout」といったカテゴリに分けられて収録されています。

詳しくは以下

(さらに…)

続きを読む
posted 03:42  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2019年02月20日

子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」

デザイン制作の素材として活躍してくれるアイコン。デザイナーの方で日々ストックされている方も多いのではないでしょうか。今回はそんなストックコレクションに加えておけば活躍してくれるかも?子どもをイメージしたフリーフラットアイコンセット「Download free Childhood flat icons set」を紹介したいと思います。

child1

赤ちゃんから幼児あたりまでの、ライフスタイルをイメージできるアイテムのアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2019年02月14日

バレンタインを楽しく演出するフリーアイコンセット「50 free valentines themed icons」

2月14日本日はバレンタインデー。特に日本ではお正月空けから盛り上がりを見せる、冬の一大イベントの一つでもあります。今回はそんなバレンタインデーを楽しく演出するフリーアイコンセット「50 free valentines themed icons」を紹介したいと思います。

fvalentine1

ポップで可愛らしいテイストのフリーアイコンが50種、セットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 06:02  |  
Category: Design   
このエントリーをはてなブックマークに追加
2019年01月21日

個性的なラインナップを楽しめるフリーアイコンセット「Emojious Icons」

デザインの素材として欠かすことができないアイコン。良いものをみつけるたびにストックされているデザイナーの方も多いのではないでしょうか。今回はそんなストックコレクションにぜひ取り入れたいフリーアイコンセット「Emojious Icons」を紹介します。

emojious1

キャラクターのような可愛らしさを兼ねそなえた、個性的なラインナップを楽しめるアイコンセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2019年01月09日

ベクターデータで描かれた150のアイコンセット「A free set of 150 vector icons」

Illustratorなどのソフトウェアでカスタマイズしながら利用できるため、どんな制作現場でも使い勝手がいいベクターデータ。今日紹介するのはベクターデータで描かれた150のアイコンセット「A free set of 150 vector icons」です。

150-vector-icons-580x435

天気のような汎用的なものから、斧やドライバーといった少しマニアックなものまで様々なモチーフがアイコン化されています。収録されているアイコンセットの一部は以下からご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 07:28  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2018年10月27日

フードデリバリーサービスに利用できる「50 Free SVG and PNG food deliverey icons」

日本でも非常に多く展開されているフードデリバリーサービス。最近はアプリ市場なども大幅に拡大し、実際に活用されている方も多いのではないでしょうか。そんなデリバリーサービスツールの制作に活用できる「50 Free SVG and PNG food deliverey icons」を今回は紹介します。

delivery1

50種のフードデリバリーサービスイメージアイコンがセットでダウンロードできるようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 11:21  |  
Category: Design   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2011年05月24日

白と黒を効果的に利用した便利なバックグラウンドまとめ「70 Useful Black And White Backgrounds」

インターネット上で配布されているさまざまなバックグランドを使い、ブログやマイページの背景をカスタマイズして個性を演出している方もいらっしゃるかと思います。そんな中今回紹介するのは、白と黒にスポットをあてたバックグランド素材集「70 Useful Black And White Backgrounds」です。


Raindrops Wallpaper by ~richardxthripp on deviantART

モノクロの色味でありながらも、それぞれに個性や特徴をしっかりと感じることができるバックグラウンドまとめです。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:22  |  
Category: Design   
2017年07月18日

プログラマーのためのWEBサービスや開発系のアイコンセット「devicon」

Twitterなどの有名なアイコンは、自分がよく使用するものはストックとして持っているかもしれませんが、必要時にない場合は探すことになり、非常に手間を感じるのではないでしょうか。そんな手間を省いてくれる「devicon」を今回はご紹介します。

devicon

デベロッパーが持っておくと便利なアイコンが多数まとめられており、ソースコードも記載してくれている優秀なアイコンセットになります。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   
2017年10月16日

ラフな書体をお探しの方に!フリーハンドで書いたような手書き風フォントまとめ「25 Free Handwriting Fonts for your Designer Toolbox」

ラフな雰囲気やこなれた感じを出したい時に便利なのが、手書き風フォント。デザインに味を出してくれるポイントや飾りに使いたい書体です。今回はそんな手書き風のフォントをまとめた「25 Free Handwriting Fonts for your Designer Toolbox」をご紹介します。

25-free-handwriting-fonts1
Talking to the Moon Font | dafont.com

全部で25種類ものフリーハンドで書いたような、自然な手書き風フォントがまとめて紹介されています。その中から幾つか気になったフォントをご紹介しますので、是非ご覧下さい。

詳しくは以下
(さらに…)

続きを読む
posted 06:20  |  
Category: Font   
2010年08月06日

定番の国旗アイコンセットベスト10「Top 10 Country Flag Icon Sets」

WEBに限らず、様々な制作物でよく利用する機会がある国旗。今日紹介するのは定番なものから、凝ったものまで、国旗アイコンセットを集めたエントリー「Top 10 Country Flag Icon Sets」です。


Free Country Flag Icons

詳しくは以下

(さらに…)

続きを読む
posted 11:55  |  
Category: Design , WebDesign   
2010年02月18日

CSS3を応用したテクニック集「18 Incredible CSS3 Effects You Have Never Seen Before」

WEB業界では最近度々話題になるCSS3。先日DesigndevelopでもCSS3を使ったボタンデザインのテクニックを紹介しましたが、今回はボタンデザインに限らず、CSS3で様々な実験的な試みを行なっているチュートリアル、Tipsを集めたエントリー「18 Incredible CSS3 Effects You Have Never Seen Before」を紹介したいと思います。

css3-tips01
Awesome CSS3 Lightbox Gallery Demo

今まで、HTML×CSSではできなかった事が、CSS3の新たな機能を使って実現しています。多々紹介されていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:19  |  
Category: WebDesign   
2016年03月13日

divもタブもチェックボックスも回転のエフェクトを与えることができる「TURNBOX.js」

IEのサポートも縮小され、少しづつではありますが、制作の現場もアニメーションやエフェクトに対して積極的になってきました。本日紹介するのはdivもタブもチェックボックスも回転のエフェクトを与えることができる「TURNBOX.js」です。

turnbox1

こちらは様々な要素に対して、回転のエフェクトを与えることが可能となっております。例えばON/OFFのトグルだったり、アップロードだったりダイアログだったり、div自身にも与えることができるため、ページ全体を切り替えるようにした使い方も可能です。

詳しくは以下

(さらに…)

続きを読む
posted 03:02  |  
Category: javascript , WebDesign   
2015年11月24日

使いやすさが考慮されたフリーwordpressテーマ10選「Top 10 Best Free WordPress Themes」

非常に便利なwordpressは広く活用されており、もはや欠かせない存在になっています。そんな中今回紹介するのは、使いやすさが考慮されたフリーwordpressテーマ10選「Top 10 Best Free WordPress Themes」です。

wordpress1124_3
WordPress › Hitchcock « Free WordPress Themes

シンプル・洗練されたデザインテーマが紹介されており、どれも使いやすさが考慮されたものばかり。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:55  |  
Category: WordPress   
2013年02月03日

【商用利用可】シンプルで上質な280個ものアイコンセット「Steadysets – 280 free icons」

インターフェイスを補助したり、デザインの質を上げてくれる、便利な素材アイコン。WEBデザインでは、メニューだったり、その他付随する機能を表すときには非常に重宝しますが、今日紹介するのはシンプルで上質な280個ものアイコンセット「Steadysets – 280 free icons」です。

こちらは普段利用しそうなインターフェイス系のアイコンから、宝石やハート、注射器といったグラフィック系のアイコンまで、全部で280個ものアイコンがセットになったアイコンセットとなっています。

詳しくは以下

(さらに…)

続きを読む
posted 04:19  |  
Category: WebService   
2012年12月20日

クオリティの高いPhotoshop背景素材まとめ「30 Free To Download and Impressive PSD Backgrounds」

デザインを考えていてもなかなかアイデアがまとまらず、制作に時間がかかってしまうということもあるかもしれません。今回はそんな煮え切らない状況を打破してくれる、クオリティの高いPhotoshop背景素材をまとめた「30 Free To Download and Impressive PSD Backgrounds」を紹介したいと思います。


Abstract Watercolor Background by ~ChocoTemplates on deviantART

アメコミ風なデザインから、シンプルなデザインまで、さまざまなPhotoshop背景素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:44  |  
Category: WebService   
2007年12月15日

【FreeFont】フリーピクセルフォント集「Semplice Pixelfonts」

ピクセルで作られたカタカタしたピクセルフォント、独特でありながら、オシャレな雰囲気にも、ポップサイトにも合う汎用性の高いフォントです。今回紹介する「Semplice Pixelfonts」は8ピクセル指定のピクセルフォントをフリーダウンロード可能です。

ピクセルフォント

すべて欧文書体ですが、現在19個のフリーピクセルフォントが公開されています。

詳しくは以下

(さらに…)

続きを読む
posted 03:02  |  
Category: Design , Font   
tag: Design Font

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る