ICONYZ
Português (Brasil)
Ícone Cogvideo de theSVG Color

Ícone Cogvideo

thesvg-color:cogvideo

O ícone Cogvideo (thesvg-color:cogvideo) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 24 × 24. 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
24 × 24
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="url(#SVGRg3OOcnr)" d="M14.538 22.388H9.406a.3.3 0 0 1-.268-.146L.056 2.335a.329.329 0 0 1 .268-.512h5.132c.11 0 .207.049.268.146l9.082 19.895c.146.232-.012.524-.268.524"/><path fill="url(#SVGKAWhKbcr)" d="M23.705 1.835H18.5a.28.28 0 0 0-.244.134L9.138 21.925a.298.298 0 0 0 .243.463h5.206a.28.28 0 0 0 .244-.134l9.118-19.956a.298.298 0 0 0-.244-.463"/><path fill="#191935" d="M21.596 2.932c-.878-.048-1.853.525-3.267 2.231c-.329.403-1.572.403-1.414 1.256c.744 4.218-3.157 13.056-2.292 13.104c.866.05 3.06-1.62 3.828-2.596c.768-.975 1.28-1.78 1.877-2.987c.598-1.207 1.207-2.95 1.744-4.827s.56-3.73.597-4.779c.024-.317-.195-1.353-1.073-1.402"/><path d="M18.012 6.017c-.207-1.134-1.085-3.426-1.682-4.157c-.597-.732-1.17-1.073-2.109-.72c-.512.195-1.719.89-2.597 3.572c-.28.853-.743 1.28-1.158 1.853c-.414.56-1.072 1.341-1.072 2.414c0 1.085.438 1.999 1.036 2.694c.597.695 3.145 2.743 3.681 3.303c.549.561 2.036 2.048 2.426 2.719l.39.67s.732-1.694.963-2.243c.232-.536.659-3.389.695-5.01c.037-1.61-.427-4.279-.573-5.095"/><path d="M14.952 20.474c-.097.049-.158-.232.171-.707c.33-.475.987-1.39 1.512-1.792C17.17 17.573 18.5 16.5 19 16.39s.5.33.256.512c-.464.354-.549.269-1.134.805s-1.305.817-1.743 1.219c-.44.402-1.158 1.402-1.427 1.548"/><path d="M10.174 12.392c-1.524-.439-3.999-.926-4.937 2.548c0 0-.67.292-1.17 1.438c-.805 1.841.963 6.754 6.192 5.474c2.487-.61 4.56-1.926 5.169-2.524c.926-.902 1.524-.95 1.524-.95c-.415-1.317-3.39-4.999-6.778-5.986m8.789 4.34c.5-.463 1.146-1.158 1.426-1.646c.28-.487.561-1.17.61-1.365s-.073-.805.22-.768c.292.036.109.512-.013.744c-.17.304-.378.78-.512 1.109c-.134.341-.622.95-1 1.39c-.39.438-.768.743-.768.743z"/><path d="M18.817 16.89s.621-.366 1.121-.719c.5-.354 1.512-1.268 1.756-1.597c.256-.33.292-.634.426-.56c.232.146-.158.487-.317.645c-.17.159-.743.72-1.182 1.085c-.451.366-1.61 1.207-1.804 1.146"/><path fill="url(#SVGTIz2UbeQ)" d="M17.256 17.183c.013.049.05.085.05.024c.109-1.06.535-2.316.548-5.412c.012-3.28 0-4.779-2.39-5.388c-.158-.037-.304 0-.28.158c.061.366.89 2.17 1.304 4.535c.5 2.913.67 5.595.768 6.083"/><path fill="url(#SVG9XNaccFr)" d="M6.907 15.72c-.817.232 1.146.634 3.023 1c1.28.256 5.315.877 6.68.95c.025 0 .037-.036.012-.048c-1.365-.89-4.388-2.829-5.254-2.829c-1.56-.012-3.852.756-4.461.927"/><path fill="url(#SVGGUgKTb4k)" d="M11.588 9.393s.646 1.353 1.658 2.195c.877.719 1.646 1.182 1.926 1.523c.963 1.134 1.34 3.121 1.816 4.06c.073.134-3.498-3.401-5.315-6.425c-.414-.694-.195-1.536-.085-1.353"/><path fill="url(#SVGF1Yz9arD)" d="M13.88 3.457c.378-.074 1.377.5 1.377.792c0 .134-1.438-.134-1.682-.256c-.33-.17.06-.488.305-.536"/><path fill="url(#SVGRfkXCc4I)" d="M13.221 4.505c.183-.159.951.012 1.098.146c.146.159-.756.256-1.049.293c-.256.024-.231-.28-.049-.44z"/><path fill="url(#SVGOfNSadod)" d="M14.99 2.14c.56.049 1.681 1.694 1.438 1.89c-.134.097-1.878-.976-2.134-1.28c-.22-.269.268-.647.695-.61z"/><path fill="url(#SVGnfkUAeTO)" d="M20.56 4.688c.28.036.841.658.78.878c-.024.097-.975-.427-1.121-.573c-.195-.208.158-.33.34-.305z"/><path fill="url(#SVGpq8ErcvJ)" d="M19.853 5.334c.134-.085.683.22.695.366c.012.122-.537-.013-.756-.05c-.183-.024-.085-.219.06-.316z"/><path fill="url(#SVGXYDtQbHZ)" d="M21.486 4.017c.39.159.72 1.256.598 1.366c-.134.121-1.11-.817-1.22-1.085c-.097-.232.33-.39.622-.28z"/><path fill="url(#SVGFXcrf7lc)" d="M16.074 13.27c-.122-.61-.317-3.133-.95-4.645c-.464-1.097-1.72-3.133-1.976-2.438c-.378 1.024-1.231 1.975-.938 2.73c.292.757 1.28 1.793 2.023 2.439c.72.634 1.853 1.975 1.84 1.914z"/><path fill="url(#SVGFc7Dme6A)" d="M9.26 17.256c-.963-.134-2.438-.439-3.353-.622c-.573-.11.098 1.475.878 1.89c.67.353 3.694.158 5.693-.037c1.658-.17 4.193-.61 3.328-.621a63 63 0 0 1-6.546-.61"/><path fill="url(#SVGd7cyAdKK)" d="M16.025 18.268c.049-.025.11-.122.073-.098c-.743.244-3.486 1-6.485 1.329c-2.292.244-2.78.049-3.047.17c-.317.135.56 1.33 2.523 1.22c2.243-.134 5.656-1.792 6.936-2.621"/><path fill="url(#SVGSAk7ecjQ)" d="M7.114 14.586c-.146 0-.146-.426.33-.634c0 0 .536-.682 1.608-.475c.744.146 1.926.817 1.768.78c-.56-.134-2.999.33-3.706.33z"/><path fill="url(#SVG0z3Mueqq)" d="M17.976 16.707c0-.048.475-.792 1.097-4.096c.39-2.047.292-3.852.231-4.205c-.036-.256.841.256.854 1.219c.012.695-.147 3.474-1.402 5.973c-.512 1.036-.78 1.17-.78 1.11z"/><path fill="url(#SVGMpsUre1y)" d="M19.792 14.135c-.012.025-.061.013-.049-.012c.256-.56.951-2.95 1.097-4.766c.061-.707.061-1.28.147-1.463c.085-.22.621-.83.743-.902c.256-.146.134 1.353-.439 3.218c-.341 1.158-1.048 3.133-1.499 3.925"/><defs><linearGradient id="SVGRg3OOcnr" x1="2.173" x2="11.524" y1="3.299" y2="18.97" gradientUnits="userSpaceOnUse"><stop stop-color="#19d46a"/><stop offset="1" stop-color="#0d00b5"/></linearGradient><linearGradient id="SVGKAWhKbcr" x1="12.793" x2="19.332" y1="20.54" y2="5.839" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d70066"/><stop offset="1" stop-color="#0d00b5"/></linearGradient><linearGradient id="SVGTIz2UbeQ" x1="16.291" x2="17.794" y1="6.499" y2="17.251" gradientUnits="userSpaceOnUse"><stop stop-color="#8890f4"/><stop offset=".283" stop-color="#ffcffd"/><stop offset=".606" stop-color="#f4f0fe"/><stop offset=".734" stop-color="#efffff"/><stop offset="1" stop-color="#75d9dd"/></linearGradient><linearGradient id="SVG9XNaccFr" x1="6.141" x2="17.226" y1="14.567" y2="17.611" gradientUnits="userSpaceOnUse"><stop offset=".005" stop-color="#6f69f4"/><stop offset=".415" stop-color="#ffcead"/><stop offset=".596" stop-color="#efefb9"/><stop offset=".673" stop-color="#e7ffbf"/><stop offset="1" stop-color="#75d9dd"/></linearGradient><linearGradient id="SVGGUgKTb4k" x1="10.787" x2="18.484" y1="8.975" y2="18.179" gradientUnits="userSpaceOnUse"><stop offset=".005" stop-color="#6f69f4"/><stop offset=".382" stop-color="#ffafff"/><stop offset=".513" stop-color="#f5d1e4"/><stop offset=".673" stop-color="#e7ffbf"/><stop offset=".972" stop-color="#75d9dd"/></linearGradient><linearGradient id="SVGF1Yz9arD" x1="15.002" x2="14.323" y1="4.818" y2="3.993" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa2ff"/><stop offset=".557" stop-color="#ffffb0"/><stop offset=".713" stop-color="#ddffca"/><stop offset="1" stop-color="#97ffff"/></linearGradient><linearGradient id="SVGRfkXCc4I" x1="14.063" x2="13.455" y1="5.228" y2="4.443" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa2ff"/><stop offset=".557" stop-color="#ffffb0"/><stop offset=".713" stop-color="#ddffca"/><stop offset="1" stop-color="#97ffff"/></linearGradient><linearGradient id="SVGOfNSadod" x1="16.294" x2="15.351" y1="4.635" y2="3.192" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa2ff"/><stop offset=".557" stop-color="#ffffb0"/><stop offset=".713" stop-color="#ddffca"/><stop offset="1" stop-color="#97ffff"/></linearGradient><linearGradient id="SVGnfkUAeTO" x1="21.017" x2="20.742" y1="5.909" y2="5.173" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa2ff"/><stop offset=".557" stop-color="#ffffb0"/><stop offset=".713" stop-color="#ddffca"/><stop offset="1" stop-color="#97ffff"/></linearGradient><linearGradient id="SVGpq8ErcvJ" x1="20.281" x2="20.002" y1="6.032" y2="5.346" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa2ff"/><stop offset=".557" stop-color="#ffffb0"/><stop offset=".713" stop-color="#ddffca"/><stop offset="1" stop-color="#97ffff"/></linearGradient><linearGradient id="SVGXYDtQbHZ" x1="21.792" x2="21.483" y1="5.765" y2="4.716" gradientUnits="userSpaceOnUse"><stop stop-color="#ffa2ff"/><stop offset=".557" stop-color="#ffffb0"/><stop offset=".713" stop-color="#ddffca"/><stop offset="1" stop-color="#97ffff"/></linearGradient><linearGradient id="SVGFXcrf7lc" x1="16.535" x2="12.379" y1="11.909" y2="7.067" gradientUnits="userSpaceOnUse"><stop offset=".005" stop-color="#6f69f4"/><stop offset=".329" stop-color="#ffd9ad"/><stop offset=".635" stop-color="#eafabd"/><stop offset=".673" stop-color="#e7ffbf"/><stop offset="1" stop-color="#75d9dd"/></linearGradient><linearGradient id="SVGFc7Dme6A" x1="16.238" x2="5.74" y1="18.125" y2="17.604" gradientUnits="userSpaceOnUse"><stop offset=".005" stop-color="#6f69f4"/><stop offset=".33" stop-color="#ffecec"/><stop offset=".591" stop-color="#edfacb"/><stop offset=".673" stop-color="#e7ffbf"/><stop offset=".972" stop-color="#75d9dd"/></linearGradient><linearGradient id="SVGd7cyAdKK" x1="6.495" x2="16.17" y1="19.842" y2="19.331" gradientUnits="userSpaceOnUse"><stop offset=".005" stop-color="#6f69f4"/><stop offset=".33" stop-color="#ffecec"/><stop offset=".591" stop-color="#edfacb"/><stop offset=".673" stop-color="#e7ffbf"/><stop offset=".972" stop-color="#75d9dd"/></linearGradient><linearGradient id="SVGSAk7ecjQ" x1="14.758" x2="6.674" y1="15.723" y2="13.663" gradientUnits="userSpaceOnUse"><stop offset=".005" stop-color="#6f69f4"/><stop offset=".601" stop-color="#ffcead"/><stop offset=".707" stop-color="#efefb9"/><stop offset=".752" stop-color="#e7ffbf"/><stop offset=".976" stop-color="#75d9dd"/></linearGradient><linearGradient id="SVG0z3Mueqq" x1="19.991" x2="18.135" y1="8.304" y2="17.695" gradientUnits="userSpaceOnUse"><stop stop-color="#8890f4"/><stop offset=".425" stop-color="#ffb8fd"/><stop offset=".549" stop-color="#f4d9fe"/><stop offset=".673" stop-color="#e7ffff"/><stop offset="1" stop-color="#75d9dd"/></linearGradient><linearGradient id="SVGMpsUre1y" x1="19.82" x2="21.593" y1="13.96" y2="7.421" gradientUnits="userSpaceOnUse"><stop offset=".005" stop-color="#6f69f4"/><stop offset=".329" stop-color="#ffcead"/><stop offset=".571" stop-color="#efefb9"/><stop offset=".673" stop-color="#e7ffbf"/><stop offset="1" stop-color="#75d9dd"/></linearGradient></defs></svg>

Como usar o ícone Cogvideo

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/cogvideo.svg" alt="Ícone Cogvideo" width="24" height="24">

Perguntas frequentes sobre Ícone Cogvideo

O ícone Cogvideo é 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 Cogvideo no React?

Instale @iconify/react e renderize <Icon icon="thesvg-color:cogvideo" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Cogvideo a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/cogvideo.svg" alt="Ícone Cogvideo">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones theSVG Color →