ブックマークしているイラスト・アイコン素材サービスを共有します
画像素材、アイコン素材系のサービスのブックマークが溜まってきたので共有します。
いらすとや、fontawesome以外の選択肢がほしい方のお役に立てれば。
イラスト
Storyset
SaaSっぽい画像をPNGかSVGでダウンロード。簡単に編集してからダウンロードできます。
unDraw
SaaSっぽい画像をPNGかSVGでダウンロード。画面上で色を選択できます。
Blush
画像を自由にカスタマイズしてダウンロード。無料版だと185×400くらいの小さいPNG画像のみ。有料だと大きい画像やSVGでダウンロードできるっぽい。
AI素材.com
入力した言葉から、画像を生成してくれるサービス。
ダ鳥獣ギ画
鳥獣戯画のかわいいイラスト。かなり種類が多いので、いらすとやに近い感覚で使える。
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
アイコンセットをまとめてダウンロードできます。
SuperTinyIcons
いろんなサービスのSVGロゴがまとめられています。
その他
その他、マークアップやwebサイト制作で役立つツールもついでに共有します。
Svg Wave
波の画像を作ってPNGやSVGで出力できるツール。セクションの区切りとかに使うといい感じかも。
Unsplash
写真を探す時はまずここ
favicon.io
favicon作成ツール
Colors - Image picker
アップロードした画像を元に、カラーパレットを作成することができます。
83 Beautiful CSS box-shadow examples - CSS Scan
83種類のbox-shadowから好きなもの選んで、CSSをコピーできます。
その他
Discussion