Иконка Cookie
fxemoji:cookie
Иконка Cookie (fxemoji:cookie) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 512. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Firefox OS Emoji
- Автор
- Mozilla
- Лицензия
- Apache-2.0
- Размер
- 512 × 512
- Категория
- Предметы
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#D19B61" d="M30.588 157.435C45.694 92.479 111.838 11.252 210.984 8.688s188.907 23.082 247.894 100.02s58.986 220.881 25.646 265.6s-41.869 142.173-192.764 131.914C140.866 495.964 87.009 464.001 38.281 394.068s-28.245-148.266-7.693-236.633"/><path fill="#4F3D30" d="M161.834 173.737c0 10.843-18.425 19.634-41.154 19.634s-41.154-8.79-41.154-19.634c0-26.124 43.257-30.846 43.791-41.152c.1-1.933 2.78-3.171 5.053-2.251c11.912 4.825 33.464 17.179 33.464 43.403m161.668 236.249c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c.001-18.849-19.332-27.729-30.017-31.197m87.547-118.379c-2.039-.968-4.442.333-4.532 2.366c-.479 10.834-39.281 15.797-39.281 43.258c0 11.398 16.528 20.638 36.915 20.638s36.915-9.24 36.915-20.638c0-27.566-19.333-40.552-30.017-45.624"/><path fill="#332A23" d="M264.821 274.863c0 10.345-16.528 18.731-36.915 18.731s-36.915-8.386-36.915-18.731c0-24.923 38.802-29.428 39.281-39.261c.09-1.845 2.494-3.026 4.532-2.147c10.684 4.603 30.017 16.389 30.017 41.408m6.898-210.826c-2.039-.662-4.442.228-4.532 1.618c-.479 7.408-39.281 10.802-39.281 29.579c0 7.794 16.528 14.112 36.915 14.112s36.915-6.318 36.915-14.112c0-18.849-19.333-27.729-30.017-31.197m121.102 54.782c-1.858-.913-4.049.315-4.131 2.233c-.437 10.227-35.806 14.912-35.806 40.833c0 10.759 15.065 19.482 33.65 19.482c18.584 0 33.65-8.722 33.65-19.482c-.002-26.021-17.624-38.279-27.363-43.066m-235.287 237.23c-2.272-1.117-4.951.385-5.052 2.731c-.534 12.504-43.782 18.233-43.782 49.929c0 13.156 18.421 23.821 41.145 23.821s41.145-10.665 41.145-23.821c0-31.818-21.548-46.806-33.456-52.66"/></svg>
Как использовать иконку Cookie
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:cookie" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:cookie" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:cookie" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--cookie]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:cookie"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:cookie"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/cookie.svg" alt="Иконка Cookie" width="24" height="24">
Иконка Cookie в других наборах
Вопросы и ответы: Иконка Cookie
Можно ли бесплатно использовать иконку Cookie в коммерческих проектах?
Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cookie в React?
Установите @iconify/react и выведите <Icon icon="fxemoji:cookie" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cookie на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/cookie.svg" alt="Иконка Cookie">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Firefox OS Emoji →
ICONYZ
