Cookingdom アイコン
arcticons:cookingdom
Cookingdom アイコン(arcticons:cookingdom)は、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"><circle cx="24" cy="24" r="21.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.944 23.762s5.832 2.635 13.233 2.243s7.402-8.804 7.234-10.767s-2.187-4.598-8.523-9.084c-.526 2.958-7.423 7.227-13.9 2.832v-2.65c4.626 1.557 8.6-.084 8.6-.084c3.323.547 5.005-.946 5.005-.946c2.23-.105 1.987-2.317 1.987-2.317M5.684 12.735c-.623 2.819.617 8.118.617 8.118c-1.493.946-.168 3.343-.168 3.343c-2.103 4.374-1.761 8.591-1.761 8.591m40.964-6.121c-4.086-.682-20.698 2.64-22.97 9.874s6.57 8.39 6.57 8.39"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.87 45.47c-.11-.94.436-1.458.436-1.458c-1.178-.982-.703-2.144-.59-2.579m-11.711-15.8c6.35 1.893 11.145 6.267 9.504 8.832s-8.873 4.668-12.995-3.785M37.7 24.49c-1.07-.44-2.48-.83-4.3-1.04"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M12.833 36.202c-.65 1.501 3.902 8.04 3.902 8.04m3.955-11.744c5.707-3.122 20.663-9.885 22.698-10.103s1.948 1.051 1.948 1.051m-25.892-9.168c-1.85-.392-2.636-.463-2.692-.477m14.061 3.267a45 45 0 0 0 2.257 1.191c-.154 3.645-.685 6.231-.685 6.231m2.101-7.534c-.575.448-1.416 1.303-1.416 1.303M11.481 9.266c-.7-1.065-1.39-1.661-1.39-1.661m4.348 10.654l1.066-1.303m1.177 1.745l.954-1.234"/></svg>Cookingdom アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:cookingdom" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:cookingdom" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:cookingdom" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--cookingdom]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:cookingdom"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:cookingdom"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/cookingdom.svg" alt="Cookingdom アイコン" width="24" height="24">Cookingdom アイコン のよくある質問
Cookingdom アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Cookingdom アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:cookingdom" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cookingdom アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/cookingdom.svg" alt="Cookingdom アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。