shippingbox icon

shippingbox from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.

Name: shippingbox
Set: Framework7 Icons
Style: Outline
Viewbox: 56×56
License: MIT

1 other variant in Framework7 Icons

Use the shippingbox icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M8.21 42.225L26.252 52.45q.963.55 1.891.55t1.914-.55l18.02-10.225q1.582-.917 2.395-2.075q.814-1.157.814-3.61V18.383q0-1.788-.676-2.957q-.677-1.17-2.12-2.018L32.257 4.192Q30.195 3 28.155 3t-4.127 1.192L7.82 13.408q-1.467.849-2.144 2.018Q5 16.595 5 18.383V36.54q0 2.453.825 3.61t2.385 2.075m2.063-3.026q-1.01-.573-1.399-1.204q-.39-.63-.39-1.57V19.116l17.86 10.202v19.028zm35.763 0l-16.093 9.147V29.318L47.8 19.116v17.309q0 .94-.39 1.57T46.037 39.2M28.156 26.11l-17.7-10.02l7.084-4.057l17.698 10.064zm10.774-6.098L21.162 9.969l4.402-2.499q2.614-1.49 5.181 0l15.108 8.62z"/></svg>

React

import type { SVGProps } from "react";

export function F7Shippingbox(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M8.21 42.225L26.252 52.45q.963.55 1.891.55t1.914-.55l18.02-10.225q1.582-.917 2.395-2.075q.814-1.157.814-3.61V18.383q0-1.788-.676-2.957q-.677-1.17-2.12-2.018L32.257 4.192Q30.195 3 28.155 3t-4.127 1.192L7.82 13.408q-1.467.849-2.144 2.018Q5 16.595 5 18.383V36.54q0 2.453.825 3.61t2.385 2.075m2.063-3.026q-1.01-.573-1.399-1.204q-.39-.63-.39-1.57V19.116l17.86 10.202v19.028zm35.763 0l-16.093 9.147V29.318L47.8 19.116v17.309q0 .94-.39 1.57T46.037 39.2M28.156 26.11l-17.7-10.02l7.084-4.057l17.698 10.064zm10.774-6.098L21.162 9.969l4.402-2.499q2.614-1.49 5.181 0l15.108 8.62z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M8.21 42.225L26.252 52.45q.963.55 1.891.55t1.914-.55l18.02-10.225q1.582-.917 2.395-2.075q.814-1.157.814-3.61V18.383q0-1.788-.676-2.957q-.677-1.17-2.12-2.018L32.257 4.192Q30.195 3 28.155 3t-4.127 1.192L7.82 13.408q-1.467.849-2.144 2.018Q5 16.595 5 18.383V36.54q0 2.453.825 3.61t2.385 2.075m2.063-3.026q-1.01-.573-1.399-1.204q-.39-.63-.39-1.57V19.116l17.86 10.202v19.028zm35.763 0l-16.093 9.147V29.318L47.8 19.116v17.309q0 .94-.39 1.57T46.037 39.2M28.156 26.11l-17.7-10.02l7.084-4.057l17.698 10.064zm10.774-6.098L21.162 9.969l4.402-2.499q2.614-1.49 5.181 0l15.108 8.62z"/></svg>
</template>

CSS

.icon-shippingbox {
  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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.21%2042.225L26.252%2052.45q.963.55%201.891.55t1.914-.55l18.02-10.225q1.582-.917%202.395-2.075q.814-1.157.814-3.61V18.383q0-1.788-.676-2.957q-.677-1.17-2.12-2.018L32.257%204.192Q30.195%203%2028.155%203t-4.127%201.192L7.82%2013.408q-1.467.849-2.144%202.018Q5%2016.595%205%2018.383V36.54q0%202.453.825%203.61t2.385%202.075m2.063-3.026q-1.01-.573-1.399-1.204q-.39-.63-.39-1.57V19.116l17.86%2010.202v19.028zm35.763%200l-16.093%209.147V29.318L47.8%2019.116v17.309q0%20.94-.39%201.57T46.037%2039.2M28.156%2026.11l-17.7-10.02l7.084-4.057l17.698%2010.064zm10.774-6.098L21.162%209.969l4.402-2.499q2.614-1.49%205.181%200l15.108%208.62z%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.21%2042.225L26.252%2052.45q.963.55%201.891.55t1.914-.55l18.02-10.225q1.582-.917%202.395-2.075q.814-1.157.814-3.61V18.383q0-1.788-.676-2.957q-.677-1.17-2.12-2.018L32.257%204.192Q30.195%203%2028.155%203t-4.127%201.192L7.82%2013.408q-1.467.849-2.144%202.018Q5%2016.595%205%2018.383V36.54q0%202.453.825%203.61t2.385%202.075m2.063-3.026q-1.01-.573-1.399-1.204q-.39-.63-.39-1.57V19.116l17.86%2010.202v19.028zm35.763%200l-16.093%209.147V29.318L47.8%2019.116v17.309q0%20.94-.39%201.57T46.037%2039.2M28.156%2026.11l-17.7-10.02l7.084-4.057l17.698%2010.064zm10.774-6.098L21.162%209.969l4.402-2.499q2.614-1.49%205.181%200l15.108%208.62z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/shippingbox.svg?color=%231a73e8&size=48