Cog ikonu
websymbol:cog
Cog ikonu (websymbol:cog), Web Symbols Liga setinden ücretsiz bir SVG ikondur (yapımcı: Just Be Nice studio). 1000 × 1000 ızgara üzerinde çizilmiştir. Web Symbols Liga icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Web Symbols Liga
- Yazar
- Just Be Nice studio
- Lisans
- OFL-1.1
- Boyut
- 1000 × 1000
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M1000 429v142l-185 26q-10 27-21 50l120 157l-102 100l-159-118q-20 10-51 21l-30 194H429l-27-197q-21-7-43-18L198 905L97 805l121-160q-11-21-19-46L0 571V429l199-28q7-21 19-45L98 197L199 97l160 119q15-8 47-20L434 1h143l28 195q22 7 48 19L811 98l102 100l-119 156q13 27 20 48zm-348 72q0-60-43-102t-103-42t-102.5 42T361 501t42.5 102T506 645t103-42t43-102"/></svg>
Cog ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="websymbol:cog" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="websymbol:cog" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="websymbol:cog" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--cog]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:cog"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="websymbol:cog"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/websymbol/cog.svg" alt="Cog ikonu" width="24" height="24">
Diğer ikon setlerinde Cog ikonu
Cog ikonu: sık sorulan sorular
Cog ikonu ticari kullanım için ücretsiz mi?
Evet. Web Symbols Liga icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Cog ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="websymbol:cog" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Cog ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/websymbol/cog.svg" alt="Cog ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Web Symbols Liga ikonları →
ICONYZ
