Icono Polar Light
thesvg-color:polar-light
El icono Polar Light (thesvg-color:polar-light) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 300 × 300. 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
- 300 × 300
- Etiquetas
- polarlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><g fill="none"><g clip-path="url(#SVGDTtXObki)"><path fill="#0062ff" fill-rule="evenodd" d="M66.428 274.26c68.448 46.333 161.497 28.406 207.83-40.041c46.335-68.448 28.408-161.497-40.04-207.83C165.77-19.946 72.721-2.019 26.388 66.428c-46.336 68.45-28.408 161.5 40.039 207.832ZM47.956 116.67c-17.119 52.593-11.412 105.223 11.29 139.703C18.04 217.361 7.275 150.307 36.943 92.318c18.971-37.082 50.623-62.924 85.556-73.97C90.59 36.711 62.554 71.814 47.955 116.67Zm127.391 166.467c36.03-10.531 68.864-36.752 88.338-74.815c29.416-57.497 19.083-123.905-21.258-163.055c21.793 34.496 27.046 86.275 10.204 138.02c-15.016 46.134-44.246 81.952-77.284 99.85m8.28-16.908c24.318-20.811 44.389-55.625 53.309-97.439c14.097-66.097-4.385-127.592-41.824-148.113c19.858 26.718 29.91 78.613 23.712 136.656c-4.739 44.391-18.01 83.26-35.197 108.896M63.717 131.844c-14.201 66.586 4.66 128.501 42.657 148.561c-20.378-26.396-30.777-78.891-24.498-137.694c4.661-43.657 17.574-81.974 34.349-107.614c-23.957 20.886-43.687 55.392-52.507 96.747Zm136.117 17.717c1.074 67.912-20.244 123.317-47.612 123.748c-27.369.433-50.425-54.27-51.498-122.182s20.244-123.318 47.613-123.75c27.368-.432 50.425 54.271 51.497 122.184" clip-rule="evenodd"/></g><defs><clipPath id="SVGDTtXObki"><path fill="#fff" d="M0 0h300v300H0z"/></clipPath></defs></g></svg>Cómo usar el icono Polar Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:polar-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:polar-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:polar-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--polar-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:polar-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:polar-light"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/polar-light.svg" alt="Icono Polar Light" width="24" height="24">Iconos relacionados en theSVG Color
Preguntas frecuentes sobre Icono Polar Light
¿El icono Polar Light 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 Polar Light en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:polar-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Polar Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/polar-light.svg" alt="Icono Polar Light">, o pega el código SVG en línea para darle estilo con CSS.