Chocolate Bar アイコン
emojione-v1:chocolate-bar
Chocolate Bar アイコン(emojione-v1:chocolate-bar)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 食べ物
- タグ
- chocolatebar
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#67308f" d="M57.962 15.5c.658-1.539-.072-3.375-1.611-4.04Q43.311 5.85 30.261.24c-1.539-.659-3.379.072-4.04 1.611c-6.664 15.486-13.323 30.977-19.983 46.46c-.663 1.539.068 3.375 1.606 4.03l26.09 11.225c.829.356 1.594.327 2.24.063l.108-.038q.056-.02.108-.047c.646-.255 1.224-.757 1.579-1.585c6.663-15.49 13.324-30.977 19.986-46.47"/><path fill="#8a5f3d" d="m49.489 35.2l8.473-19.697c.658-1.539-.072-3.375-1.611-4.04L30.261.243c-1.539-.659-3.379.072-4.04 1.611q-3.529 8.205-7.06 16.409c9.868 6.01 20 11.627 30.32 16.935"/><g fill="#764d2a"><path d="M25.06 30.32L36.546 2.912l-1.511-.629l-10.998 26.26c.376.57.72 1.161 1.023 1.777m5.809 11.218L45.427 6.8l-1.509-.629l-13.855 33.07q.392 1.154.806 2.295"/><path d="m54.728 23.667l-32.18-13.485c-.17.523-.359 1.033-.595 1.521l32.02 13.417c.201-.5.464-.985.754-1.453"/><path d="m53.442 10.173l1.507.629l-15.82 37.9l-1.507-.63z"/></g><path fill="#e7e6e6" d="M49.489 35.2c4.214 3.735-11.914 14.811-14.341 17.552c-2.427 2.737-3.302-5.665-6.528-13.692c-2.509-6.243-13.1-20.544-9.452-20.795c4.557-.31 26.12 13.2 30.32 16.935"/></svg>
Chocolate Bar アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:chocolate-bar" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:chocolate-bar" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:chocolate-bar" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--chocolate-bar]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:chocolate-bar"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:chocolate-bar"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/chocolate-bar.svg" alt="Chocolate Bar アイコン" width="24" height="24">
他のアイコンセットの Chocolate Bar アイコン
Chocolate Bar アイコン のよくある質問
Chocolate Bar アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Chocolate Bar アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:chocolate-bar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chocolate Bar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/chocolate-bar.svg" alt="Chocolate Bar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
