Fortune Cookie アイコン
noto:fortune-cookie
Fortune Cookie アイコン(noto:fortune-cookie)は、Noto Emoji セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 飲食
- タグ
- fortunecookie
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#F7C876" d="M17.32 95.27c5.5 2.3 26.07-10.84 30.06-13.9c8.74-6.71 10.54-10.51 10.54-10.51s-4.59 15.71-3.63 25.86s2.9 17.16 7.49 19.82s18.13.97 37.95-11.12s26.59-41.09 22.48-55.35c-4.95-17.2-20.79-26.1-20.79-26.1S93.94 5.36 82.09 2.7C68.63-.32 50.43 17.2 39.8 22.76s-23.44 11.6-26.1 14.26S2.33 52.25 4.27 67.23s8.14 25.98 13.05 28.04"/><radialGradient id="SVGdBqnxeKl" cx="68.48" cy="46.925" r="67.732" gradientTransform="matrix(.7977 .6031 -.7218 .9547 47.73 -39.175)" gradientUnits="userSpaceOnUse"><stop offset=".384" stop-color="#F7C876" stop-opacity="0"/><stop offset=".477" stop-color="#F6C269" stop-opacity=".328"/><stop offset=".649" stop-color="#F3B346" stop-opacity=".938"/><stop offset=".667" stop-color="#F3B142"/></radialGradient><path fill="url(#SVGdBqnxeKl)" d="M57.92 70.86s-4.59 15.71-3.63 25.86s2.9 17.16 7.49 19.82s18.13.97 37.95-11.12s26.41-40.55 22.48-54.86c-5.04-18.36-20.79-26.59-20.79-26.59S93.94 5.36 82.09 2.7C68.63-.32 57.92 70.86 57.92 70.86"/><radialGradient id="SVGz5IHZcxq" cx="27.287" cy="37.298" r="41.439" gradientTransform="matrix(.5121 .8589 -1.469 .8759 68.102 -18.809)" gradientUnits="userSpaceOnUse"><stop offset=".562" stop-color="#F7C876"/><stop offset=".644" stop-color="#F6BE5F"/><stop offset=".738" stop-color="#F5B74D"/><stop offset=".837" stop-color="#F4B242"/><stop offset=".949" stop-color="#F4B13F"/></radialGradient><path fill="url(#SVGz5IHZcxq)" d="M17.32 95.27c5.5 2.3 26.07-10.84 30.06-13.9c8.74-6.71 10.54-10.51 10.54-10.51l17.84-38.44s5.94-16 2.79-19.15c-1.91-1.91-6.23-2.68-9.28 1.51c-2.51 3.45-4.02 12.18-9.73 22.11C54.46 45.72 43.63 55 27.49 58.54c-14.06 3.08-24.54-1.11-23.22 8.69c2.01 14.97 8.14 25.98 13.05 28.04"/><linearGradient id="SVGCNuShcKl" x1="53.986" x2="88.147" y1="52.014" y2="44.174" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#F4B13F" stop-opacity="0"/><stop offset="1" stop-color="#F4B13F"/></linearGradient><path fill="url(#SVGCNuShcKl)" d="M17.32 95.27c5.5 2.3 26.07-10.84 30.06-13.9c8.74-6.71 10.54-10.51 10.54-10.51l17.84-38.44s5.94-16 2.79-19.15c-1.91-1.91-6.23-2.68-9.28 1.51c-2.51 3.45-4.02 12.18-9.73 22.11C54.46 45.72 43.63 55 27.49 58.54c-14.06 3.08-24.54-1.11-23.22 8.69c2.01 14.97 8.14 25.98 13.05 28.04"/><path fill="#CF701E" d="M62.85 111.64c.8 7.75 22.91-1.85 31.9-7.8c13.06-8.65 17.65-17.48 21.38-26.13c4.77-11.05 4.75-20.7 3.39-20.7s-1.07 14.04-15.1 28.67c-15.78 16.46-42.59 16.12-41.57 25.96"/><path fill="#E0E0E0" d="M80.8 104.91s8.91-4.35 13.04-6.71c4.43-2.53 10.76-6.58 10.76-6.58l17.22 11.14s-12.66 8.74-15.19 10.51s-7.6 5.57-8.23 6.84s-1.14 5.82-2.03 5.57s-2.53-1.77-7.47-8.61s-8.1-12.16-8.1-12.16"/><path fill="#CF701E" d="M77.61 16.63c-5.94-1.02-6.79 10.52-11.71 24.94s-9.15 28.82-8.08 29.53c.86.57 8.59-13.62 14.36-28.72c5.04-13.16 9.28-25.09 5.43-25.75"/><radialGradient id="SVG4XAUkp4m" cx="106.133" cy="32.148" r="13.813" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#F3B142"/><stop offset=".282" stop-color="#F4B54C" stop-opacity=".718"/><stop offset=".756" stop-color="#F6C166" stop-opacity=".244"/><stop offset="1" stop-color="#F7C876" stop-opacity="0"/></radialGradient><path fill="url(#SVG4XAUkp4m)" d="M101.43 23.97s3.47 5.94 4.99 8.56s6.58 9.75 7.33 11.05c.75 1.31 6.79-.33 1.31-7.52c-6.29-8.23-13.63-12.09-13.63-12.09"/></svg>Fortune Cookie アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto:fortune-cookie" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:fortune-cookie" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:fortune-cookie" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--fortune-cookie]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:fortune-cookie"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:fortune-cookie"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/noto/fortune-cookie.svg" alt="Fortune Cookie アイコン" width="24" height="24">他のアイコンセットの Fortune Cookie アイコン
Fortune Cookie アイコン のよくある質問
Fortune Cookie アイコンは商用利用でも無料ですか?
はい。Noto Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Fortune Cookie アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto:fortune-cookie" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Fortune Cookie アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto/fortune-cookie.svg" alt="Fortune Cookie アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。