# container

The [container](https://lucide.dev/icons/container) icon is drawn by the [Lucide](https://lucide.dev) contributors and published under the [ISC license](https://lucide.dev/license). `@sdxc/icons` renders it as `ContainerIcon`, from Lucide 1.61.0. If Lucide serves your app, [sponsor it](https://lucide.dev/sponsor).

Tags: storage, shipping, freight, supply chain, environment, devops, code, coding.

## By component

```tsx
import { ContainerIcon } from "@sdxc/icons";

<ContainerIcon aria-hidden="true" />
```

## By name

```tsx
import { Icon } from "@sdxc/icons";

<Icon name="container" aria-hidden="true" />
```

## SVG

```html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-container" aria-hidden="true">
	<path d="M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z" />
	<path d="M10 21.9V14L2.1 9.1" />
	<path d="m10 14 11.9-6.9" />
	<path d="M14 19.8v-8.1" />
	<path d="M18 17.5V9.4" />
</svg>
```