Candy Cane Duo アイコン
streamline-stickies-color:candy-cane-duo
Candy Cane Duo アイコン(streamline-stickies-color:candy-cane-duo)は、Stickies color icons セットの無料 SVG アイコンです（作者: Streamline）。 40 × 40 のグリッドで描かれています。 Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stickies color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 40 × 40
- カテゴリ
- 文化・祝日
- タグ
- candycane、caneduo、candycaneduo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke="#00034a" stroke-miterlimit="10"><path fill="#00034a" d="M4.729 14.579C4.378 1.056 17.257.5 19.489.5c13.809 0 15.88 10.315 15.786 22.31q-.011 1.245-.01 2.436c0 4.592-.175 10.686-.974 11.875c-.43 1.19-2.555 2.379-4.33 2.379c-1.604 0-3.511-.972-4.165-2.038c-.56-.392-.98-.854-1.138-1.316c-.82-1.15-.975-7.283-.975-11.876c0-1.354.046-2.648.09-3.86c.122-3.41.22-6.165-.805-7.78c-.624-.388-1.448-.596-2.532-.596c-3.827 0-4.063 2.432-4.296 4.848c-.123 1.265-.245 2.525-.881 3.43c-.43 1.14-2.555 2.291-4.33 2.291c-1.733 0-4.684-1.388-5.225-3.266c-.975-1.306-.975-4.075-.975-4.758Z"/><path fill="#9bff00" d="M19.49.5c-2.233 0-15.112.556-14.76 14.079c0 .682 0 3.451.975 4.758c.33 1.15 2.476 2.291 4.25 2.291s3.9-1.15 4.33-2.291c1.852-2.633-.654-8.278 5.177-8.278c5.665 0 4.222 5.665 4.222 13.211c0 4.593.156 10.726.975 11.876c.41 1.19 2.554 2.379 4.329 2.379s3.9-1.19 4.329-2.379c.8-1.19.975-7.283.975-11.876C34.25 14.18 35.742.5 19.49.5Z"/><path stroke-linecap="round" d="M26.773 29.74s.81-.507 2.34-1.628s2.253-1.774 2.253-1.774m-4.593-6.163s.81-.506 2.34-1.628s2.253-1.755 2.253-1.755M8.083 16.1s.8-.507 2.33-1.628s2.252-1.784 2.252-1.784m12.227-2.682s.273-.906.692-2.759c.42-1.853.556-2.798.556-2.798m-7.761 3.812s-.507-.81-1.638-2.33s-1.755-2.243-1.755-2.243"/></g></svg>Candy Cane Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:candy-cane-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:candy-cane-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:candy-cane-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--candy-cane-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:candy-cane-duo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:candy-cane-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/candy-cane-duo.svg" alt="Candy Cane Duo アイコン" width="24" height="24">Stickies color icons の関連アイコン
Candy Cane Duo アイコン のよくある質問
Candy Cane Duo アイコンは商用利用でも無料ですか?
はい。Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Candy Cane Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-stickies-color:candy-cane-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Candy Cane Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/candy-cane-duo.svg" alt="Candy Cane Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。