Ícone Contour Light
thesvg-color:contour-light
O ícone Contour Light (thesvg-color:contour-light) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 360 × 360. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 360 × 360
- Tags
- 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/contour-light.svg" alt="Ícone Contour Light" width="24" height="24">Ícones relacionados em theSVG Color
Perguntas frequentes sobre Ícone Contour Light
O ícone Contour Light é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Contour Light no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:contour-light" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Contour Light a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/contour-light.svg" alt="Ícone Contour Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.