shipping container icon

shipping-container-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
shipping-container-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

shipping-containershipping-container-duotoneshipping-container-fillshipping-container-lightshipping-container-thin

Use the shipping container icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M237.5 66.8L131.3 36.46a12.1 12.1 0 0 0-5-.34l-105.13 15A20.1 20.1 0 0 0 4 70.94v114.12a20.1 20.1 0 0 0 17.17 19.8l105.13 15a12 12 0 0 0 1.7.12a12 12 0 0 0 3.3-.46l106.2-30.32A20.09 20.09 0 0 0 252 170V86a20.08 20.08 0 0 0-14.5-19.2M92 116h-8V66.41l32-4.57v132.32l-32-4.57V140h8a12 12 0 0 0 0-24M28 74.41l32-4.57V116h-8a12 12 0 0 0 0 24h8v46.16l-32-4.57ZM228 167l-88 25.14V63.91l88 25.14Z"/></svg>

React

import type { SVGProps } from "react";

export function PhShippingContainerBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M237.5 66.8L131.3 36.46a12.1 12.1 0 0 0-5-.34l-105.13 15A20.1 20.1 0 0 0 4 70.94v114.12a20.1 20.1 0 0 0 17.17 19.8l105.13 15a12 12 0 0 0 1.7.12a12 12 0 0 0 3.3-.46l106.2-30.32A20.09 20.09 0 0 0 252 170V86a20.08 20.08 0 0 0-14.5-19.2M92 116h-8V66.41l32-4.57v132.32l-32-4.57V140h8a12 12 0 0 0 0-24M28 74.41l32-4.57V116h-8a12 12 0 0 0 0 24h8v46.16l-32-4.57ZM228 167l-88 25.14V63.91l88 25.14Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M237.5 66.8L131.3 36.46a12.1 12.1 0 0 0-5-.34l-105.13 15A20.1 20.1 0 0 0 4 70.94v114.12a20.1 20.1 0 0 0 17.17 19.8l105.13 15a12 12 0 0 0 1.7.12a12 12 0 0 0 3.3-.46l106.2-30.32A20.09 20.09 0 0 0 252 170V86a20.08 20.08 0 0 0-14.5-19.2M92 116h-8V66.41l32-4.57v132.32l-32-4.57V140h8a12 12 0 0 0 0-24M28 74.41l32-4.57V116h-8a12 12 0 0 0 0 24h8v46.16l-32-4.57ZM228 167l-88 25.14V63.91l88 25.14Z"/></svg>
</template>

CSS

.icon-shipping-container-bold {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M237.5%2066.8L131.3%2036.46a12.1%2012.1%200%200%200-5-.34l-105.13%2015A20.1%2020.1%200%200%200%204%2070.94v114.12a20.1%2020.1%200%200%200%2017.17%2019.8l105.13%2015a12%2012%200%200%200%201.7.12a12%2012%200%200%200%203.3-.46l106.2-30.32A20.09%2020.09%200%200%200%20252%20170V86a20.08%2020.08%200%200%200-14.5-19.2M92%20116h-8V66.41l32-4.57v132.32l-32-4.57V140h8a12%2012%200%200%200%200-24M28%2074.41l32-4.57V116h-8a12%2012%200%200%200%200%2024h8v46.16l-32-4.57ZM228%20167l-88%2025.14V63.91l88%2025.14Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M237.5%2066.8L131.3%2036.46a12.1%2012.1%200%200%200-5-.34l-105.13%2015A20.1%2020.1%200%200%200%204%2070.94v114.12a20.1%2020.1%200%200%200%2017.17%2019.8l105.13%2015a12%2012%200%200%200%201.7.12a12%2012%200%200%200%203.3-.46l106.2-30.32A20.09%2020.09%200%200%200%20252%20170V86a20.08%2020.08%200%200%200-14.5-19.2M92%20116h-8V66.41l32-4.57v132.32l-32-4.57V140h8a12%2012%200%200%200%200-24M28%2074.41l32-4.57V116h-8a12%2012%200%200%200%200%2024h8v46.16l-32-4.57ZM228%20167l-88%2025.14V63.91l88%2025.14Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/shipping-container-bold.svg?color=%231a73e8&size=48