ブックマークしているイラスト・アイコン素材サービスを共有します

公開:2020/10/30
更新:2021/01/26
3 min読了の目安(約2900字IDEAアイデア記事

画像素材、アイコン素材系のサービスのブックマークが溜まってきたので共有します。
いらすとや、fontawesome以外の選択肢がほしい方のお役に立てれば。

イラスト

unDraw

SaaSっぽい画像をPNGかSVGでダウンロード。画面上で色を選択できます。

Blush

画像を自由にカスタマイズしてダウンロード。無料版だと185×400くらいの小さいPNG画像のみ。有料だと大きい画像やSVGでダウンロードできるっぽい。

ダ鳥獣ギ画


鳥獣戯画のかわいいイラスト。かなり種類が多いので、いらすとやに近い感覚で使える。

Open Peeps

人物画像をPNGやSVGで出力

ソコスト

PNG、SVG、EPSでダウンロード。画像の種類が結構豊富です。

LooseDrawing

PNG形式でダウンロード

アイコン

Phosphor

色や太さ、大きさなどを自由に設定することができます。SVGのコピー、全てのアイコンを一括ダウンロード(SVG、PNG)、またfontawesome的にCDNを読んで使うこともできそう。VueやReactと合わせて使うことも考慮されています。アイコンの種類も多く一番イケてる感があります。

Tabler Icons

色や大きさ、太さを自由に設定して、SVGをブラウザ上でコピーすることができます。種類も豊富です。

Heroicons

Tailwind CSSの作者が作ってるやつ。ブラウザ上でSVGをコピーします。JSXにそのまま貼れる形式でコピーできるオプションもあります。

Zondicons

こちらもTailwind CSSの作者が作ってるやつ。
こっちはアイコンを一括でダウンロードして使う想定みたいです。

Flaticon

アイコンセットをまとめてダウンロードできます。

その他

その他、マークアップやwebサイト制作で役立つツールもついでに共有します。

Svg Wave

波の画像を作ってPNGやSVGで出力できるツール。セクションの区切りとかに使うといい感じかも。

Unsplash

写真を探す時はまずここ

favicon.io

favicon作成ツール

Colors - Image picker

アップロードした画像を元に、カラーパレットを作成することができます。

83 Beautiful CSS box-shadow examples - CSS Scan

83種類のbox-shadowから好きなもの選んで、CSSをコピーできます。

その他

https://saruwakakun.com/design/tips/illust