Cross Ring ikonu
icon-park:cross-ring
Cross Ring ikonu (icon-park:cross-ring), IconPark setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark icons, Apache 2.0 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
- IconPark
- Yazar
- ByteDance
- Lisans
- Apache-2.0
- Boyut
- 48 × 48
- Kategori
- Soyut
- Etiketler
- crossring
SVG kodu
<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>Cross Ring ikonu nasıl kullanılır
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 bileşeni
<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>HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park/cross-ring.svg" alt="Cross Ring ikonu" width="24" height="24">IconPark setindeki benzer ikonlar
Diğer ikon setlerinde Cross Ring ikonu
Cross Ring ikonu: sık sorulan sorular
Cross Ring ikonu ticari kullanım için ücretsiz mi?
Evet. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Cross Ring ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park:cross-ring" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Cross Ring 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/icon-park/cross-ring.svg" alt="Cross Ring ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.