Иконка Smiling Face With Sunglasses

noto:smiling-face-with-sunglasses

Иконка Smiling Face With Sunglasses (noto:smiling-face-with-sunglasses) — бесплатная 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
Категория: Смайлы и эмоции
Теги: smilingface, facewith, withsunglasses, smilingfacewithsunglasses, sunglass

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><radialGradient id="SVGqAhgvbXW" cx="63.6" cy="3176.9" r="56.96" gradientTransform="translate(0 -3114)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#FDE030"/><stop offset=".92" stop-color="#F7C02B"/><stop offset="1" stop-color="#F4A223"/></radialGradient><path fill="url(#SVGqAhgvbXW)" d="M63.6 118.8c-27.9 0-58-17.5-58-55.9S35.7 7 63.6 7c15.5 0 29.8 5.1 40.4 14.4c11.5 10.2 17.6 24.6 17.6 41.5s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#EB8F00" d="M111.49 29.67c5.33 8.6 8.11 18.84 8.11 30.23c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37-7.35-48.18-22.94c10.76 17.66 31 25.94 50.18 25.94c15.4 0 29.8-5.2 40.4-14.5c11.5-10.2 17.6-24.5 17.6-41.4c0-12.74-3.47-24.06-10.11-33.23"/><path fill="#422B0D" d="M64 93.81c-11.51 0-19.73-6-22.2-9.74a4.15 4.15 0 0 1-.5-4.22c.47-.89 1.4-1.44 2.41-1.41c.37 0 .74.06 1.09.17A65 65 0 0 0 64 81.39c6.5.04 12.98-.9 19.2-2.78c.35-.11.72-.17 1.09-.17c1.01-.03 1.94.52 2.41 1.41a4.15 4.15 0 0 1-.5 4.22c-2.47 3.76-10.69 9.74-22.2 9.74m60-48.39s-4.26.09-4.26 3.5c0 8.42.1 26.49-22 26.49c-17.66 0-26.09-9.12-27.51-19.19c-.58-4.19-2-8.75-6.27-8.75s-5.65 4.53-6.23 8.75c-1.42 10.07-9.85 19.19-27.51 19.19c-22.06 0-22-18.07-22-26.49c0-3.41-4.26-3.5-4.26-3.5v-8.34a149 149 0 0 1 20.65-1.26c12.48 0 17.45 0 27.38 1c5.87.58 12 .65 12 .65s6.1-.07 12-.65c9.93-1 14.9-1 27.38-1c6.9-.06 13.79.37 20.63 1.26z"/><path fill="#896024" d="M21.12 52c-.1 1.6-.74 3.08-2.31 3.38c-.18.03-.35.05-.53.05A2.89 2.89 0 0 1 15.44 53c-.61-2.76.06-5.65 1.82-7.86a8.5 8.5 0 0 1 6.58-3.08c1.51-.14 2.85.97 2.99 2.48c0 .03.01.06.01.1c0 1.88-1.5 2.68-3 3.2c-1.64.74-2.7 2.36-2.72 4.16m63.58 0c-.09 1.6-.74 3.08-2.3 3.38A2.9 2.9 0 0 1 79 53c-.61-2.76.06-5.65 1.82-7.86a8.52 8.52 0 0 1 6.59-3.08c1.51-.14 2.85.97 2.99 2.48c0 .03.01.06.01.1c0 1.88-1.5 2.68-3 3.2A4.62 4.62 0 0 0 84.7 52"/></svg>

Как использовать иконку Smiling Face With Sunglasses

React

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

<Icon icon="noto:smiling-face-with-sunglasses" width="24" />

Vue

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

<template>
  <Icon icon="noto:smiling-face-with-sunglasses" width="24" />
</template>

Svelte

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

<Icon icon="noto:smiling-face-with-sunglasses" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--smiling-face-with-sunglasses]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:smiling-face-with-sunglasses"></div>

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

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

<iconify-icon icon="noto:smiling-face-with-sunglasses"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/noto/smiling-face-with-sunglasses.svg" alt="Иконка Smiling Face With Sunglasses" width="24" height="24">

Иконка Smiling Face With Sunglasses в других наборах

Вопросы и ответы: Иконка Smiling Face With Sunglasses

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

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

Как использовать иконку Smiling Face With Sunglasses в React?

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

Как добавить иконку Smiling Face With Sunglasses на веб-страницу?

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

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