Иконка Cookie

radix-icons:cookie

Иконка Cookie (radix-icons:cookie) — бесплатная SVG-иконка из набора Radix Icons от WorkOS. Она нарисована на сетке 15 × 15. Radix Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Radix Icons
Автор: WorkOS
Лицензия: MIT
Размер: 15 × 15

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M4.584 1.709a7.53 7.53 0 0 1 3.809-.63c.815.083 1.233.644 1.518 1.082c.219.335.421.77.789.967c.381.206.384.61.363.781c-.05.401-.223.657-.15 1.12c.051.32.708.874 1.808 1.35c.396.173.782.161 1.001.574c.604 1.139.382 2.319-.223 3.386c-.598 1.056-1.601 2.065-2.7 2.958c-.654.531-1.434.681-2.135.777c-.855.117-2.256.038-3.525-.266c-1.1-.264-2.527-.743-3.007-1.88c-.826-1.96-1.147-3.33-1.13-4.485c.016-1.162.374-2.056.786-3.025c.54-1.265 1.598-2.163 2.796-2.709m3.706.364A6.53 6.53 0 0 0 5 2.62c-1.035.471-1.875 1.212-2.292 2.192c-.41.963-.694 1.698-.708 2.647c-.013.956.25 2.179 1.053 4.081c.339.803 1.568 1.116 2.318 1.296c1.178.282 2.451.345 3.158.248c.684-.094 1.217-.22 1.64-.562c1.06-.863 1.952-1.777 2.46-2.674c.306-.54.885-2.144 0-2.46c-1.875-.668-2.367-1.32-2.638-1.974c-.181-.435-.162-.89-.034-1.334a.7.7 0 0 1 .076-.19a2.4 2.4 0 0 1-.518-.518c-.332-.437-.604-1.234-1.225-1.298m-1.175 8.804c.03-.017.22-.127.452-.034c.498.2.64 1.212-.04 1.256c-.395.025-.936-.095-.852-.615c.04-.24.233-.489.438-.606zm-3.15-.747c.36-.417.966-.333 1.118.185a.5.5 0 0 1-.203.579c-.244.292-.66.2-.882-.077l-.003-.004l-.002-.002a.5.5 0 0 1-.028-.681m6.424-1.29c.369-.183 1.072-.012 1.072.472c0 .4-.502.904-.897.97c-.382.064-.858-.306-.797-.705c.048-.312.355-.603.622-.736M7.337 7.795c.302-.116.687-.019.835.28c.16.323.102.954-.253 1.09c-.408.155-.779-.045-.931-.44l-.002-.005c-.13-.332 0-.79.351-.925m-4.29-.92c1.091-.63 1.561 1.035.938 1.185c-.384.092-.653.039-.938-.246c-.18-.18-.337-.745 0-.94m4.574-.932a.54.54 0 0 1 .373.205c.494.644-.682 1.242-1.017.573c-.214-.428.235-.824.644-.778m-3.506-.89c.481-.482 1.294.366.83.83a.5.5 0 0 1-.707 0c-.228-.228-.404-.55-.123-.83m10.368-.773c.563.104.381.82-.197.812c-.748-.012-.54-.947.197-.812M5.98 3.736c-.111-.639.357-1.168.969-.825c.485.272.318 1.064-.041 1.376c-.439.38-.856-.135-.928-.55m6.102-.634c.373-.466 1.359.125 1.126.672c-.305.719-1.626-.047-1.126-.672m2.285-.841c-.775-.02-.56-1.53.205-1.312c.583.167.395 1.326-.204 1.312m-3.318-1.26c.411-.548 1.432.218 1.02.766c-.41.547-1.43-.218-1.02-.766"/></svg>

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

React

import { Icon } from "@iconify/react";

<Icon icon="radix-icons:cookie" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="radix-icons:cookie" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="radix-icons:cookie" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[radix-icons--cookie]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/radix-icons -->
<div class="i-radix-icons:cookie"></div>

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

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="radix-icons:cookie"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/radix-icons/cookie.svg" alt="Иконка Cookie" width="24" height="24">

Иконка Cookie в других наборах

Вопросы и ответы: Иконка Cookie

Можно ли бесплатно использовать иконку Cookie в коммерческих проектах?

Да. Radix Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

Установите @iconify/react и выведите <Icon icon="radix-icons:cookie" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Cookie на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/radix-icons/cookie.svg" alt="Иконка Cookie">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Radix Icons →