Candy Cane アイコン
fa-solid:candy-cane
Candy Cane アイコン(fa-solid:candy-cane)は、Font Awesome 5 Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 512 × 512 のグリッドで描かれています。 Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome 5 Solid
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- カテゴリ
- 食べ物、休日、物
- タグ
- candycane
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M497.5 92C469.6 33.1 411.8 0 352.4 0c-27.9 0-56.2 7.3-81.8 22.6L243.1 39c-15.2 9.1-20.1 28.7-11 43.9l32.8 54.9c6 10 16.6 15.6 27.5 15.6c5.6 0 11.2-1.5 16.4-4.5l27.5-16.4c5.1-3.1 10.8-4.5 16.4-4.5c10.9 0 21.5 5.6 27.5 15.6c9.1 15.1 4.1 34.8-11 43.9L15.6 397.6c-15.2 9.1-20.1 28.7-11 43.9l32.8 54.9c6 10 16.6 15.6 27.5 15.6c5.6 0 11.2-1.5 16.4-4.5L428.6 301c71.7-42.9 104.6-133.5 68.9-209m-177.7 13l-2.5 1.5L296.8 45q14.55-7.05 30.3-10.2l20.6 61.8c-9.8.8-19.4 3.3-27.9 8.4M145.9 431.8l-60.5-38.5l30.8-18.3l60.5 38.5zm107.5-63.9l-60.5-38.5l30.8-18.3l60.5 38.5zM364.3 302l-60.5-38.5l30.8-18.3l60.5 38.5zm20.4-197.3l46-46c8.4 6.5 16 14.1 22.6 22.6L407.6 127c-5.7-9.3-13.7-16.9-22.9-22.3m82.1 107.8l-59.5-19.8c3.2-5.3 5.8-10.9 7.4-17.1c1.1-4.5 1.7-9.1 1.8-13.6l60.4 20.1c-2.1 10.4-5.5 20.6-10.1 30.4"/></svg>
Candy Cane アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa-solid:candy-cane" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-solid:candy-cane" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-solid:candy-cane" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--candy-cane]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:candy-cane"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-solid:candy-cane"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fa-solid/candy-cane.svg" alt="Candy Cane アイコン" width="24" height="24">
他のアイコンセットの Candy Cane アイコン
Candy Cane アイコン のよくある質問
Candy Cane アイコンは商用利用でも無料ですか?
はい。Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Candy Cane アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa-solid:candy-cane" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Candy Cane アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-solid/candy-cane.svg" alt="Candy Cane アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Font Awesome 5 Solid アイコン をすべて見る →
ICONYZ
