Icono Contour Light
thesvg-color:contour-light
El icono Contour Light (thesvg-color:contour-light) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 360 × 360. 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
- 360 × 360
- Etiquetas
- contourlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="360" height="360" viewBox="0 0 360 360"><path fill="#009cdc" d="M233.494 13.607A172.5 172.5 0 0 0 189.6 5.438c-18.11 99.876-68.02 169.764-111.296 213.538a430.6 430.6 0 0 1-50.308 43.508a174 174 0 0 0 13.98 21.408c27.223-17.232 52.176-36.806 71.681-55.386c46.631-44.418 100.42-115.007 119.836-214.899m58.397 110.34a372.5 372.5 0 0 0 23.406-53.908a175 175 0 0 0-30.63-29.736c-23.844 94.18-79.445 162.106-127.98 205.904a497.6 497.6 0 0 1-89.624 64.254a175 175 0 0 0 14.718 11.372a517.2 517.2 0 0 0 106.499-70.697c43.913-37.733 78.773-80.526 103.61-127.19"/><path fill="#009cdc" d="M277.15 34.899a173.2 173.2 0 0 0-38.294-19.473c-19.8 100.895-74.176 172.22-121.333 217.14a464 464 0 0 1-71.817 56.067a175 175 0 0 0 14.624 15.728a485.2 485.2 0 0 0 90.613-64.519C199.065 196.417 254.268 128.8 277.151 34.9m58.983 98.3c2.517-4.486 4.893-9.006 7.203-13.541a173.3 173.3 0 0 0-19.695-38.41a386 386 0 0 1-21.565 48.12c-25.514 47.935-61.272 91.848-106.277 130.52a533.5 533.5 0 0 1-102.628 69.143q7.062 4.101 14.525 7.544a550 550 0 0 0 117.96-74.18c46.77-38.432 83.94-81.9 110.477-129.196M186.938 5.34c-2.277-.089-4.556-.174-6.854-.174c-95.745 0-173.64 77.898-173.64 173.64a172.5 172.5 0 0 0 20.289 81.333a428 428 0 0 0 49.696-43.018c42.94-43.434 92.455-112.746 110.509-211.78"/><path fill="#009cdc" d="M348.787 140.3c-27.423 48.873-65.75 93.724-113.918 133.306a571.3 571.3 0 0 1-108.75 70.21a172.9 172.9 0 0 0 53.965 8.63c95.744 0 173.64-77.897 173.64-173.64a173.4 173.4 0 0 0-4.533-39.264c-.14.251-.264.507-.404.758"/></svg>Cómo usar el icono Contour Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:contour-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:contour-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:contour-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--contour-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:contour-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:contour-light"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/contour-light.svg" alt="Icono Contour Light" width="24" height="24">Iconos relacionados en theSVG Color
Preguntas frecuentes sobre Icono Contour Light
¿El icono Contour 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 Contour Light en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:contour-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Contour 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/contour-light.svg" alt="Icono Contour Light">, o pega el código SVG en línea para darle estilo con CSS.