ICONYZ
Русский
Иконка Fortune Cookie из набора OpenMoji

Иконка Fortune Cookie

openmoji:fortune-cookie

Иконка Fortune Cookie (openmoji:fortune-cookie) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 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

<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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Fortune Cookie в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →