Antidote アイコン
arcticons:antidote
Antidote アイコン(arcticons:antidote)は、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="M22.777 7.498a19.068 19.068 0 1 1-16.81 18.935a19 19 0 0 1 2.18-8.86"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.82 17.106a15.826 15.826 0 1 1-28.61 9.327q0-.43.023-.854"/><ellipse cx="11.093" cy="8.152" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="8.254" ry="3.941" transform="rotate(-33.945 11.093 8.151)"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.574 4.936a3.14 3.14 0 0 1 2.762 1.123c1.309 1.944-.932 5.742-5.004 8.483s-8.434 3.387-9.742 1.442a2.5 2.5 0 0 1-.339-1.79"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.72 8.442c1.493 1.452-.932 5.742-5.004 8.483c-3.835 2.581-7.927 3.304-9.484 1.756m.001 6.898c6.41-3.302 10.806-.017 16.516-1.444c5.438-1.36 12.071-7.028 12.071-7.028s-6.679 13.69-18.008 13.69c-10.602 0-10.579-5.218-10.579-5.218M6.59 15.984l2.643 2.696M21.336 6.059l2.383 2.383M4.84 13.331l2.623 1.606c1.223.86 4.541.095 7.663-2.006s4.822-4.78 4.212-6.311L17.94 3.542"/></svg>Antidote アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:antidote" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:antidote" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:antidote" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--antidote]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:antidote"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:antidote"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/antidote.svg" alt="Antidote アイコン" width="24" height="24">Antidote アイコン のよくある質問
Antidote アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Antidote アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:antidote" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Antidote アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/antidote.svg" alt="Antidote アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。