Ícone Sunglasses

streamline-emojis:sunglasses

O ícone Sunglasses (streamline-emojis:sunglasses) é um ícone SVG gratuito da coleção Streamline Emojis de Streamline. Ele é desenhado em uma grade de 48 × 48. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Streamline Emojis
Autor: Streamline
Licença: CC-BY-4.0
Tamanho: 48 × 48
Categoria: Emoticons e pessoas
Tags: sunglass

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M13.41 41a10.59 1.5 0 1 0 21.18 0a10.59 1.5 0 1 0-21.18 0" opacity=".15"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M41.8 9.85A1.58 1.58 0 0 1 43 8.67l2.37-.55a.2.2 0 0 0 0-.38L43 7.19A1.58 1.58 0 0 1 41.8 6l-.54-2.37a.2.2 0 0 0-.38 0L40.33 6a1.55 1.55 0 0 1-1.18 1.17l-2.36.55a.2.2 0 0 0 0 .38l2.36.55a1.55 1.55 0 0 1 1.18 1.18l.55 2.36a.2.2 0 0 0 .38 0ZM6.47 39.79l2.08-.7a.18.18 0 0 0 .13-.18a.2.2 0 0 0-.13-.19l-1.71-.57a.75.75 0 0 1-.49-.49L5.78 36a.2.2 0 0 0-.19-.13a.18.18 0 0 0-.18.13l-.57 1.71a.79.79 0 0 1-.5.49l-1.71.57a.2.2 0 0 0-.13.19a.18.18 0 0 0 .13.18l1.71.57a.78.78 0 0 1 .5.5l.57 1.71a.18.18 0 0 0 .18.13a.2.2 0 0 0 .19-.13Z"/><path fill="#525252" d="M24 22.47a1 1 0 0 1 .95.85c.18 1.68.81 5.5 2.8 8.21c2.62 3.56 10.69 2.81 12.62 0a25.7 25.7 0 0 0 3-6.63l.84-.16a1 1 0 0 0 .8-.89l.35-3.85a1 1 0 0 0-.72-1a39.7 39.7 0 0 0-10.27-1.33a22.3 22.3 0 0 0-8.83 1.54a3.75 3.75 0 0 1-1.54.34a3.75 3.75 0 0 1-1.54-.34a22.3 22.3 0 0 0-8.84-1.54a39.7 39.7 0 0 0-10.26 1.25a1 1 0 0 0-.72 1L3 23.85a1 1 0 0 0 .8.89l.83.16a26 26 0 0 0 3 6.63c1.94 2.81 10 3.56 12.63 0c2-2.71 2.62-6.53 2.8-8.21a1 1 0 0 1 .95-.85Z"/><path fill="#656769" d="M2.77 21.42a1 1 0 0 1 .59-.42a40.3 40.3 0 0 1 10.26-1.32a22.1 22.1 0 0 1 8.84 1.54a3.76 3.76 0 0 0 3.08 0a22.1 22.1 0 0 1 8.84-1.54A40.3 40.3 0 0 1 44.64 21a1 1 0 0 1 .59.46l.13-1.46a1 1 0 0 0-.72-1a39.7 39.7 0 0 0-10.26-1.33a22.3 22.3 0 0 0-8.84 1.54a3.66 3.66 0 0 1-3.08 0a22.3 22.3 0 0 0-8.84-1.54a39.7 39.7 0 0 0-10.26 1.25a1 1 0 0 0-.72 1Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 22.47a1 1 0 0 1 .95.85c.18 1.68.81 5.5 2.8 8.21c2.62 3.56 10.69 2.81 12.62 0a26 26 0 0 0 3-6.63l.83-.16a1 1 0 0 0 .8-.89l.36-3.85a1 1 0 0 0-.72-1a39.7 39.7 0 0 0-10.26-1.33a22.3 22.3 0 0 0-8.84 1.54a3.75 3.75 0 0 1-1.54.34h0a3.75 3.75 0 0 1-1.54-.34a22.3 22.3 0 0 0-8.84-1.54a39.7 39.7 0 0 0-10.26 1.25a1 1 0 0 0-.72 1L3 23.85a1 1 0 0 0 .8.89l.83.16a26 26 0 0 0 3 6.63c1.94 2.81 10 3.56 12.63 0c2-2.71 2.62-6.53 2.8-8.21a1 1 0 0 1 .95-.85Z"/><path fill="#656769" d="M6.7 21.35c-1.07 1.65 1.06 7.72 3.35 9.48S17.66 32 18.81 30c1.66-3 2.4-7.19 1.34-8.5s-2.67-1.83-6.62-1.83c-3.67-.03-6.14.58-6.83 1.68"/><path fill="#87898c" d="M14.89 19.66h-1.36c-3.67 0-6.13.61-6.83 1.71s0 4.3 1.3 6.76Z"/><path fill="#656769" d="M41.3 21.35c1.07 1.65-1.06 7.72-3.3 9.48S30.34 32 29.19 30c-1.66-3-2.4-7.19-1.34-8.5s2.67-1.83 6.62-1.83c3.67-.03 6.13.58 6.83 1.68"/><path fill="#87898c" d="M35.39 19.66h-.92c-3.95 0-5.56.52-6.62 1.83c-.87 1.08-.53 4.08.54 6.77Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.7 21.35c-1.07 1.65 1.06 7.72 3.35 9.48S17.66 32 18.81 30c1.66-3 2.4-7.19 1.34-8.5s-2.67-1.83-6.62-1.83c-3.67-.03-6.14.58-6.83 1.68m34.6 0c1.07 1.65-1.06 7.72-3.3 9.48S30.34 32 29.19 30c-1.66-3-2.4-7.19-1.34-8.5s2.67-1.83 6.62-1.83c3.67-.03 6.13.58 6.83 1.68"/></svg>

Como usar o ícone Sunglasses

React

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

<Icon icon="streamline-emojis:sunglasses" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:sunglasses" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:sunglasses" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--sunglasses]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:sunglasses"></div>

Web component

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

<iconify-icon icon="streamline-emojis:sunglasses"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-emojis/sunglasses.svg" alt="Ícone Sunglasses" width="24" height="24">

O ícone Sunglasses em outras coleções

Perguntas frequentes sobre Ícone Sunglasses

O ícone Sunglasses é grátis para uso comercial?

Sim. Streamline Emojis icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Sunglasses no React?

Instale @iconify/react e renderize <Icon icon="streamline-emojis:sunglasses" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Sunglasses a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-emojis/sunglasses.svg" alt="Ícone Sunglasses">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Streamline Emojis →