Icône Ring
cbi:ring
L'icône Ring (cbi:ring) est une icône SVG gratuite de la collection Custom Brand Icons par Emanuele & rchiileea. Elle est dessinée sur une grille de 24 × 24. Les Custom Brand Icons utilisent la licence CC BY-NC-SA 4.0, qui n'autorise pas l'usage commercial sans l'accord distinct de l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Custom Brand Icons
- Auteur
- Emanuele & rchiileea
- Licence
- CC-BY-NC-SA-4.0
- Taille
- 24 × 24
Code SVG
<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>
Comment utiliser l'icône Ring
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:ring"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/cbi/ring.svg" alt="Icône Ring" width="24" height="24">
Icônes similaires dans Custom Brand Icons
L'icône Ring dans d'autres collections
FAQ : Icône Ring
L'icône Ring est-elle gratuite pour un usage commercial ?
Non. Les Custom Brand Icons utilisent la licence CC BY-NC-SA 4.0, qui n'autorise pas l'usage commercial sans l'accord distinct de l'auteur.
Comment utiliser l'icône Ring dans React ?
Installez @iconify/react et affichez <Icon icon="cbi:ring" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Ring à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/cbi/ring.svg" alt="Icône Ring">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Custom Brand Icons →
ICONYZ
