Ikon Cog
whh:cog
Ikon Cog (whh:cog) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- Ukuran
- 1024 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M891 451q5 31 5 61t-5 61l129 124q5 5 3.5 15.5T1015 734l-69 107q-7 11-17 17.5t-16 5.5l-165-49q-46 35-98 55l-39 138q-2 6-13 11t-25 5H436q-14 0-24.5-5t-12.5-11l-36-142q-44-19-87-52l-164 50q-7 1-17-5.5T78 841L9 734q-7-11-8.5-21.5T4 697l129-124q-5-31-5-61t5-61L4 327q-5-5-3.5-15.5T9 290l69-107q7-11 17-17.5t17-5.5l164 50q45-36 98-56l39-138q2-6 13-11t25-5h137q14 0 25 5t12 11l36 142q45 19 87 52l165-50q7-1 16.5 5.5T946 183l69 107q7 11 8.5 21.5T1020 327zM512 320q-80 0-136 56.5t-56 136T376 648t136 56t136-56t56-135.5t-56-136T512 320"/></svg>
Cara memakai ikon Cog
React
import { Icon } from "@iconify/react";
<Icon icon="whh:cog" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:cog" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:cog" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--cog]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:cog"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:cog"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/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. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cog di React?
Pasang @iconify/react lalu render <Icon icon="whh: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/whh/cog.svg" alt="Ikon Cog">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
