Icono Space Colony
icon-park:space-colony
El icono Space Colony (icon-park:space-colony) 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
- Construcción
- Etiquetas
- spacecolony
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-width="4"><path stroke-linejoin="round" d="M42 43V6C42 4.89543 41.1046 4 40 4H33C31.8954 4 31 4.89543 31 6V24"/><path d="M24 22C14.0589 22 6 30.0589 6 40V44H42V40C42 30.0589 33.9411 22 24 22Z"/><path stroke-linecap="round" d="M8 31V8"/><path stroke-linecap="round" d="M16 24L16 14"/><path stroke-linecap="round" stroke-linejoin="round" d="M31 14L42 14"/><path d="M17 42C17 41 17 40.0237 17 39C17 29.6112 20.134 22 24 22C27.866 22 31 29.6112 31 39C31 40.3778 31 41 31 42"/><path stroke-linecap="round" stroke-linejoin="round" d="M4 44H44"/><path d="M7 35C7 35 17.3496 34 24 34C30.6504 34 41 35 41 35"/></g></svg>Cómo usar el icono Space Colony
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:space-colony" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:space-colony" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:space-colony" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--space-colony]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:space-colony"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:space-colony"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/space-colony.svg" alt="Icono Space Colony" width="24" height="24">El icono Space Colony en otras colecciones
Preguntas frecuentes sobre Icono Space Colony
¿El icono Space Colony 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 Space Colony en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:space-colony" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Space Colony a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/space-colony.svg" alt="Icono Space Colony">, o pega el código SVG en línea para darle estilo con CSS.