Icono Cross Ring
icon-park:cross-ring
El icono Cross Ring (icon-park:cross-ring) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Abstractos
- Etiquetas
- crossring
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/cross-ring.svg" alt="Icono Cross Ring" width="24" height="24">Iconos relacionados en IconPark
El icono Cross Ring en otras colecciones
Preguntas frecuentes sobre Icono Cross Ring
¿El icono Cross Ring es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cross Ring en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:cross-ring" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cross Ring a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/cross-ring.svg" alt="Icono Cross Ring">, o pega el código SVG en línea para darle estilo con CSS.