Linwood Butterfly アイコン
arcticons:linwood-butterfly
Linwood Butterfly アイコン(arcticons:linwood-butterfly)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- linwoodbutterfly
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.5 19.479v13.896c0 2.7-2.174 4.875-4.875 4.875s-4.875-2.174-4.875-4.875V19.48m8.772 19.084c2.219 3.354 5.814 4.834 8.328 3.43c2.71-1.518 3.186-5.825 1.063-9.62c-.695-1.242-1.618-2.327-2.67-3.139c2.681-1.069 5.025-3.187 6.537-5.906C44 17.535 42.648 10.637 37.76 7.92a8.8 8.8 0 0 0-3.83-1.084c-3.848-.197-7.79 1.984-10.25 5.67c-2.44-3.66-6.376-5.868-10.25-5.67A8.8 8.8 0 0 0 9.6 7.92c-4.888 2.717-6.24 9.615-3.02 15.408c1.532 2.753 3.915 4.888 6.635 5.944c-1.031.808-1.935 1.878-2.619 3.101c-2.124 3.795-1.648 8.102 1.063 9.62c2.463 1.376 5.975-.016 8.209-3.255c.981 1.185 2.277 1.629 3.758 1.762c1.626-.009 2.84-.773 3.896-1.937M21.54 13.767a6.3 6.3 0 0 1 2.14-.358c.962 0 1.85.193 2.596.563"/><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M20.25 21.375s1.323.349 3 .375c1.75.028 3.75-.375 3.75-.375"/><circle cx="19.125" cy="16.125" r="1.3"/><circle cx="28.875" cy="16.125" r="1.3"/><circle cx="37.5" cy="15.75" r="1.5"/><circle cx="10.5" cy="15.75" r="1.5"/></g><circle cx="28.875" cy="16.125" r="3.375" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="19.125" cy="16.125" r="3.375" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>Linwood Butterfly アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:linwood-butterfly" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:linwood-butterfly" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:linwood-butterfly" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--linwood-butterfly]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:linwood-butterfly"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:linwood-butterfly"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/linwood-butterfly.svg" alt="Linwood Butterfly アイコン" width="24" height="24">Arcticons の関連アイコン
Linwood Butterfly アイコン のよくある質問
Linwood Butterfly アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Linwood Butterfly アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:linwood-butterfly" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Linwood Butterfly アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/linwood-butterfly.svg" alt="Linwood Butterfly アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。