Dfv アイコン
arcticons:dfv
Dfv アイコン(arcticons:dfv)は、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
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="M11.35 33.745c.76-6.075 5.52-11.65 5.52-11.65a18 18 0 0 0-2.395.701s1.549-5.316 5.93-6.806c-1.694-.73-2.249-.963-2.249-.963A25 25 0 0 1 25.75 13.8a3.28 3.28 0 0 1 3.16 1.853c3.383.104 6.771 1.652 4.931 5.508c-.76-1.753-2.57-2.016-5.024-1.694"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.722 34.674c-1.35-4.083-5.12-7.613-7.168-7.613c-2.156 0-1.606 3.213-1.606 3.213c-.73-3.243-1.187-6.639.555-8.325c1.81-1.753 3.71-1.548 6.136-1.18"/><rect width="31.671" height="31.671" x="8.164" y="8.164" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="4.575" transform="rotate(45 24 24)"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 16.078c1.809-.058 2.744-.03 3.766.526"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.948 16.264s-.137.82-.89.756c-.687-.058-.673-.96-.673-.96"/></svg>Dfv アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:dfv" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:dfv" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:dfv" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--dfv]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:dfv"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:dfv"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/dfv.svg" alt="Dfv アイコン" width="24" height="24">Dfv アイコン のよくある質問
Dfv アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Dfv アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:dfv" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dfv アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/dfv.svg" alt="Dfv アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。