Icône Cross Ring
icon-park:cross-ring
L'icône Cross Ring (icon-park:cross-ring) est une icône SVG gratuite de la collection IconPark par ByteDance. Elle est dessinée sur une grille de 48 × 48. Les IconPark icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- IconPark
- Auteur
- ByteDance
- Licence
- Apache-2.0
- Taille
- 48 × 48
- Catégorie
- Abstrait
- Mots-clés
- crossring
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/icon-park/cross-ring.svg" alt="Icône Cross Ring" width="24" height="24">Icônes similaires dans IconPark
L'icône Cross Ring dans d'autres collections
FAQ : Icône Cross Ring
L'icône Cross Ring est-elle gratuite pour un usage commercial ?
Oui. Les IconPark icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Cross Ring dans React ?
Installez @iconify/react et affichez <Icon icon="icon-park:cross-ring" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cross Ring à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/icon-park/cross-ring.svg" alt="Icône Cross Ring">, ou collez le code SVG directement dans la page pour le styliser en CSS.