Ikon Cap
thesvg-color:cap
Ikon Cap (thesvg-color:cap) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 500 × 500. 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
- 500 × 500
Kode SVG
<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>
Cara memakai ikon Cap
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:cap"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/cap.svg" alt="Ikon Cap" width="24" height="24">
Ikon terkait di theSVG Color
Ikon Cap di set ikon lain
FAQ Ikon Cap
Apakah ikon Cap 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 Cap di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:cap" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cap ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/cap.svg" alt="Ikon Cap">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon theSVG Color →
ICONYZ
