Fortune Cookie アイコン
openmoji:fortune-cookie
Fortune Cookie アイコン(openmoji:fortune-cookie)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 飲食
- タグ
- fortunecookie
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d0cfce" d="m12.122 35.832l4.575-7.207l14.508 9.208l-4.574 7.208z"/><path fill="#fcea2b" d="M38.089 37.047a25.4 25.4 0 0 0-5.68 1.228a29.26 29.26 0 0 0-10.8 7.09l-.005.005c-.078.086-.236.26-.242.27a14.5 14.5 0 0 0 2.372 2.855a19.399 19.399 0 1 0 1.789-24.545a20.1 20.1 0 0 0-4.161 4.505c.006.01.163.184.242.27l.005.005A43.4 43.4 0 0 0 33 37"/><path fill="#f1b31c" d="M49.896 20.99a19.3 19.3 0 0 0-12.26-2.938a19.2 19.2 0 0 1 8.577 2.939a19.352 19.352 0 0 1-8.668 35.618a19.37 19.37 0 0 0 12.35-35.618Z"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M38.089 37.047a25.4 25.4 0 0 0-5.68 1.228a29.26 29.26 0 0 0-10.8 7.09l-.005.005c-.078.086-.236.26-.242.27a14.5 14.5 0 0 0 2.372 2.855a19.399 19.399 0 1 0 1.789-24.545a20.1 20.1 0 0 0-4.161 4.505c.006.01.163.184.242.27l.005.005C26.132 33.678 34 37 34 37"/><path d="m17.847 38.124l-5.117-3.248l3.386-5.335l8.178 5.191"/></g></svg>Fortune Cookie アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:fortune-cookie" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:fortune-cookie" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:fortune-cookie" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--fortune-cookie]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:fortune-cookie"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:fortune-cookie"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/fortune-cookie.svg" alt="Fortune Cookie アイコン" width="24" height="24">他のアイコンセットの Fortune Cookie アイコン
Fortune Cookie アイコン のよくある質問
Fortune Cookie アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Fortune Cookie アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:fortune-cookie" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fortune Cookie アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/fortune-cookie.svg" alt="Fortune Cookie アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。