👻

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

3 min read

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

イラスト

Storyset

SaaSっぽい画像をPNGかSVGでダウンロード。簡単に編集してからダウンロードできます。

unDraw

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

Blush

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

ダ鳥獣ギ画


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

Open Peeps

人物画像をPNGやSVGで出力

ソコスト

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

LooseDrawing

PNG形式でダウンロード

アイコン

Google Fonts- icons

Googleのやつ。

Phosphor

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

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

この記事に贈られたバッジ

Discussion

ログインするとコメントできます