pantoken / formats/icon-font/src / svgToGlyphPath

関数: svgToGlyphPath() ​

svgToGlyphPath(svg): GlyphPath

ベータ

アイコンSVGの塗りつぶされたグリフパスを生成します。

パラメーター ​

svg ​

string

SVGマークアップをインライン化します。

戻り値 ​

GlyphPath

塗りつぶされたパス d（viewBox座標）と viewBox のサイズ。

例 ​

ストロークベース（Lucide）のアイコンと塗りベースのアイコンのアウトラインを作成する

ts
import { svgToGlyphPath } from "@pantoken/icon-font";
import { getIcon } from "@pantoken/icons";

const { d, width, height } = svgToGlyphPath(getIcon("arrow-left")!.svg);
// d: a single filled path; width/height: the viewBox size (e.g. 24, 24)