Unit アイコン
formkit:unit
Unit アイコン(formkit:unit)は、FormKit Icons セットの無料 SVG アイコンです（作者: FormKit, Inc）。 23 × 26 のグリッドで描かれています。 FormKit Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- FormKit Icons
- 作者
- FormKit, Inc
- ライセンス
- MIT
- サイズ
- 23 × 26
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="26" viewBox="0 0 23 26"><path fill="currentColor" d="M0 17.5v8.2h23.3v-8.2zm22.3 7.2H1v-6.2h1V20h1v-1.6h1v3.1h1v-3.1h1.5V20h1v-1.6h1.2v3.1h1v-3.1h1.4V20h1v-1.6h1.4v3.1h1v-3.1h1.2V20h1v-1.6h1.5v3.1h1v-3.1h1.1V20h1v-1.6h1zm-3-22.1H13V0h-2.7v2.6H4L1.4 15.9H22zm-8-1.6h.7v1.6h-.7zM4.8 3.6h13.7l2.2 11.3H2.6z"/><path fill="currentColor" d="M11 6.9h-1L8.6 8.6c-.2.1-.3.3-.5.5V4.7h-.8v7h.9V9.9l.4-.5l1.7 2.3h1.1L9.2 8.9zm4.2.7c-.2-.4-.7-.8-1.5-.8c-1.1 0-2.2.9-2.2 2.5c0 1.3.9 2.3 2 2.3c.7 0 1.3-.4 1.5-.8v.5c0 1.2-.7 1.7-1.5 1.7c-.6 0-1.1-.2-1.4-.4l-.1.8c.4.3 1 .4 1.6.4s1.3-.1 1.7-.6c.5-.4.7-1.1.7-2.2V6.9h-.8zm-.1 2c0 .1 0 .3-.1.5c-.2.6-.7.9-1.2.9c-.9 0-1.4-.8-1.4-1.7c0-1.1.6-1.8 1.4-1.8c.6 0 1.1.4 1.2.9v1.2z"/></svg>Unit アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="formkit:unit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="formkit:unit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="formkit:unit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[formkit--unit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/formkit -->
<div class="i-formkit:unit"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="formkit:unit"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/formkit/unit.svg" alt="Unit アイコン" width="24" height="24">Unit アイコン のよくある質問
Unit アイコンは商用利用でも無料ですか?
はい。FormKit Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Unit アイコンを使うには?
@iconify/react をインストールして <Icon icon="formkit:unit" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Unit アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/formkit/unit.svg" alt="Unit アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。