Icono Container Bold
solar:container-bold
El icono Container Bold (solar:container-bold) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Etiquetas
- containerbold
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.04492 13.3857V20.7715C8.52764 20.6119 7.92335 20.2994 7.02148 19.8262L5.47168 19.0127C3.80435 18.1377 2.97079 17.7002 2.50781 16.9141C2.04489 16.1279 2.04492 15.1497 2.04492 13.1934V13.1025C2.04492 11.6747 2.04472 10.7676 2.22461 10.0762L9.04492 13.3857Z"/><path fill-rule="evenodd" d="M21.8193 7.78223C21.999 8.47354 22 9.38032 22 10.8076V10.8984C22 12.8547 22 13.833 21.5371 14.6191C21.0743 15.4051 20.2406 15.8423 18.5742 16.7168L18.5732 16.7178L14.1162 19.0127L12.5664 19.8262C11.6653 20.299 11.0617 20.6118 10.5449 20.7715V13.3818L21.8193 7.78223ZM12.8389 12.9189C12.4247 12.9189 12.089 13.2548 12.0889 13.6689V17.5576C12.0889 17.9718 12.4247 18.3076 12.8389 18.3076C13.2528 18.3074 13.5888 17.9716 13.5889 17.5576V13.6689C13.5887 13.255 13.2528 12.9192 12.8389 12.9189ZM15.7998 11.4443C15.3858 11.4443 15.0501 11.7803 15.0498 12.1943V16.083C15.0498 16.4972 15.3856 16.833 15.7998 16.833C16.2138 16.8327 16.5498 16.4971 16.5498 16.083V12.1943C16.5495 11.7805 16.2136 11.4446 15.7998 11.4443ZM18.9463 9.86719C18.5322 9.86719 18.1964 10.2031 18.1963 10.6172V14.5059C18.1964 14.92 18.5321 15.2559 18.9463 15.2559C19.3602 15.2556 19.6962 14.9199 19.6963 14.5059V10.6172C19.6962 10.2032 19.3602 9.86745 18.9463 9.86719Z" clip-rule="evenodd"/><path d="M14.25 3.10254C14.9818 3.10254 15.6629 3.45985 17.0234 4.17383L18.5732 4.9873C19.7731 5.61698 20.5409 6.02066 21.0498 6.49023L9.79004 12.0811L2.99609 8.7832C3.5051 8.31432 4.27305 7.91124 5.47168 7.28223L7.02148 6.46875L11.4775 4.17383C12.8378 3.45998 13.5184 3.10267 14.25 3.10254Z"/></g></svg>Cómo usar el icono Container Bold
React
import { Icon } from "@iconify/react";
<Icon icon="solar:container-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:container-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:container-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--container-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:container-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:container-bold"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/container-bold.svg" alt="Icono Container Bold" width="24" height="24">Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Container Bold
¿El icono Container Bold es gratis para uso comercial?
Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Container Bold en React?
Instala @iconify/react y renderiza <Icon icon="solar:container-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Container Bold a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/container-bold.svg" alt="Icono Container Bold">, o pega el código SVG en línea para darle estilo con CSS.