Icono Gleam

thesvg-color:gleam

El icono Gleam (thesvg-color:gleam) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 2000 × 1915. theSVG Color icons se publican bajo la licencia MIT, 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: theSVG Color
Autor: thesvg.org
Licencia: MIT
Tamaño: 2000 × 1915

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="1915" viewBox="0 0 2000 1915"><path fill="#ffaff3" d="M905.5 95.13c41.483-73.507 147.51-73.507 189 0l217.42 385.27c26.9 47.672 73.23 81.278 126.9 92.095l434.05 87.471c82.87 16.699 115.52 117.34 58.4 179.4l-299.67 325.58a188.15 188.15 0 0 0-48.49 149.06l50.83 439.33c9.69 83.71-75.98 146.04-152.89 110.88l-402.64-184.05a188.55 188.55 0 0 0-156.82 0l-402.63 184.05c-76.916 35.15-162.58-27.17-152.9-110.88l50.837-439.33c6.292-54.37-11.413-108.78-48.488-149.06l-299.68-325.58c-57.118-62.055-24.463-162.7 58.403-179.4l434.05-87.471c53.674-10.817 100-44.423 126.9-92.095z"/><g fill="#151515"><path d="M1000 1.287c-50.71 0-101.42 24.727-129.33 74.184l-217.42 385.27c-21.197 37.562-57.654 64.015-99.969 72.543l-434.05 87.47c-111.38 22.446-156.79 162.2-79.932 245.7l299.68 325.58a148.08 148.08 0 0 1 38.183 117.37l-50.836 439.33c-13.042 112.71 105.87 199.11 209.26 151.86l.002-.002l402.64-184.05l.002-.002a148.48 148.48 0 0 1 123.55 0l.002.002l402.64 184.05c103.38 47.263 222.3-39.144 209.25-151.86l.002.002l-50.83-439.33v-.002a148.07 148.07 0 0 1 38.181-117.37l.002-.004l299.67-325.59v-.002c76.858-83.5 31.455-223.25-79.93-245.7l-434.05-87.47c-42.311-8.527-78.773-34.981-99.967-72.54l-217.42-385.28c-27.914-49.455-78.626-74.182-129.34-74.182m.002 77.426c23.044 0 46.09 12.026 59.666 36.078l217.42 385.27c32.606 57.784 88.805 98.544 153.83 111.65l434.05 87.47c54.356 10.954 74.253 72.488 36.872 113.1l-299.67 325.59c-44.938 48.81-66.415 114.84-58.793 180.74l50.83 439.33v.001c6.333 54.706-46.086 92.96-96.523 69.903h-.002l-402.64-184.05c-60.336-27.588-129.75-27.588-190.09.002l-402.63 184.05c-50.446 23.052-102.86-15.196-96.535-69.902l50.838-439.33c7.627-65.91-13.86-131.93-58.793-180.75l-299.68-325.58c-37.378-40.609-17.476-102.14 36.874-113.1l434.05-87.473c65.032-13.106 121.23-53.865 153.84-111.65v-.002l217.42-385.27c13.573-24.05 36.616-36.076 59.66-36.076"/><circle cx="678.57" cy="1007.1" r="78.571"/><circle cx="1321.4" cy="1007.1" r="78.571"/><path d="M929.244 1112.08a40 40 0 0 0-31.543 46.96a104.3 104.3 0 0 0 15.485 37.634l.001.002l.002.004a104.2 104.2 0 0 0 28.715 28.834l.008.006a104.3 104.3 0 0 0 37.533 15.652l.014.004l.016.002a104.4 104.4 0 0 0 40.666.082h.004a104.3 104.3 0 0 0 37.625-15.477l.005-.004l.008-.004a104.3 104.3 0 0 0 28.819-28.699a104.1 104.1 0 0 0 15.664-37.588a40 40 0 0 0-31.35-47.086a40 40 0 0 0-47.086 31.352a24.1 24.1 0 0 1-3.627 8.7l-.012.015l-.01.017a24.2 24.2 0 0 1-6.7 6.676a24.2 24.2 0 0 1-8.75 3.596l-.01.002l-.01.002c-3.13.615-6.348.61-9.475-.016a24.3 24.3 0 0 1-8.734-3.646l-.014-.01l-.011-.008a24.2 24.2 0 0 1-6.666-6.693l-.002-.004l-.002-.002a24.3 24.3 0 0 1-3.604-8.76a40 40 0 0 0-46.959-31.543"/></g></svg>

Cómo usar el icono Gleam

React

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

<Icon icon="thesvg-color:gleam" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:gleam" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:gleam" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--gleam]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:gleam"></div>

Web component

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

<iconify-icon icon="thesvg-color:gleam"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/gleam.svg" alt="Icono Gleam" width="24" height="24">

El icono Gleam en otras colecciones

Preguntas frecuentes sobre Icono Gleam

¿El icono Gleam es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Gleam en React?

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

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

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

Ver todos los Iconos theSVG Color →