shippingbox icon

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

Name: shippingbox-fill
Set: Framework7 Icons
Style: Fill
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="M29.885 53a1 1 0 0 0 .23-.08q.114-.057.23-.127l17.991-10.248q1.609-.92 2.447-2.102q.84-1.185.839-3.688v-17.9q0-1.057-.184-1.747L29.885 29.425zm-3.148 0V29.425L5.184 17.108Q5 17.798 5 18.855v17.9q0 2.505.85 3.688t2.436 2.102L26.3 52.793q.114.069.218.127a.8.8 0 0 0 .218.08m1.586-26.333l9.811-5.56l-21.76-12.431l-8.433 4.802q-.78.437-1.287.896zm13.005-7.376l8.64-4.917a7.3 7.3 0 0 0-1.264-.896L32.482 4.241Q30.345 3 28.322 3q-2.045 0-4.181 1.24l-4.665 2.643z"/></svg>

React

import type { SVGProps } from "react";

export function F7ShippingboxFill(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="M29.885 53a1 1 0 0 0 .23-.08q.114-.057.23-.127l17.991-10.248q1.609-.92 2.447-2.102q.84-1.185.839-3.688v-17.9q0-1.057-.184-1.747L29.885 29.425zm-3.148 0V29.425L5.184 17.108Q5 17.798 5 18.855v17.9q0 2.505.85 3.688t2.436 2.102L26.3 52.793q.114.069.218.127a.8.8 0 0 0 .218.08m1.586-26.333l9.811-5.56l-21.76-12.431l-8.433 4.802q-.78.437-1.287.896zm13.005-7.376l8.64-4.917a7.3 7.3 0 0 0-1.264-.896L32.482 4.241Q30.345 3 28.322 3q-2.045 0-4.181 1.24l-4.665 2.643z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M29.885 53a1 1 0 0 0 .23-.08q.114-.057.23-.127l17.991-10.248q1.609-.92 2.447-2.102q.84-1.185.839-3.688v-17.9q0-1.057-.184-1.747L29.885 29.425zm-3.148 0V29.425L5.184 17.108Q5 17.798 5 18.855v17.9q0 2.505.85 3.688t2.436 2.102L26.3 52.793q.114.069.218.127a.8.8 0 0 0 .218.08m1.586-26.333l9.811-5.56l-21.76-12.431l-8.433 4.802q-.78.437-1.287.896zm13.005-7.376l8.64-4.917a7.3 7.3 0 0 0-1.264-.896L32.482 4.241Q30.345 3 28.322 3q-2.045 0-4.181 1.24l-4.665 2.643z"/></svg>
</template>

CSS

.icon-shippingbox-fill {
  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%22M29.885%2053a1%201%200%200%200%20.23-.08q.114-.057.23-.127l17.991-10.248q1.609-.92%202.447-2.102q.84-1.185.839-3.688v-17.9q0-1.057-.184-1.747L29.885%2029.425zm-3.148%200V29.425L5.184%2017.108Q5%2017.798%205%2018.855v17.9q0%202.505.85%203.688t2.436%202.102L26.3%2052.793q.114.069.218.127a.8.8%200%200%200%20.218.08m1.586-26.333l9.811-5.56l-21.76-12.431l-8.433%204.802q-.78.437-1.287.896zm13.005-7.376l8.64-4.917a7.3%207.3%200%200%200-1.264-.896L32.482%204.241Q30.345%203%2028.322%203q-2.045%200-4.181%201.24l-4.665%202.643z%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%22M29.885%2053a1%201%200%200%200%20.23-.08q.114-.057.23-.127l17.991-10.248q1.609-.92%202.447-2.102q.84-1.185.839-3.688v-17.9q0-1.057-.184-1.747L29.885%2029.425zm-3.148%200V29.425L5.184%2017.108Q5%2017.798%205%2018.855v17.9q0%202.505.85%203.688t2.436%202.102L26.3%2052.793q.114.069.218.127a.8.8%200%200%200%20.218.08m1.586-26.333l9.811-5.56l-21.76-12.431l-8.433%204.802q-.78.437-1.287.896zm13.005-7.376l8.64-4.917a7.3%207.3%200%200%200-1.264-.896L32.482%204.241Q30.345%203%2028.322%203q-2.045%200-4.181%201.24l-4.665%202.643z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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