Иконка Easter Egg
streamline-stickies-color:easter-egg
Иконка Easter Egg (streamline-stickies-color:easter-egg) — бесплатная SVG-иконка из набора Stickies color icons от Streamline. Она нарисована на сетке 40 × 40. Stickies color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Stickies color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 40 × 40
- Категория
- Культура и праздники
- Теги
- easteregg
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke-miterlimit="10"><path fill="#48eeff" stroke="#231f20" d="M3.29 23c0 9.88 5.57 16.5 16.71 16.5S36.71 32.88 36.71 23S31.14.5 20 .5S3.29 13 3.29 23Z"/><path fill="#ffe236" stroke="#231f20" d="M31.5 27a7 7 0 0 0-.62-1.59a8 8 0 0 0-.69-1.09q.303-.53.52-1.1c.219-.529.37-1.083.45-1.65a.66.66 0 0 0-.57-.7a7 7 0 0 0-1.7.1q-.598.113-1.18.29a9 9 0 0 0-.89-.84a6.8 6.8 0 0 0-1.43-.93a.65.65 0 0 0-.84.32a7 7 0 0 0-.43 1.65q-.096.601-.12 1.21q-.601.261-1.15.62c-.487.3-.933.659-1.33 1.07a.67.67 0 0 0 0 .9c.443.361.926.67 1.44.92q.554.27 1.14.46q.065.613.22 1.21c.13.554.332 1.088.6 1.59a.66.66 0 0 0 .87.24c.479-.313.922-.68 1.32-1.09a7 7 0 0 0 .81-.95q.647.146 1.31.18a7.5 7.5 0 0 0 1.77-.08a.67.67 0 0 0 .5-.74Zm-16.558-9.938a4.5 4.5 0 0 0 1.944.081a5 5 0 0 0 1.866-.75a5.7 5.7 0 0 0 1.507-1.467a6.2 6.2 0 0 0 .916-1.96c.19-.707.253-1.44.187-2.157a5.7 5.7 0 0 0-.57-2.024a5 5 0 0 0-1.243-1.583a4.5 4.5 0 0 0-1.723-.9a4.5 4.5 0 0 0-1.943-.082a5 5 0 0 0-1.867.75a5.7 5.7 0 0 0-1.507 1.466a6.2 6.2 0 0 0-.916 1.962a6.2 6.2 0 0 0-.187 2.156a5.7 5.7 0 0 0 .57 2.024a5 5 0 0 0 1.243 1.583a4.5 4.5 0 0 0 1.723.9Zm-4.67 12.898c.28.486.63.926 1.028 1.294s.837.658 1.293.853s.918.29 1.362.282c.443-.008.859-.12 1.223-.33s.669-.514.898-.894s.377-.83.436-1.321a4.6 4.6 0 0 0-.092-1.547a5.5 5.5 0 0 0-.606-1.537a5.5 5.5 0 0 0-1.028-1.293a4.6 4.6 0 0 0-1.293-.853a3.3 3.3 0 0 0-1.362-.282c-.443.008-.86.12-1.223.33s-.67.514-.898.894c-.229.38-.377.829-.436 1.321a4.6 4.6 0 0 0 .092 1.546c.12.53.325 1.052.606 1.537Z"/><path stroke="#fff" stroke-linecap="round" d="M24.27 4A11 11 0 0 1 29 7.5"/></g></svg>Как использовать иконку Easter Egg
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:easter-egg" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:easter-egg" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:easter-egg" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--easter-egg]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:easter-egg"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:easter-egg"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/easter-egg.svg" alt="Иконка Easter Egg" width="24" height="24">Похожие иконки в наборе Stickies color icons
Иконка Easter Egg в других наборах
Вопросы и ответы: Иконка Easter Egg
Можно ли бесплатно использовать иконку Easter Egg в коммерческих проектах?
Да. Stickies color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Easter Egg в React?
Установите @iconify/react и выведите <Icon icon="streamline-stickies-color:easter-egg" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Easter Egg на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/easter-egg.svg" alt="Иконка Easter Egg">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.