自作した画像イメージをSVGに変換してFontelloカスタムアイコン作成方法
Fontelloで自作したイメージ画像をアイコンにすることができます
- 特定な画像をアイコンに変換する必要があります
- 例:「漢」字の画像をアイコンに変換したいです

イメージ画像(例:pngフォーマット)をSVGフォーマットに変換
- いろいろなツール(例:Adobe illustrator)で画像をSVGフォーマットへの変換ができます
- ここで、ツールをインストールせず、Onlineツール(例:http://pngtosvg.com/)で変換することにしました
変換されたSVGファイルをFontelloページのカスタムアイコンエリアにアップロード
- FontelloウェブサイトにSVGフォーマットの画像をアップロードします
- FontelloサイトのSVGフォーマットに合わないときがありますが、Fontelloに紹介されたSVG変換サイト( https://jakearchibald.github.io/svgomg/ )で再度SVG変換をすればよいです
- アップしたイメージがFontelloのカスタムアイコンで表示され、名前などを変更することができます
Fontelloからアイコンセットをダウンロード
- カスタムアイコンを含め、選択したアイコンをダウンロードします
- ダウンロードしたアイコンセットを展開してdemo.htmlファイルを開いて自作したアイコンの確認ができます
複数のアイコンセットを作成する場合に各アイコンのUnicodeを重複しないよう
- Fontelloで一度作成さいたアイコンセットに各アイコンのUnicodeが新しく採番されるようです

- 複数のアイコンセットして、同時に使用する場合、アイコンのUnicodeが重複する可能性があります。
- Unicodeの重複されたアイコンが表示されないことになります
- アイコンのUnicodeを新しい採番する必要があります