【備忘録】wordやpowerpointのSVGアイコンをfilemakerのボタンアイコンに使用してみる
Filemakerのボタンアイコンはもともと用意されているものだけではなくて、自分で用意したものも使うことができます。(SVGまたはPNGファイル)
PNGだと動作に応じてアイコンの色をカスタマイズできないので、SVGファイルを追加してみました。
WordやPowerpointに標準で入っているSVGアイコンにだいたいちょうど良いデザインのアイコンがあるのでその手順を記録しておきたいと思います。
①まずWordやPowerpointでアイコンを選んでSVGファイルで保存
②SVGファイルをテキストで開いて調整
そのままFilemakerにアップするとサイズがうまくいかなかったので調整します。
テキストで開いてみると、こんな書き出し
<svg viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.・・・・・・・・・・
青文字を追加しました
<svg viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg" width="200" height="200" xmlns:xlink="http://www.w3.・・・・・・・・・・・
赤文字部分を参照しながら大体その2倍くらいにしておけばちょうど良くなります。
③Filemakerからボタンのアイコンを選ぼうとすると、プラスボタンがあるので、そこからSVGファイルを選ぶ
これでハンバーガーのアイコンを使えるようになりました笑