Ikon Cross Ring
icon-park:cross-ring
Ikon Cross Ring (icon-park:cross-ring) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark 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
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Abstrak
- Tag
- crossring
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M24 12C26.2091 12 28 10.2091 28 8C28 5.79086 26.2091 4 24 4C21.7909 4 20 5.79086 20 8C20 10.2091 21.7909 12 24 12Z"/><path fill="#2F88FF" d="M24 44C26.2091 44 28 42.2091 28 40C28 37.7909 26.2091 36 24 36C21.7909 36 20 37.7909 20 40C20 42.2091 21.7909 44 24 44Z"/><path fill="#2F88FF" d="M8 28C10.2091 28 12 26.2091 12 24C12 21.7909 10.2091 20 8 20C5.79086 20 4 21.7909 4 24C4 26.2091 5.79086 28 8 28Z"/><path fill="#2F88FF" d="M40 28C42.2091 28 44 26.2091 44 24C44 21.7909 42.2091 20 40 20C37.7909 20 36 21.7909 36 24C36 26.2091 37.7909 28 40 28Z"/><path stroke-linecap="round" d="M12 24H36"/><path stroke-linecap="round" d="M24 12V36"/><path stroke-linecap="round" d="M37.3053 15.1105C36.7212 14.238 36.0536 13.4261 35.3138 12.6864C34.574 11.9466 33.7621 11.2789 32.8896 10.6948M15.1105 10.6948C14.238 11.2789 13.4261 11.9466 12.6864 12.6864C11.9466 13.4261 11.2789 14.238 10.6948 15.1105L15.1105 10.6948ZM10.6948 32.8896C11.2789 33.7621 11.9466 34.574 12.6864 35.3138C13.4261 36.0536 14.238 36.7212 15.1105 37.3053L10.6948 32.8896ZM32.8896 37.3053C33.7621 36.7212 34.574 36.0536 35.3138 35.3138C36.0536 34.574 36.7212 33.7621 37.3053 32.8896L32.8896 37.3053Z"/></g></svg>Cara memakai ikon Cross Ring
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:cross-ring" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:cross-ring" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:cross-ring" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--cross-ring]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:cross-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:cross-ring"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/cross-ring.svg" alt="Ikon Cross Ring" width="24" height="24">Ikon terkait di IconPark
Ikon Cross Ring di set ikon lain
FAQ Ikon Cross Ring
Apakah ikon Cross Ring gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Cross Ring di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:cross-ring" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cross Ring ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/cross-ring.svg" alt="Ikon Cross Ring">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.