Иконка Dizzy Face
noto-v1:dizzy-face
Иконка Dizzy Face (noto-v1:dizzy-face) — бесплатная SVG-иконка из набора Noto Emoji (v1) от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Noto Emoji (v1)
- Автор
- Google Inc
- Лицензия
- Apache-2.0
- Размер
- 128 × 128
- Категория
- Смайлы и эмоции
- Теги
- dizzyface
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#fcc21b" d="M64.22 9.62C1.81 9.62.34 79.58.34 93.42c0 13.86 28.59 25.08 63.88 25.08c35.28 0 63.88-11.22 63.88-25.08c0-13.84-1.48-83.8-63.88-83.8"/><path fill="#ed6c30" d="M85.15 71.43c-5.4-4.59-13.77-7.55-20.92-7.55s-15.53 2.95-20.92 7.55c-6.63 5.65-13.2 15.48-11.2 22.95c.47 1.74 1.34 3.57 2.4 4.92c1.34 1.71 3.59 3.22 5.49 3.83c3.79 1.21 7.78.32 11.34-1.45c3.59-1.78 6.46-4.39 12.89-4.39s9.3 2.61 12.89 4.39c3.56 1.76 7.55 2.65 11.34 1.45c1.9-.61 4.16-2.13 5.49-3.83c1.06-1.35 1.93-3.18 2.4-4.92c2-7.47-4.57-17.3-11.2-22.95"/><path fill="none" stroke="#2f2f2f" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="5" d="M82.45 43.48c-.43-2.8 1.84-4.98 4.55-5.48c2.71-.49 5.59 1.68 7.06 4.98c1.58 3.51.48 11.57-7.54 13.48c-8.69 2.06-13.93-6.45-14.75-11.09c-.84-4.77.76-13.37 10.55-17.04c10.09-3.79 17.41 3.42 20.2 8.24m-61.26 2.5c1.55 2.37.39 5.3-1.87 6.87s-5.78.78-8.49-1.61c-2.89-2.55-5.23-10.34 1.29-15.39c7.06-5.47 15.35.11 18.01 4c2.73 3.99 4.84 12.49-2.55 19.88c-7.62 7.62-17.27 4.1-21.79.86"/><path fill="#fcc21b" d="M-128.11 9.62c-62.41 0-63.88 69.96-63.88 83.8c0 13.86 28.59 25.08 63.88 25.08c35.28 0 63.88-11.22 63.88-25.08c0-13.84-1.48-83.8-63.88-83.8"/><path fill="#ed6c30" d="M-107.19 71.43c-5.4-4.59-13.77-7.55-20.92-7.55s-15.53 2.95-20.92 7.55c-6.63 5.65-13.2 15.48-11.2 22.95c.47 1.74 1.34 3.57 2.4 4.92c1.34 1.71 3.59 3.22 5.49 3.83c3.79 1.21 7.78.32 11.34-1.45c3.59-1.78 6.46-4.39 12.89-4.39s9.3 2.61 12.89 4.39c3.56 1.76 7.55 2.65 11.34 1.45c1.9-.61 4.16-2.13 5.49-3.83c1.06-1.35 1.93-3.18 2.4-4.92c2-7.47-4.57-17.3-11.2-22.95"/><path fill="#fff" d="M-84.62 40.85c1.24 10.87-4.81 19-18.92 19.61c-11.73.51-17.15-5.72-18.31-14.94s6.24-17.74 16.52-19.03s19.66 5.13 20.71 14.36"/><path fill="none" stroke="#2f2f2f" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="5" d="M-103.52 46.15s-1.94 2.25-5 1.05c-2.64-1.03-3.4-4.09-2.47-6.68s4.25-4 7.84-3.63c3.83.39 10.26 5.37 7.9 13.27c-2.56 8.56-12.55 8.84-16.98 7.22c-4.55-1.66-11.2-7.34-9.48-17.65c1.77-10.63 11.67-13.37 17.23-13.37c5.26 0 17.38 2.83 20.01 17.16"/><path fill="#fff" d="M-169.35 53.28c-4.87-7.91-4.43-27.65 16.79-28.92c5.6-.34 10.3 1.35 15.17 9.26s1.66 18.73-7.16 24.16c-8.83 5.43-19.93 3.41-24.8-4.5"/><path fill="none" stroke="#2f2f2f" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="5" d="M-154.33 40.63s.84-2.85 4.12-3.02c2.83-.15 4.78 2.32 5.01 5.06s-2.22 5.4-5.64 6.55c-3.65 1.23-11.57-.64-12.69-8.81c-1.21-8.85 7.77-13.24 12.47-13.6c4.82-.37 13.23 2.05 15.94 12.15c2.79 10.41-5.09 17-10.15 19.3c-4.79 2.18-16.99 4.62-25.32-7.34"/></svg>Как использовать иконку Dizzy Face
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:dizzy-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:dizzy-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:dizzy-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--dizzy-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:dizzy-face"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:dizzy-face"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/noto-v1/dizzy-face.svg" alt="Иконка Dizzy Face" width="24" height="24">Похожие иконки в наборе Noto Emoji (v1)
Иконка Dizzy Face в других наборах
Вопросы и ответы: Иконка Dizzy Face
Можно ли бесплатно использовать иконку Dizzy Face в коммерческих проектах?
Да. Noto Emoji (v1) icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Dizzy Face в React?
Установите @iconify/react и выведите <Icon icon="noto-v1:dizzy-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Dizzy Face на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/noto-v1/dizzy-face.svg" alt="Иконка Dizzy Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.