Cap ikonu
thesvg-color:cap
Cap ikonu (thesvg-color:cap), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 500 × 500 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı 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
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 500 × 500
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" viewBox="0 0 500 500"><g fill="none"><path fill="#4785ff" d="M250 492.424c133.887 0 242.424-108.537 242.424-242.424S383.887 7.576 250 7.576S7.576 116.113 7.576 250S116.113 492.424 250 492.424"/><path fill="#adc9ff" d="M250.001 446.97c108.783 0 196.969-88.186 196.969-196.969c0-108.785-88.186-196.97-196.969-196.97c-108.785 0-196.97 88.187-196.97 196.97S141.217 446.97 250 446.97"/><path fill="#fff" d="M249.999 401.515c83.679 0 151.516-67.837 151.516-151.516S333.678 98.485 249.999 98.485S98.485 166.32 98.485 249.999s67.835 151.516 151.514 151.516"/></g></svg>
Cap ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:cap" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:cap" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:cap" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--cap]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:cap"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:cap"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/cap.svg" alt="Cap ikonu" width="24" height="24">
theSVG Color setindeki benzer ikonlar
Diğer ikon setlerinde Cap ikonu
Cap ikonu: sık sorulan sorular
Cap ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Cap ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:cap" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Cap 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/thesvg-color/cap.svg" alt="Cap ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: theSVG Color ikonları →
ICONYZ
