Иконка Sunglasses
emojione:sunglasses
Иконка Sunglasses (emojione:sunglasses) — бесплатная SVG-иконка из набора Emoji One (Colored) от Emoji One. Она нарисована на сетке 64 × 64. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Emoji One (Colored)
- Автор
- Emoji One
- Лицензия
- CC-BY-4.0
- Размер
- 64 × 64
- Категория
- Предметы
- Теги
- sunglass
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#222526" d="M3.6 32.6C7.6 19.2 11.9 13 13.7 13c1 0 1.3.7 1.7 2.2c.9 3.7.1 4.9-.5 5.4c-.7.7-1.8.1-1.8-3.8c-.9 2.3-5.3 10.4-7.6 19zm56.8 0C56.4 19.2 52.1 13 50.3 13c-1 0-1.3.7-1.7 2.2c-.9 3.7-.1 4.9.5 5.4c.7.7 1.8.1 1.8-3.8c.9 2.3 5.3 10.4 7.6 19z"/><path fill="#363b3d" d="M36.1 33.3c-2.4 1.2-5.9 1.2-8.2 0c-2.5-1.3-5.6-2.2-9.3-2.5c-3.6-.3-11.2-.3-15 1.1c-.4.2-.9.4-1.3.6c-.2.1-.3.1-.3.6v.6c0 1.1-.1.7.6 1.1c1.5.9 2.4 3.2 2.8 6.4c.6 4.6 2.9 7.5 6.5 8.9c3.3 1.3 7.1 1.2 10.4-.1c1.8-.7 3.4-1.9 4.7-3.8c2.2-3.3 1.6-5.4 2.7-8.3c1-2.5 3.8-2.5 4.8 0c1.1 2.9.5 4.9 2.7 8.3c1.3 1.9 2.9 3.1 4.7 3.8c3.3 1.4 7 1.4 10.4.1c3.6-1.4 5.8-4.3 6.5-8.9c.4-3.2 1.3-5.5 2.8-6.4c.8-.5.6 0 .6-1.1v-.6c0-.4 0-.5-.3-.7c-.4-.2-.8-.4-1.3-.6c-3.8-1.4-11.4-1.4-15-1.1c-3.9.4-7 1.3-9.5 2.6"/><path fill="#5f6566" d="M26.2 35.1c-.8-.6-2.4-1.1-4.2-1.4c-1-.2-2.2-.3-3.4-.4c-2.7-.2-5.6-.2-7.5.2c-1.2.2-2.1.5-2.4.9c-1.4 1.6-1.1 6.1.3 9.3c.4.8.9 1.6 1.4 2.2c.9 1 2.1 1.6 3.5 2c.9.3 1.8.4 2.8.5c1.6.1 3.2-.1 4.7-.5c.3-.1.5-.2.7-.3c4.3-1.9 5.4-9.1 4.7-11.7c-.1-.3-.3-.6-.6-.8m29.5-.6c-.1-.1-.1-.2-.2-.3c-.6-.8-3.5-1.1-6.7-1.1c-1.2 0-2.4.1-3.6.2c-1.3.1-2.6.3-3.7.5c-2.2.5-3.8 1.2-4 2.1c-.4 1.6-.2 4.8 1 7.6c.5 1.1 1.1 2.2 2 3c.7.7 1.5 1.2 2.5 1.4c.2 0 .3.1.5.1c3 .7 6.5.5 9-1c.5-.3 1-.7 1.5-1.1c2.3-2.6 3.2-9 1.7-11.4"/></svg>
Как использовать иконку Sunglasses
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:sunglasses" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:sunglasses" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:sunglasses" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--sunglasses]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:sunglasses"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:sunglasses"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/emojione/sunglasses.svg" alt="Иконка Sunglasses" width="24" height="24">
Иконка Sunglasses в других наборах
Вопросы и ответы: Иконка Sunglasses
Можно ли бесплатно использовать иконку Sunglasses в коммерческих проектах?
Да. Emoji One (Colored) icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Sunglasses в React?
Установите @iconify/react и выведите <Icon icon="emojione:sunglasses" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sunglasses на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/emojione/sunglasses.svg" alt="Иконка Sunglasses">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Emoji One (Colored) →
ICONYZ
