Ring ikonu

cbi:ring

Ring ikonu (cbi:ring), Custom Brand Icons setinden ücretsiz bir SVG ikondur (yapımcı: Emanuele & rchiileea). 24 × 24 ızgara üzerinde çizilmiştir. Custom Brand Icons, CC BY-NC-SA 4.0 lisansı kullanır; bu lisans yazardan ayrıca izin almadan ticari kullanıma izin vermez. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Custom Brand Icons
Yazar: Emanuele & rchiileea
Lisans: CC-BY-NC-SA-4.0
Boyut: 24 × 24

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.764 5.66a.845.845 0 1 0 .844.845a.846.846 0 0 0-.844-.845m0 1.378a.533.533 0 1 1 .537-.533a.533.533 0 0 1-.537.533M22 15.721v-4.932a2.61 2.61 0 0 0-1.6-2.411a2.62 2.62 0 0 0-2.053 0a2.7 2.7 0 0 0-.821.557a2.6 2.6 0 0 0-.557.834a2.6 2.6 0 0 0-.206 1.021v2.118a2.55 2.55 0 0 0 .206 1.027a2.6 2.6 0 0 0 1.383 1.383a2.65 2.65 0 0 0 2.02.01a2.6 2.6 0 0 0 .821-.53v.924a1.75 1.75 0 0 1-.147.7a1.82 1.82 0 0 1-.966.966a1.8 1.8 0 0 1-.706.142a2.6 2.6 0 0 1-.785-.128a1.53 1.53 0 0 1-.731-.5a.33.33 0 0 0-.155-.141a.5.5 0 0 0-.168-.034a.42.42 0 0 0-.288.115a.37.37 0 0 0-.127.289a.4.4 0 0 0 .066.229a1.7 1.7 0 0 0 .423.43a2.6 2.6 0 0 0 .564.307a3.4 3.4 0 0 0 .615.182a3 3 0 0 0 .592.061a2.6 2.6 0 0 0 1.021-.206a2.6 2.6 0 0 0 1.399-1.386a2.55 2.55 0 0 0 .2-1.027m-.947-2.114a1.814 1.814 0 0 1-2.377.967a1.8 1.8 0 0 1-.577-.389a1.8 1.8 0 0 1-.39-.578a1.8 1.8 0 0 1-.141-.71v-2.108a1.8 1.8 0 0 1 .141-.7a1.817 1.817 0 0 1 3.348 0a1.8 1.8 0 0 1 .141.705v2.104a1.75 1.75 0 0 1-.149.709Zm-5.908-2.818a2.5 2.5 0 0 0-.205-1.021a2.58 2.58 0 0 0-1.39-1.39a2.62 2.62 0 0 0-2.053 0a2.7 2.7 0 0 0-.821.557a2.7 2.7 0 0 0-.557.834a2.5 2.5 0 0 0-.205 1.021v4.461a.36.36 0 0 0 .127.3a.425.425 0 0 0 .551 0a.36.36 0 0 0 .127-.3V10.79a1.8 1.8 0 0 1 .141-.7a1.815 1.815 0 0 1 3.344 0a1.8 1.8 0 0 1 .142.705v4.461a.36.36 0 0 0 .127.3a.424.424 0 0 0 .55 0a.36.36 0 0 0 .128-.3ZM8.166 8.708a.36.36 0 0 0-.127-.3a.425.425 0 0 0-.551 0a.36.36 0 0 0-.127.3v6.543a.36.36 0 0 0 .127.3a.425.425 0 0 0 .551 0a.36.36 0 0 0 .127-.3Zm-2.149.118a2.1 2.1 0 0 0-.779-.484a2.6 2.6 0 0 0-.887-.174a2.3 2.3 0 0 0-1.026.214a2.1 2.1 0 0 0-.732.588a2.5 2.5 0 0 0-.443.859a3.6 3.6 0 0 0-.149 1.054v4.369a.36.36 0 0 0 .127.3a.42.42 0 0 0 .55 0a.36.36 0 0 0 .128-.3v-4.369a2.16 2.16 0 0 1 .41-1.41a1.4 1.4 0 0 1 1.135-.5a1.67 1.67 0 0 1 1.1.414a.42.42 0 0 0 .282.121a.4.4 0 0 0 .3-.118a.4.4 0 0 0 .121-.282a.4.4 0 0 0-.137-.282"/></svg>

Ring ikonu nasıl kullanılır

React

import { Icon } from "@iconify/react";

<Icon icon="cbi:ring" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cbi:ring" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cbi:ring" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ring]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ring"></div>

Web bileşeni

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cbi:ring"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/cbi/ring.svg" alt="Ring ikonu" width="24" height="24">

Custom Brand Icons setindeki benzer ikonlar

Diğer ikon setlerinde Ring ikonu

Ring ikonu: sık sorulan sorular

Ring ikonu ticari kullanım için ücretsiz mi?

Hayır. Custom Brand Icons, CC BY-NC-SA 4.0 lisansı kullanır; bu lisans yazardan ayrıca izin almadan ticari kullanıma izin vermez.

Ring ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="cbi:ring" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

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/cbi/ring.svg" alt="Ring ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Custom Brand Icons →