Иконка Unicorn
openmoji:unicorn
Иконка Unicorn (openmoji:unicorn) — бесплатная 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
- Категория
- Животные и природа
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m23.754 12.362l1.667 7.167l-5.333 5.333l-8.334 14.333l1 4.667l2.167 1.333l4-.167l3.5-3.333l6.834-1.833s1.333 1.5 2.166 3s3.667 4.167 3.667 4.167l.5 6l-1.833 6.166l-2 2.833s22 9.5 33.166-7l-.5-6l-1.833-5l-3.333-5.166l-1-1.5l-.167-5.167l-2.833-5.333l-5-3l-2.667-4.5l-5.167-4.167l-6.5-1.5l-5.666 1l-4.167-2.167z"/><path fill="#ea5a47" d="m50.671 23.155l5.208 4.095s5.564 8.218-.325 17.82c-7.05 11.492 0 0 0 0c-1.619 3.475-2.315 6.742-1.739 9.722l-5.31-4.417V34.292zm-24.773-3.884l-15.113-7.25l5.166 6.119l5.224 5.855z"/><path fill="#92d3f5" d="m29.737 13.631l10.767.136s9.238 4.066 10.536 11.816l.687 8.957c-2.633 6.539-3.056 14.127 2.089 20.834c0 0-7.145 1.321-9.895-7.11L42.338 43.5l.325-6.034l1.417-5.643l-.283-4.893l-2.276-4.312l-3.532-2.841l-5.792-2.08z"/><path fill="#61b2e4" d="M58.455 36.75s5.52 6.407 6.998 15.12a8 8 0 0 1-.138 3.258c-.431 1.752-.817 4.998.146 7.383c.469 1.161-.562 2.365-1.789 2.111c-3.71-.768-9.243-3.647-10.256-8.087a2 2 0 0 1-.042-.321l-.266-5.746c-.013-.286.052-.57.187-.821l3.692-6.836q.1-.186.149-.392z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M58.455 37.783C60.223 40.144 65 44.465 64.5 54.02m-32-12.135s8.478 6.783 0 18.765m-7.691-41.516L10.25 11.75l10.925 12.245"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M35.196 30.87c.55 8.355-9.322 9.703-11.954 10.334c-.332.08-.632.25-.873.492l-2.223 2.223c-.35.35-.824.546-1.318.546h-3.512a2.795 2.795 0 0 1-2.651-1.911l-.531-1.593a2.8 2.8 0 0 1 .255-2.322l8.786-14.644l4.724-4.724l-2.116-6.905s7.803-.699 8.414 5.33c0 0 16.928 2.442 10.553 19.384c0 0-1.625 5.949 2.375 11.184"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M30.917 14.02S53.16 10 50.875 33.98"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M49.919 23.155s14.766 6.587 5.456 22.22c0 0-5.375 6.563.625 13.604"/><circle cx="24.417" cy="28.93" r="2"/></svg>Как использовать иконку Unicorn
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:unicorn" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:unicorn" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:unicorn" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--unicorn]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:unicorn"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:unicorn"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/openmoji/unicorn.svg" alt="Иконка Unicorn" width="24" height="24">Иконка Unicorn в других наборах
Вопросы и ответы: Иконка Unicorn
Можно ли бесплатно использовать иконку Unicorn в коммерческих проектах?
Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.
Как использовать иконку Unicorn в React?
Установите @iconify/react и выведите <Icon icon="openmoji:unicorn" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Unicorn на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/unicorn.svg" alt="Иконка Unicorn">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.