ICONYZ
Español
Icono Cross Society de IconPark

Icono Cross Society

icon-park:cross-society

El icono Cross Society (icon-park:cross-society) 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
Salud
Etiquetas
crosssociety
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#2F88FF" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M7 18H18V7C18 5.89543 18.8954 5 20 5H28C29.1046 5 30 5.89543 30 7V18H41C42.1046 18 43 18.8954 43 20V28C43 29.1046 42.1046 30 41 30H30V41C30 42.1046 29.1046 43 28 43H20C18.8954 43 18 42.1046 18 41V30H7C5.89543 30 5 29.1046 5 28V20C5 18.8954 5.89543 18 7 18Z"/></svg>

Cómo usar el icono Cross Society

React

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

<Icon icon="icon-park:cross-society" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:cross-society" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:cross-society" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--cross-society]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:cross-society"></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-society"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/cross-society.svg" alt="Icono Cross Society" width="24" height="24">

Iconos relacionados en IconPark

El icono Cross Society en otras colecciones

Preguntas frecuentes sobre Icono Cross Society

¿El icono Cross Society 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 Society en React?

Instala @iconify/react y renderiza <Icon icon="icon-park:cross-society" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Cross Society 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-society.svg" alt="Icono Cross Society">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos IconPark →