box open icon

box-open from Font Awesome Solid by Dave Gandy · Solid · Moving · CC-BY-4.0 Attribution required.

Name
box-open
Set
Font Awesome Solid
Style
Solid
Category
Moving
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

box-openFont Awesome 6 Solidbox-openLine Awesome

More moving icons from Font Awesome Solid

people-carrysigntapetruck-loadingtruck-movingbox-tissuebox-archive

Use the box open icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M560.3 301.2c10.4 11.8 28.3 14.4 41.8 5.5c14.7-9.8 18.7-29.7 8.9-44.4l-48-72c-2.8-4.2-6.6-7.7-11.1-10.2L351.4 68.7c-19.3-10.7-42.8-10.7-62.2 0L88.8 180c-5.4 3-9.7 7.4-12.6 12.8l-48.5 89.9c-12.6 23.4-3.8 52.5 19.6 65.1l33 17.7v53.3c0 23 12.4 44.3 32.4 55.7l176 99.7c19.6 11.1 43.5 11.1 63.1 0l176-99.7c20.1-11.4 32.4-32.6 32.4-55.7V301.3zm-240-9.8L170.2 208l150.1-83.4L470.4 208zm-41.5 50.2l-21.3 46.2L91.7 299l25.4-47.2z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidBoxOpen(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M560.3 301.2c10.4 11.8 28.3 14.4 41.8 5.5c14.7-9.8 18.7-29.7 8.9-44.4l-48-72c-2.8-4.2-6.6-7.7-11.1-10.2L351.4 68.7c-19.3-10.7-42.8-10.7-62.2 0L88.8 180c-5.4 3-9.7 7.4-12.6 12.8l-48.5 89.9c-12.6 23.4-3.8 52.5 19.6 65.1l33 17.7v53.3c0 23 12.4 44.3 32.4 55.7l176 99.7c19.6 11.1 43.5 11.1 63.1 0l176-99.7c20.1-11.4 32.4-32.6 32.4-55.7V301.3zm-240-9.8L170.2 208l150.1-83.4L470.4 208zm-41.5 50.2l-21.3 46.2L91.7 299l25.4-47.2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M560.3 301.2c10.4 11.8 28.3 14.4 41.8 5.5c14.7-9.8 18.7-29.7 8.9-44.4l-48-72c-2.8-4.2-6.6-7.7-11.1-10.2L351.4 68.7c-19.3-10.7-42.8-10.7-62.2 0L88.8 180c-5.4 3-9.7 7.4-12.6 12.8l-48.5 89.9c-12.6 23.4-3.8 52.5 19.6 65.1l33 17.7v53.3c0 23 12.4 44.3 32.4 55.7l176 99.7c19.6 11.1 43.5 11.1 63.1 0l176-99.7c20.1-11.4 32.4-32.6 32.4-55.7V301.3zm-240-9.8L170.2 208l150.1-83.4L470.4 208zm-41.5 50.2l-21.3 46.2L91.7 299l25.4-47.2z"/></svg>
</template>

CSS

.icon-box-open {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M560.3%20301.2c10.4%2011.8%2028.3%2014.4%2041.8%205.5c14.7-9.8%2018.7-29.7%208.9-44.4l-48-72c-2.8-4.2-6.6-7.7-11.1-10.2L351.4%2068.7c-19.3-10.7-42.8-10.7-62.2%200L88.8%20180c-5.4%203-9.7%207.4-12.6%2012.8l-48.5%2089.9c-12.6%2023.4-3.8%2052.5%2019.6%2065.1l33%2017.7v53.3c0%2023%2012.4%2044.3%2032.4%2055.7l176%2099.7c19.6%2011.1%2043.5%2011.1%2063.1%200l176-99.7c20.1-11.4%2032.4-32.6%2032.4-55.7V301.3zm-240-9.8L170.2%20208l150.1-83.4L470.4%20208zm-41.5%2050.2l-21.3%2046.2L91.7%20299l25.4-47.2z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M560.3%20301.2c10.4%2011.8%2028.3%2014.4%2041.8%205.5c14.7-9.8%2018.7-29.7%208.9-44.4l-48-72c-2.8-4.2-6.6-7.7-11.1-10.2L351.4%2068.7c-19.3-10.7-42.8-10.7-62.2%200L88.8%20180c-5.4%203-9.7%207.4-12.6%2012.8l-48.5%2089.9c-12.6%2023.4-3.8%2052.5%2019.6%2065.1l33%2017.7v53.3c0%2023%2012.4%2044.3%2032.4%2055.7l176%2099.7c19.6%2011.1%2043.5%2011.1%2063.1%200l176-99.7c20.1-11.4%2032.4-32.6%2032.4-55.7V301.3zm-240-9.8L170.2%20208l150.1-83.4L470.4%20208zm-41.5%2050.2l-21.3%2046.2L91.7%20299l25.4-47.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/box-open.svg?color=%231a73e8&size=48