Ícone C
thesvg-color:c
O ícone C (thesvg-color:c) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 306 × 345. 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
- 306 × 345
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="306" height="345" viewBox="0 0 306 345"><g fill="none"><g clip-path="url(#SVG7ITmMbVH)"><path fill="#00599c" d="M302.107 258.262c2.401-4.159 3.893-8.845 3.893-13.053V99.139c0-4.207-1.49-8.892-3.892-13.051L153 172.175z"/><path fill="#004482" d="m166.25 341.193l126.5-73.034c3.644-2.104 6.956-5.737 9.357-9.897L153 172.175L3.893 258.263c2.4 4.159 5.714 7.793 9.357 9.896l126.5 73.034c7.287 4.208 19.213 4.208 26.5 0"/><path fill="#659ad2" d="M302.108 86.087c-2.402-4.16-5.715-7.793-9.358-9.897L166.25 3.156c-7.287-4.208-19.213-4.208-26.5 0L13.25 76.19C5.962 80.397 0 90.725 0 99.14v146.069c0 4.208 1.491 8.894 3.893 13.053L153 172.175z"/><path fill="#fff" d="M153 274.175c-56.243 0-102-45.757-102-102s45.757-102 102-102c36.292 0 70.139 19.53 88.331 50.968l-44.143 25.544c-9.105-15.736-26.038-25.512-44.188-25.512c-28.122 0-51 22.878-51 51c0 28.121 22.878 51 51 51c18.152 0 35.085-9.776 44.191-25.515l44.143 25.543c-18.192 31.441-52.04 50.972-88.334 50.972"/></g><defs><clipPath id="SVG7ITmMbVH"><path fill="#fff" d="M0 0h306v344.35H0z"/></clipPath></defs></g></svg>
Como usar o ícone C
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:c" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:c" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:c" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--c]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:c"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:c"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/c.svg" alt="Ícone C" width="24" height="24">
Ícones relacionados em theSVG Color
O ícone C em outras coleções
Perguntas frequentes sobre Ícone C
O ícone C é 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 C no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:c" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone C a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/c.svg" alt="Ícone C">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones theSVG Color →
ICONYZ
