Иконка Smiling Face With Sunglasses
fluent-emoji-flat:smiling-face-with-sunglasses
Иконка Smiling Face With Sunglasses (fluent-emoji-flat:smiling-face-with-sunglasses) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji Flat
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Смайлы и эмоции
- Теги
- smilingface, facewith, withsunglasses, smilingfacewithsunglasses, sunglass
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M15.999 29.998c9.334 0 13.999-6.268 13.999-14c0-7.73-4.665-13.998-14-13.998C6.665 2 2 8.268 2 15.999s4.664 13.999 13.999 13.999"/><path fill="#402a32" d="M11.84 18.457a1 1 0 0 0-1.688 1.073l.001.002l.002.003l.004.006l.009.013a2 2 0 0 0 .097.137c.06.08.147.185.26.306c.226.241.563.546 1.03.845C12.5 21.446 13.937 22 16 22s3.5-.554 4.445-1.158a5.4 5.4 0 0 0 1.03-.845a4 4 0 0 0 .357-.443l.01-.013l.003-.006l.001-.002l.001-.001v-.002a1 1 0 0 0-1.686-1.073l-.018.024a2 2 0 0 1-.126.147a3.4 3.4 0 0 1-.65.53c-.62.396-1.682.842-3.367.842s-2.748-.446-3.367-.842a3.4 3.4 0 0 1-.65-.53a2 2 0 0 1-.144-.171"/><path fill="#321b41" d="M11 5H5a4 4 0 0 0-4 4v.674a7 7 0 0 0 3.87 6.26l.935.469a5.8 5.8 0 0 0 4.52.267C13.111 15.675 15 13.025 15 10.067V9a4 4 0 0 0-4-4m9.5 0h7A3.5 3.5 0 0 1 31 8.5v1.174a7 7 0 0 1-3.87 6.26l-.935.469a5.8 5.8 0 0 1-4.52.267C18.889 15.675 17 13.025 17 10.067V8.5A3.5 3.5 0 0 1 20.5 5"/><path fill="#8d65c5" d="M14 6.354A4 4 0 0 0 11 5H5a4 4 0 0 0-4 4v.674a7 7 0 0 0 3.87 6.26l.935.469a5.8 5.8 0 0 0 4.52.267C13.111 15.675 15 13.025 15 10.067V10a1 1 0 1 1 2 0v.067c0 2.958 1.889 5.608 4.675 6.603a5.8 5.8 0 0 0 4.52-.267l.936-.468A7 7 0 0 0 31 9.674V8.5A3.5 3.5 0 0 0 27.5 5h-7c-1.124 0-2.124.53-2.765 1.354V6.35l-.05.05c-.191.197-.582.596-.945.599h-1.744c-.364-.003-.754-.402-.946-.599L14 6.35zM11 6a3 3 0 0 1 3 3v1.067c0 2.53-1.618 4.806-4.011 5.66a4.8 4.8 0 0 1-3.736-.219l-.936-.468A6 6 0 0 1 2 9.674V9a3 3 0 0 1 3-3zm7 2.5A2.5 2.5 0 0 1 20.5 6h7A2.5 2.5 0 0 1 30 8.5v1.174a6 6 0 0 1-3.317 5.366l-.936.468a4.78 4.78 0 0 1-3.736.22C19.618 14.873 18 12.598 18 10.067z"/><path fill="#fff" d="M12.39 10.268c.585-.586.427-1.694-.354-2.475s-1.89-.94-2.475-.354s-.428 1.694.353 2.475s1.89.94 2.475.354m16.001 0c.585-.586.427-1.694-.354-2.475c-.782-.781-1.89-.94-2.475-.354s-.428 1.694.353 2.475s1.89.94 2.475.354"/></g></svg>
Как использовать иконку Smiling Face With Sunglasses
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:smiling-face-with-sunglasses" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:smiling-face-with-sunglasses" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:smiling-face-with-sunglasses" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--smiling-face-with-sunglasses]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:smiling-face-with-sunglasses"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:smiling-face-with-sunglasses"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/smiling-face-with-sunglasses.svg" alt="Иконка Smiling Face With Sunglasses" width="24" height="24">
Похожие иконки в наборе Fluent Emoji Flat
Иконка Smiling Face With Sunglasses в других наборах
Вопросы и ответы: Иконка Smiling Face With Sunglasses
Можно ли бесплатно использовать иконку Smiling Face With Sunglasses в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Smiling Face With Sunglasses в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:smiling-face-with-sunglasses" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Smiling Face With Sunglasses на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/smiling-face-with-sunglasses.svg" alt="Иконка Smiling Face With Sunglasses">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji Flat →
ICONYZ
