Dol アイコン
arcticons:dol
Dol アイコン(arcticons:dol)は、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="M16.198 21.577s-.547 7.4.027 10.29c.497 2.495 4.625 4.214 4.625 4.214v3.83c-1.34.138-5.5 1.807-7.033 4.11h18.426c-1.532-2.303-5.692-3.972-7.032-4.11v-3.83s7.57.136 8.665-4.215a40.3 40.3 0 0 0 .592-7.274"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.85 38.133a57 57 0 0 1-6.403-.547c-1.774-.341-8.538-.22-8.538-15.38c0-15.817 10.453-17.185 17.459-17.185c11 0 16.475 5.472 17.148 12.621c.462 4.905-2.7 14.361-4.177 18.028a5.5 5.5 0 0 1-1.368-1.9c-.858.274-1.697 4.144-1.697 4.144l-5.637.44l-.81-2.358"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.02 13.23a15 15 0 0 0-2.683 8.648s3.01.493 8.429-5.09a4.5 4.5 0 0 1 1.587.772a7.98 7.98 0 0 0 .858 5.96s6.038-6.513 6.585-10.016"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.926 20.729c-1.04.547-4.597 5.363-4.597 5.363a17.4 17.4 0 0 1 0-4.761s-.75-3.362-3.03-4.39"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.329 21.33c.164-2.08 1.97-4.05 2.517-5.199m-13.08.657A20.5 20.5 0 0 0 25.21 12.3m2.112 21.578c-1.108 0-2.791-.247-3.53-1.437M20.85 21.516c2.408 0 3.64.91 3.64 4.316s-1.56 4.023-3.037 4.023s-2.71-.868-2.71-4.17c0-2.726.8-4.169 2.107-4.169"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.56 21.85c-1.272.616-1.436 2.334-1.436 3.836s-.156 3.026 1.03 4.11m11.146-8.28c-.655.006-2.349.937-2.267 4.576s1.667 3.741 2.132 3.704a1.145 1.145 0 0 0 1.125-.75"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.329 26.092a6.5 6.5 0 0 1-.67 3.709m-21.332-13.67A47 47 0 0 0 12.04 28.5a16 16 0 0 0 3.612 6.24a8.88 8.88 0 0 1-9.166-5.807m31.44-18.134a3.87 3.87 0 0 0-3.458.954M20.85 38.706a6.7 6.7 0 0 0 2.213.616a5.5 5.5 0 0 0 2.147-.462M33.164 24a4.94 4.94 0 0 0-.675-2.169"/></svg>Dol アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:dol" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:dol" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:dol" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--dol]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:dol"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:dol"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/dol.svg" alt="Dol アイコン" width="24" height="24">Arcticons の関連アイコン
Dol アイコン のよくある質問
Dol アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Dol アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:dol" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dol アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/dol.svg" alt="Dol アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。