Иконка Dizzy

noto:dizzy

Иконка Dizzy (noto:dizzy) — бесплатная SVG-иконка из набора Noto Emoji от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Noto Emoji
Автор: Google Inc
Лицензия: Apache-2.0
Размер: 128 × 128
Категория: Смайлы и эмоции

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><linearGradient id="SVGBpUBre3V" x1="93.729" x2="52.901" y1="106.645" y2="81.694" gradientUnits="userSpaceOnUse"><stop offset=".097" stop-color="#FFB300"/><stop offset="1" stop-color="#FFB300" stop-opacity="0"/></linearGradient><path fill="url(#SVGBpUBre3V)" d="M123.04 107.67c-4.08-4.12-9.38-9.48-14.92-15.06c-.34 1.29-.93 2.39-1.79 3.26c-6.43 6.43-25.6-1.99-45.31-19.1c-2.46-2.13-16.74 20.28-14.1 22.87c3.27 3.2 26 17.86 33.78 20.73c22.66 8.35 34.3.22 38.24-3.59c2.22-2.17 3.57-5.28 4.1-9.11"/><linearGradient id="SVGLRRp1d6M" x1="115.281" x2="14.863" y1="82.362" y2=".82" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#FFB300"/><stop offset=".706" stop-color="#FDD835"/><stop offset=".841" stop-color="#FDDC36"/><stop offset=".984" stop-color="#FFE93A"/><stop offset="1" stop-color="#FFEB3B"/></linearGradient><path fill="url(#SVGLRRp1d6M)" d="M25.05 27.7c-1.54-4.81-2.88-11.1-.4-13.5c7.51-7.3 31.69 4.88 54.25 27.43c22.55 22.55 34.84 46.84 27.43 54.25c-.07.07-.16.13-.23.2c6.13 5.82 12.2 11.6 16.1 15.31c4.87-14.43-6.45-44.11-31.5-69.96c-4.07-4.2-16.12-16.56-26.55-23.56c-9.54-6.4-19.96-12.28-31.58-13.67C25 3.29 11.45 5.24 14.25 15.98c.55 2.12 2.31 7.22 8.15 13.3c1.16 1.21 3.16.02 2.65-1.58"/><path fill="#FDD835" d="m55.98 42.1l-.75 20c-.06 1.53.72 2.98 2.04 3.77l16.86 10.11c1.85 1.25 1.46 4.09-.66 4.79L54.79 85.5a4.22 4.22 0 0 0-3.06 3.08l-4.89 19.93c-.62 2.15-3.43 2.65-4.76.85L31.06 92.91a4.22 4.22 0 0 0-3.83-1.85L7.49 92.61c-2.23.07-3.58-2.45-2.28-4.27l12.6-16.19c.96-1.23 1.16-2.89.52-4.31l-7.88-17.57c-.76-2.1 1.22-4.17 3.35-3.49l18.39 6.95c1.44.54 3.05.26 4.22-.74l15.22-13c1.76-1.37 4.33-.12 4.35 2.11"/><path fill="#FFFF8D" d="m46.99 59.33l4.66-12.75c.28-.7.7-1.93 1.79-1.4c.86.42.46 2.43.46 2.43l-1.05 11.54c-.41 4.39-1.6 5.38-3.3 5.49c-1.95.11-3.9-1.66-2.56-5.31"/><path fill="#F4B400" d="m53.89 83.73l14.53-3.13c.73-.18 2.01-.42 1.64-1.58c-.29-.91-2.34-.8-2.34-.8l-10.97-.86c-3.21-.38-5.72.14-6.74 1.84c-1.36 2.28-.12 5.12 3.88 4.53"/></svg>

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

React

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

<Icon icon="noto:dizzy" width="24" />

Vue

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

<template>
  <Icon icon="noto:dizzy" width="24" />
</template>

Svelte

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

<Icon icon="noto:dizzy" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--dizzy]"></span>

UnoCSS

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

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

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

<iconify-icon icon="noto:dizzy"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/noto/dizzy.svg" alt="Иконка Dizzy" width="24" height="24">

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

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

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

Да. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки Noto Emoji →