Icono Darksunglasses

fxemoji:darksunglasses

El icono Darksunglasses (fxemoji:darksunglasses) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Firefox OS Emoji
Autor: Mozilla
Licencia: Apache-2.0
Tamaño: 512 × 512
Categoría: Objetos
Etiquetas: darksunglass

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M494.839 174h-19.257c-.275 0-.544-.115-.816-.101c-3.357-2.887-7.37-5.149-11.865-6.343c-18.424-4.896-46.558-10.616-77.863-10.616s-59.44 5.667-77.863 10.563a29.97 29.97 0 0 0-16.789 11.674c-10.706-6.767-23.302-10.53-36.608-10.53c-12.425 0-24.232 3.274-34.458 9.217a30 30 0 0 0-15.823-10.377c-18.424-4.896-46.558-10.581-77.863-10.581s-59.44 5.827-77.863 10.722A28.6 28.6 0 0 0 35.952 174H17.6C9.264 174 3 180.474 3 188.81v16.825C3 213.971 9.264 221 17.6 221H25v29.717c0 55.324 45.079 100.172 100.402 100.172h.213C180.939 350.889 226 306.04 226 250.717v-38.285c7-7.943 16.995-12.62 27.942-12.62c12.71 0 24.058 6.3 31.058 16.707v34.197c0 55.324 44.781 100.172 100.105 100.172h-.138C440.29 350.889 485 306.041 485 250.717V221h9.839c8.336 0 15.161-7.029 15.161-15.365V188.81c0-8.336-6.826-14.81-15.161-14.81"/><path fill="#FFF" d="M46.954 243.592s-.196-.287-.519-.826a25 25 0 0 1-1.265-2.374c-.997-2.074-2.205-5.063-3.105-8.809a46 46 0 0 1-1.064-6.15c-.249-2.213-.323-4.597-.25-7.084c.107-2.497.38-5.106.922-7.775c.559-2.672 1.317-5.397 2.395-8.1c1.103-2.696 2.433-5.364 4.103-7.868c1.684-2.496 3.592-4.836 5.78-6.835c2.163-2.003 4.496-3.705 6.879-4.98c.597-.317 1.174-.637 1.763-.914c.602-.259 1.186-.516 1.771-.744c1.149-.492 2.316-.817 3.418-1.118c2.218-.566 4.261-.855 6.063-.9c1.792-.109 3.349.085 4.6.226c1.254.178 2.229.452 2.885.626a16 16 0 0 1 1.003.309a4.76 4.76 0 0 1 2.064 7.509l-.327.391l-.595.716c-.381.458-.953 1.064-1.621 1.817c-.641.808-1.454 1.62-2.22 2.65c-.386.513-.828.957-1.2 1.538c-.379.564-.832 1.031-1.183 1.649c-.37.588-.784 1.118-1.125 1.737c-.175.303-.365.586-.548.875l-.506.918c-.692 1.196-1.301 2.462-1.907 3.747c-.622 1.266-1.155 2.664-1.764 4.054c-.591 1.411-1.153 2.937-1.744 4.503c-1.178 3.156-2.322 6.649-3.556 10.149c-.591 1.763-1.232 3.502-1.849 5.217a150 150 0 0 1-1.906 4.932a116 116 0 0 1-1.879 4.355c-.615 1.317-1.185 2.499-1.708 3.465a51 51 0 0 1-1.288 2.287c-.325.537-.522.824-.522.824a6.054 6.054 0 0 1-8.418 1.559a6.1 6.1 0 0 1-1.577-1.576m276.651 1.58a6.054 6.054 0 0 0 8.418-1.559s.197-.286.522-.824c.323-.543.779-1.326 1.288-2.287c.523-.966 1.093-2.148 1.708-3.465a115 115 0 0 0 1.879-4.355a149 149 0 0 0 1.906-4.932c.617-1.714 1.257-3.453 1.849-5.217c1.234-3.499 2.378-6.992 3.556-10.149c.592-1.566 1.154-3.092 1.744-4.503c.609-1.391 1.141-2.789 1.764-4.054c.607-1.285 1.215-2.551 1.907-3.747l.506-.918c.184-.29.373-.572.548-.875c.341-.619.755-1.149 1.125-1.737c.351-.619.805-1.085 1.183-1.649c.371-.581.814-1.026 1.2-1.538c.767-1.03 1.579-1.842 2.22-2.65c.668-.753 1.239-1.359 1.621-1.817l.595-.716l.327-.391a4.76 4.76 0 0 0-2.064-7.509s-.346-.125-1.003-.309c-.656-.174-1.63-.448-2.885-.626c-1.252-.141-2.809-.335-4.6-.226c-1.802.045-3.845.334-6.063.9c-1.102.301-2.269.626-3.418 1.118c-.585.228-1.169.485-1.771.744c-.589.277-1.165.597-1.763.914c-2.383 1.274-4.716 2.976-6.879 4.98c-2.188 1.999-4.096 4.339-5.78 6.835c-1.669 2.504-3 5.172-4.103 7.868c-1.078 2.703-1.835 5.428-2.395 8.1a50 50 0 0 0-.922 7.775c-.074 2.487.001 4.871.25 7.084a46 46 0 0 0 1.064 6.15c.9 3.746 2.108 6.735 3.105 8.809a25 25 0 0 0 1.265 2.374c.323.538.519.826.519.826a6.3 6.3 0 0 0 1.577 1.576"/></svg>

Cómo usar el icono Darksunglasses

React

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

<Icon icon="fxemoji:darksunglasses" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:darksunglasses" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:darksunglasses" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:darksunglasses"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/darksunglasses.svg" alt="Icono Darksunglasses" width="24" height="24">

Preguntas frecuentes sobre Icono Darksunglasses

¿El icono Darksunglasses es gratis para uso comercial?

Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Darksunglasses en React?

Instala @iconify/react y renderiza <Icon icon="fxemoji:darksunglasses" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Darksunglasses a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/darksunglasses.svg" alt="Icono Darksunglasses">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Firefox OS Emoji →