Jazzと読書の日々

iPadを筆記具として使う方法を模索します

TextwellにLucideのアイコンを埋め込むアクション

見やすさが変わるよ。

Lucide

アプリで使うアイコン集。シンプルで可愛い。これをテキストに埋め込むことができます。いつもボタンの説明で困ったりしてたけど、これがあれば一目瞭然。とかとかアイコンならわかりやすい。

Textwellアクション

Textwell 2.1.1
分類: 仕事効率化,ユーティリティ
価格: ¥480 (Sociomedia)

便利なものは皆アクションに。世界はTextwellを中心に回ってる。

Import Textwell ActionIcon

使い方

カーソル行をLucideで検索します。対象となるアイコンをタップしてください。拡大表示されますね。「Copy SVG」を選ばなくても、後はそのまま内蔵ブラウザを閉じるだけ。これで本文にアイコンを埋め込めます。

埋め込み方には2種類あります。「svg」はsvgタグのまま取り込む方式です。オフラインでも有効な代わりに、サイズが大きい。文中にあると前後のテキストが分断されてしまいます。これはちょっと困ります。

それで別の方法も用意しました。「icon」はimgタグです。Githubのソースを参照するので、オンラインでないと表示されません。その代わり、場所を取らない利点があります。ブログに使うのはこちらが良いでしょう。

まとめ

svgは図形の組み合わせで絵を表現する方法。芸術だと思う。