Container Bold icon
solar:container-bold
The Container Bold icon (solar:container-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Tags
- containerbold
SVG code
<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>How to use the Container Bold icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/solar/container-bold.svg" alt="Container Bold icon" width="24" height="24">Related icons in Solar
Container Bold icon FAQ
Is the Container Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Container Bold icon in React?
Install @iconify/react and render <Icon icon="solar:container-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Container Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/container-bold.svg" alt="Container Bold icon">, or paste the SVG code inline to style it with CSS.