ICONYZ
Bahasa Indonesia
Ikon Cogvideo dari theSVG Color

Ikon Cogvideo

thesvg-color:cogvideo

Ikon Cogvideo (thesvg-color:cogvideo) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 24 × 24. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
theSVG Color
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
24 × 24
Download SVG

Kode 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>

Cara memakai ikon 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>

Gambar HTML

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

FAQ Ikon Cogvideo

Apakah ikon Cogvideo gratis untuk penggunaan komersial?

Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Cogvideo di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:cogvideo" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Cogvideo ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/cogvideo.svg" alt="Ikon Cogvideo">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →