Ikon Cog

il:cog

Ikon Cog (il:cog) adalah ikon SVG gratis dari set Icalicons karya Icalia Labs. Ikon ini digambar pada grid 740 × 830. Icalicons 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: Icalicons
Pembuat: Icalia Labs
Lisensi: MIT
Ukuran: 740 × 830

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="740" height="830" viewBox="0 0 740 830"><path fill="currentColor" d="M722 424q12 9 9 24q-11 46-33 86q-3 7-9 10t-15 1q-22-4-43 2t-39 24t-23 40t-2 46q3 16-10 24q-41 24-82 35q-16 5-26-10q-12-20-32-32t-46-12t-45 12t-34 32q-9 15-25 10q-44-12-82-35q-15-8-11-24q5-23-1-46t-23-40t-39-24t-44-2q-16 4-24-11q-22-42-32-86q-5-15 9-24q17-13 28-33t10.5-42t-9.5-40t-25-31q-12-11-8-24q15-48 40-89q7-12 20-10q20 2 40-5t34-22q29-29 27-69q-1-13 11-20q44-26 94-38q13-3 21 6q13 14 31 22t37 8t37-8t30-22q9-9 22-6q50 12 94 38q11 6 11 20q-2 40 27 69q15 15 34 22t39 5q13-2 21 10q25 41 40 89q3 14-8 24q-16 13-25 31t-9 40.5t11 41.5t27 33m-351 76q29 0 55-11t44-30t29-44t11-54t-11-55t-29-44t-44-29t-55-11t-54 11t-44 29t-30 44t-11 55t11 54t30 44t44 30t54 11"/></svg>

Cara memakai ikon Cog

React

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

<Icon icon="il:cog" width="24" />

Vue

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

<template>
  <Icon icon="il:cog" width="24" />
</template>

Svelte

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

<Icon icon="il:cog" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[il--cog]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/il -->
<div class="i-il:cog"></div>

Web component

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

<iconify-icon icon="il:cog"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/il/cog.svg" alt="Ikon Cog" width="24" height="24">

Ikon Cog di set ikon lain

FAQ Ikon Cog

Apakah ikon Cog gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Cog di React?

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

Bagaimana cara menambahkan ikon Cog ke halaman web?

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

Lihat semua Icalicons →