[B! SVG] f503kkのブックマーク

国産のSVGアイコンサイトが登場！日本人クリエイターが作成した商用無料で利用できるアイコン素材 -Icon Box

海外の素材だとちょっと不安という人でも大丈夫、日本人クリエイターが作成した商用無料で利用できるアイコン素材を紹介します。アイコンは現在400種類以上あり、高品質で汎用性の高いものが揃っています。SVGも完備されているので、非常に使い勝手がよいと思います。 Icon Box アイコンの利用にあたっては個人でも商用でも無料で、「アイコンの編集もご自由にどうぞ」とのことです。アイコン自体の再配布は禁止です。詳しくは、ライセンスページをご覧ください。アイコンのフォーマットは、下記の通り。透過PNG SVG サイズは、16px, 32px, 64px, 128px, 256pxが用意されています。ダウンロードも簡単で、登録など面倒なことは一切不要です。各アイコンページの「PNGボタン」「SVGボタン」からダウンロードできます。

f503kk 2018/08/27

リンク

SVG書き出し時、サイズを指定する

イラレでSVGを書き出すときにwidth heightを記載するようにする設定。ファイル→書き出し→スクリーン用に書き出し→設定マーク→SVG→レスポンシブのチェックを外す。 SVG書き出し手順動画

f503kk 2018/05/30

リンク

Online Image Vectorizer

Image Vectorizer Convert raster images like PNGs, BMPs and JPEGs to scala ble vector graphics (SVG, EPS, DXF) How does it work Vectorization of raster images is done by converting pixel color information into simple geometric objects. The most common variant is looking over edge detection areas of the same or similar brightness or color, which are then expressed as a graphic primitives like lines,

f503kk 2018/04/23

SVG

リンク

SVGOMG - SVGO's Missing GUI

Global settings Show original Compare gzipped Prettify markup Multipass Number precision Transf orm precision Features Remove doctype Remove XML instructions Remove comments Remove <metadata> Remove xmlns Remove editor data Clean up attribute whitespace Merge styles Inline styles Minify styles Style to attributes Clean up IDs Remove raster images Remove unused defs Round/rewrite numbers Round/rewri

f503kk 2017/05/18

リンク

SVGクリッピングマスクにチャレンジ！静止画像も動画も、SVGで切り抜こう！

2014年10月8日 SVG Webクリエイターボックスでちょこちょこ取り上げてきたSVG。今回は第四弾！SVGを使ったクリッピングマスクを紹介します。今までは画像に透過PNGを重ねてマスクを表現できましたが、高解像度ディスプレイに対応させたり、マスク自体に効果をつけるならSVGが便利かなーと思います。サムネイル画像にフレームをつけたり、デザインのアクセントとして使えるので、ぜひマスターしてくださいね！ ↑私が10年以上利用している会計ソフト！ SVGのクリッピングマスク基礎 1. 画像を用意それではさっそく試してみましょう！まずは切り抜かれる画像を用意し、img タグで表示します。この時画像に mask というクラスを与えておきます。 <img class="mask" src="images/rose.jpg" alt="Rose"> 2. マスクの型を用意 Illustratorで

f503kk 2017/01/12

リンク

Freebie: Travel and Ecology Icon Set (AI, SVG, PSD, PNG) | Codrops

Freebie: Travel and Ecology Icon Set (AI, SVG, PSD, PNG) A transportation, travel and ecology themed icon set by Round Icons with 50 free icons in AI, SVG, PSD and PNG format. We’re happy to publish this great freebie today: a fantastic icon set from Round Icons. The set contains various transportation, travel and ecology themed icons in several formats. About the Set This carefully crafted set of