フリー素材（写真、アイコン、フォント）

トップに戻る

新規投稿

tags

[7]

[3]

[5]

[1]

[3]

[1]

[1]

[1]

フリー素材（写真、アイコン、画像、フォント）を紹介しています

プログラミング用フォント

● Menlo

https://www.fontmirror.com/menlo

● Cousine

https://fonts.google.com/specimen/Cousine

● JetBrains Mono

https://www.jetbrains.com/ja-jp/lp/mono/

● FiraCode

https://github.com/tonsky/FiraCode

No.2170

01/11 15:41

two tone アイコン

● Two Tone

https://icons.pixsellz.io/two-tone/

No.1659

01/16 21:51

源ノ明朝を ttf に変換して使用する

● 源様明朝　（源ノ明朝をそのままTTF化）

こちらをダウンロードするのが早いでしょう。おすすめです。
https://github.com/ButTaiwan/genyo-font

● 手動でする場合は以下のツールが有用です

● Noto Serif Japanese をダウンロード

https://www.google.com/get/noto/help/cjk/

● otf → woff 変換「WOFFコンバーター」

https://opentype.jp/woffconv.htm

● woff → ttf 変換

https://convertio.co/ja/woff-ttf/

No.1467

03/20 15:50

ブログ用画像の探し方

● ブログ用画像の探し方

ブログのアイキャッチにクオリティの高いフリー画像を探したいという方は多いと思います。著作権フリーな画像探せるサイトを何個か紹介します

● AllTheFreeStock

http://allthefreestock.com/

● StockSnap.io

https://stocksnap.io/

● Flicker（Public Domain）

https://www.flickr.com/creativecommons/cc0-1.0/

● Flicker（CC By 2.0）（表示ライセンス）

https://www.flickr.com/creativecommons/by-2.0/

● CC（表示ライセンス）画像を使用する時のクレジットの表記の仕方

http://www.billionplan.com/blog/design/materials-cc-tips.html

No.1154

06/21 10:02

適当なロゴ見本を作るロゴメーカー「brandmark」「markmaker」

● brandmark

https://brandmark.io/

● markmaker

http://emblemmatic.org/markmaker

適当な名前（日本語不可）を入れるとそれらしいロゴ見本を色々表示してくれます。

No.1054

12/28 13:27

フリーのクリップアートサイト

● pngimg

http://pngimg.com

● 素材工場

http://sozaikoujou.com

No.1035

05/18 11:15

アイコン
写真

WEBサイトに使用したいサンセリフフリーフォント（Google Font）

Lato

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

https://www.google.com/fonts/specimen/Lato

Roboto

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

https://www.google.com/fonts/specimen/Roboto

Montserrat

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

https://www.google.com/fonts/specimen/Montserrat

Open Sans

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

https://www.google.com/fonts/specimen/Open+Sans

JOSEFIN SANS

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

https://www.google.com/fonts/specimen/Josefin+Sans

Oswald

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

https://www.google.com/fonts/specimen/Oswald (Google Fonts) http://www.fontsquirrel.com/fonts/oswald (ダウンロードはこちら) ###Google Fontsの使い方 1. リンク先のGoogleFontsページの一番下【Open XXX in Google Fonts】リンクをクリック 2. 表示されるページのCSS読み込みタグをコピーしてHTMLファイルに貼り付ける 3. CSSの font-family にフォント名を指定 ###例：フォント Lato を使用する場合 ```

abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789

```

No.995

12/10 21:48

フォント

無料のレスポンシブデザイン HTMLテンプレート（Bootstrapテーマとカラー設定）

● TWBSColor

Bootstrapの色をカスタマイズできます
https://work.smarchal.com/twbscolor/

Bootstrap を使ったフリーのHTMLテンプレートを紹介します。

● themehunt

https://themehunt.com/

● Startbootstrap.com

https://startbootstrap.com/themes/

● Bootstrap Zero

（ランディングページ、管理画面、WordPressなどジャンルごとにわかれています）
http://www.bootstrapzero.com

No.984

08/20 11:53

Bootstrap

.ttc フォントを .ttf ファイルに変換する

拡張子が.ttc フォントファイルというのはは複数の.ttf フォントを1つにまとめたファイルです。
ですので、複数の .ttf フォントファイルに変換することができます。
使うアプリはこちら
■ dfontsplitter
http://peter.upfold.org.uk/projects/dfontsplitter

No.965

07/28 14:52

国旗のアイコン画像

■ フラットデザインの国旗画像（ .png .psd ）
http://www.bestpsdfreebies.com/freebie/195-flat-flags/

■ 16*16 〜 64*64 までの国旗画像（ .png .ico）
https://www.gosquared.com/resources/flag-icons/

No.957

07/03 18:16

アイコン

無料のWEBフォントアイコン

Retinaディスプレイの普及によってベクターデータ化されているWEBフォントアイコン（アイコンフォント）はとても使いやすくなりました。
そこで無料のアイコンフォントサイトを紹介します。

● material icon

https://icons.pixsellz.io

● Icon Moon

https://icomoon.io/ 気に入ったアイコンを選択して SVG 書き出しもできます。

● GlyphSearch

http://glyphsearch.com
総合フォント検索サイト。使いやすいです。

● Fontello

http://fontello.com
フォント検索サイト。また .svg ファイルからcssフォントを作成することもできます。

● Font-Awesome

http://fortawesome.github.io/Font-Awesome/icons/

■Typicons

http://typicons.com

● Batch

http://adamwhitcroft.com/batch/

● iconic

https://useiconic.com/open/

● その他 WEBフォントアイコン

https://icomoon.io/#preview-free
http://genericons.com
http://zurb.com/playground/foundation-icon-fonts-3

No.946

03/07 07:51

アイコン
フォント

フリーの日本語フォント「さわらび」（ゴシック体・明朝体）

さわらびフォント

http://sawarabi-fonts.sourceforge.jp

すべての漢字を網羅しているわけではありませんが実用には十分です。おすすめ。

ゴシック体

<img src="http://sawarabi-fonts.sourceforge.jp/img/sample-gothic.png">

明朝体

<img src="http://sawarabi-fonts.sourceforge.jp/img/sample-mincho.png">

No.934

03/19 09:46

紙のテクスチャ素材

■ Old Paper pack by ~Ayelie-stock on deviantART
http://ayelie-stock.deviantart.com/art/Old-Paper-pack-67117235

■ Note-book texture by ~AnnFrost-stock on deviantART
http://annfrost-stock.deviantart.com/art/Note-book-texture-75008820

■ Natural Paper Texture Pack by `cloaks on deviantART
http://cloaks.deviantart.com/art/Natural-Paper-Texture-Pack-78124632

■ vintage grunge textures by `Princess-of-Shadows on deviantART
http://princess-of-shadows.deviantart.com/art/vintage-grunge-textures-79040200

No.812

08/12 10:06

Illustrator用の草木模様のベクタデータ（ .ai ）ファイル

■ vectorlady.com
http://vectorlady.com/vector-flowers/

■ qvectors.net
http://qvectors.net/floral-vectors/5-floral-ornaments/

■ Swirl-Flower-Vector-2
http://T-2-M.deviantart.com/art/Swirl-Flower-Vector-2-147011758

■ Swirl-Flower-Vector-3
http://t-2-m.deviantart.com/art/Swirl-Flower-Vector-3-147012398

No.811

08/04 14:23

illustrator

無料の壁紙ダウンロードサイト

■ wallbase
http://wallbase.cc/toplist/
高画質な写真や壁紙がたくさんあります。
おすすめ！

No.790

04/14 10:31

写真
壁紙

twitter等で使える無料アイコンを検索する

ツイッター等で使用する自分の顔アイコン。
無料でいいのがないか調べてみたら以下のサイトがいい感じです。

■ Find Icons
http://findicons.com/
30万以上もの無料アイコンから検索可能。おすすめです。

■ icon finder
http://www.iconfinder.com/
こちらも同じくアイコン検索エンジン。おすすめは【popular】カテゴリ
http://www.iconarchive.com/popular.html

■ Icon Archive
http://www.iconarchive.com
こちらも同じくアイコン検索エンジン

■ 無料で使えるTwitter(トゥイッター）用アイコン５０個まとめ
http://photoshopvip.net/archives/4985

■ 1000+ Best Free Twitter Icons
http://www.technobuzz.net/1000-best-free-twitter-icons/

No.779

08/12 10:07

アイコン

かっこいいおすすめ無料フォント7種類

こちらで紹介されているかっこいいフォントが無料なので気に入ったら是非ダウンロードしましょう！

こちらのフォントが紹介されています

● Code

http://fontfabric.com/code-free-font-3/

● Dekar

http://fontfabric.com/dekar-free-font/

Fontfabricの無料フォント（約50種類）

http://www.fontfabric.com/category/free/

St Marie

http://www.behance.net/gallery/St-Marie/551975

こちらもおすすめ

Infinity

http://www.behance.net/gallery/Infinity/1126535

GardenC

http://aleksandershevchuk.ru/#696502/GardenC-Free-typeface

Springsteel Serif Thin, Heavy

http://www.fontspring.com/fonts/paragraph/springsteel-serif

No.773

12/09 17:19

フォント

Google Font API を使う

ホームページ上で使用できるGoogle提供の無料フォントを使用する。

使い方

フォント Droid Serif を使用する場合

<link  href="http://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet" type="text/css" >
<style>
body {
  font-family: "Droid Serif", serif;
  font-size: 28pt;
  font-style: italic;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  word-spacing: 0;
  line-height: 1;
}
</style>

http://code.google.com/webfonts/preview

No.732

04/14 10:26

フォント

iPad , iPhone, iOS インターフェース素材ファイル

■ iOS 7 PSDファイル
http://www.teehanlax.com/tools/ios7/

■ iPadインターフェース PSDファイル
http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/

No.728

06/27 12:10

セリフ系フリーフォント

■ セリフ系フリーフォント
http://designm.ag/resources/free-serif-fonts-for-design/

No.702

10/22 21:41

フォント

無料のロード中（NowLoading... アクセス中）インジケーターアイコン画像

● epic-spinners

https://epic-spinners.epicmax.co/#/

● 様々なローディングアイコンを作成できるサイト loading.io

https://loading.io/
gifアニメ , svgアニメ , css , pngアニメなどフォーマットを選択できます。

● CSSによるローディングインジケータ

http://projects.lukehaas.me/css-loaders/

● 好きなフォーマットを選んでダウンロードできる Preloaders

無料から有料アイコンまで各種揃っています
http://preloaders.net/

No.698

01/17 21:59

アイコン
css

フリーの写真素材サイト

（ライセンスは各サイトのライセンスを必ずご確認ください。）

● Unsplash

https://unsplash.com/

● picjunbo

https://picjumbo.com/

● dashmate

http://dashmote.com/
複数の写真サイトから同時に検索できます。

● o-dan

http://o-dan.net/ja/
複数の写真サイトから同時に検索できます。

● FREE IMAGES　[ 旧　stock.xchng - the leading free stock photography site]

http://www.freeimages.com
画像サイズが大きくおすすめです

● ぱくたそ - フリー写真素材・無料ダウンロード

https://www.pakutaso.com/

● プロカメラマンのフリー写真素材無料画像素材のプロ・フォト

https://pro.foto.ne.jp/

● KOYU写

http://www.kys-lab.com/photo/

● 無料人物写真フリー素材の【ビジトリーフォト】商用利用OK

http://busitry-photo.info/
人物写真が多数あります

● 足成

http://www.ashinari.com/
日本のサイト。人物写真がおすすめです

No.604

05/26 14:31

写真

オープンソースの Flash エフェクト

デモを見るだけで十分面白い。おすすめ
http://levitated.net/daily/index.html

No.590

02/22 17:32

無料のサウンド素材サイト

Flashで制作時に役に立ちそうなフリー効果音、ループ素材サイト

■ sound snap
http://www.soundsnap.com/

その他
http://www.designwalker.com/2008/01/sound-effect.html

No.570

04/14 10:28

サウンド

無料で使える50のアイコンサイト

■ FAMFAMFAM
http://www.famfamfam.com/lab/icons/silk/

http://www.dezinerfolio.com/2007/09/25/top-50-supercool-free-icon-sets/
で紹介されています。

このブログ
http://www.dezinerfolio.com/works/
の写真の見せ方など非常に上手い

No.562

01/11 13:43

アイコン

フリーのベクターデータ配布サイト

http://www.vecteezy.com/

http://www.vector-finder.com/

No.561

07/27 14:17

illustrator

165 Vector Icons, Now in 5 Colours

165 Vector Icons, Now in 5 Colours
http://www.gosquared.com/liquidicity/archives/122

No.532

04/15 13:55

illustrator
アイコン

無料素材

【クリップアート】http://www.openclipart.org/
【デザインテンプレート】http://www.oswd.org/

No.105

05/22 11:20