Ikon Web Components
thesvg-color:web-components
Ikon Web Components (thesvg-color:web-components) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 128 × 128. 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
- 128 × 128
- Tag
- webcomponents, component
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#285eab" d="m31 12l-1 1L2 63l29 51h67l15-26v-2l14-23l-15-24v-2L98 12zm21 30h21l13 21l-13 21H52L40 63z"/><path fill="#166da5" d="m122 63l-12 21l-18-21l18-21z"/><path fill="#8fdb69" d="M108 88L89 65L78 84l17 26z"/><path fill="#166da5" d="M108 38L89 61L78 42l17-26z"/><path d="M63 110L35 63l28-47H33L6 63l27 47z"/><path fill="#287bbe" d="m50 38l13-22h32l13 22zm28 4h32l11 19H89z"/><path fill="#ddf021" d="m50 88l13 22h32l13-22zm28-4h32l11-19H89z"/></svg>
Cara memakai ikon Web Components
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:web-components" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:web-components" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:web-components" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--web-components]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:web-components"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:web-components"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/web-components.svg" alt="Ikon Web Components" width="24" height="24">
Ikon terkait di theSVG Color
Ikon Web Components di set ikon lain
FAQ Ikon Web Components
Apakah ikon Web Components 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 Web Components di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:web-components" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Web Components ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/web-components.svg" alt="Ikon Web Components">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon theSVG Color →
ICONYZ
