Ikon Multi Ring
icon-park-outline:multi-ring
Ikon Multi Ring (icon-park-outline:multi-ring) adalah ikon SVG gratis dari set IconPark Outline karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark Outline icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark Outline
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Abstrak
- Tag
- multiring
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M30 10a6 6 0 0 0-12 0v14a6 6 0 0 0 12 0z"/><path d="M38.142 18.343a6 6 0 0 0-8.485-8.485l-9.9 9.9a6 6 0 1 0 8.486 8.485z"/><path d="M38 30a6 6 0 0 0 0-12H24a6 6 0 0 0 0 12z"/><path d="M29.657 38.142a6 6 0 1 0 8.485-8.485l-9.9-9.9a6 6 0 1 0-8.485 8.486z"/><path d="M18 38a6 6 0 0 0 12 0V24a6 6 0 0 0-12 0z"/><path d="M9.858 29.657a6 6 0 1 0 8.485 8.485l9.9-9.9a6 6 0 1 0-8.486-8.485z"/><path d="M10 18a6 6 0 0 0 0 12h14a6 6 0 0 0 0-12z"/><path d="M18.343 9.858a6 6 0 0 0-8.485 8.485l9.9 9.9a6 6 0 1 0 8.485-8.485z"/></g></svg>
Cara memakai ikon Multi Ring
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-outline:multi-ring" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-outline:multi-ring" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-outline:multi-ring" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-outline--multi-ring]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-outline -->
<div class="i-icon-park-outline:multi-ring"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-outline:multi-ring"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park-outline/multi-ring.svg" alt="Ikon Multi Ring" width="24" height="24">
Ikon terkait di IconPark Outline
Ikon Multi Ring di set ikon lain
FAQ Ikon Multi Ring
Apakah ikon Multi Ring gratis untuk penggunaan komersial?
Ya. IconPark Outline icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Multi Ring di React?
Pasang @iconify/react lalu render <Icon icon="icon-park-outline:multi-ring" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Multi Ring ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park-outline/multi-ring.svg" alt="Ikon Multi Ring">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark Outline →
ICONYZ
