parachute box icon

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

Name: parachute-box
Set: Font Awesome Solid
Style: Solid
Category: Charity
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

parachute-boxFont Awesome 6 Solid parachute-boxLine Awesome

More charity icons from Font Awesome Solid

dollar-sign donate gift hand-holding-heart hand-holding-usd hand-holding-water hands-helping handshake heart leaf piggy-bank ribbon seedling

Use the parachute box icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M192 288c0-71.8 16.3-135.6 41.5-180.6C259.1 61.6 290.6 40 320 40s60.9 21.6 86.5 67.4c25.2 45 41.5 108.8 41.5 180.6H344v96h8c9.3 0 18.1 2 26 5.5L496.4 288h-.5c0-78.4-17.7-150.6-47.6-204c-6.1-11-12.9-21.3-20.3-30.9C514.5 89 575.8 168.2 575.8 272c0 7-3.1 13.7-8.4 18.2l-156 133.9c3 7.4 4.6 15.4 4.6 23.9v64c0 35.3-28.7 64-64 64h-64c-35.3 0-64-28.7-64-64v-64c0-8.4 1.6-16.5 4.6-23.9L72.4 290.2C67.1 285.7 64 279 64 272c0-103.8 61.3-183.1 147.8-218.9c-7.3 9.5-14.1 19.9-20.2 30.9c-29.9 53.4-47.6 125.6-47.6 204h-.5l118.4 101.5c8-3.5 16.8-5.5 26-5.5h8v-96h-104z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidParachuteBox(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="M192 288c0-71.8 16.3-135.6 41.5-180.6C259.1 61.6 290.6 40 320 40s60.9 21.6 86.5 67.4c25.2 45 41.5 108.8 41.5 180.6H344v96h8c9.3 0 18.1 2 26 5.5L496.4 288h-.5c0-78.4-17.7-150.6-47.6-204c-6.1-11-12.9-21.3-20.3-30.9C514.5 89 575.8 168.2 575.8 272c0 7-3.1 13.7-8.4 18.2l-156 133.9c3 7.4 4.6 15.4 4.6 23.9v64c0 35.3-28.7 64-64 64h-64c-35.3 0-64-28.7-64-64v-64c0-8.4 1.6-16.5 4.6-23.9L72.4 290.2C67.1 285.7 64 279 64 272c0-103.8 61.3-183.1 147.8-218.9c-7.3 9.5-14.1 19.9-20.2 30.9c-29.9 53.4-47.6 125.6-47.6 204h-.5l118.4 101.5c8-3.5 16.8-5.5 26-5.5h8v-96h-104z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M192 288c0-71.8 16.3-135.6 41.5-180.6C259.1 61.6 290.6 40 320 40s60.9 21.6 86.5 67.4c25.2 45 41.5 108.8 41.5 180.6H344v96h8c9.3 0 18.1 2 26 5.5L496.4 288h-.5c0-78.4-17.7-150.6-47.6-204c-6.1-11-12.9-21.3-20.3-30.9C514.5 89 575.8 168.2 575.8 272c0 7-3.1 13.7-8.4 18.2l-156 133.9c3 7.4 4.6 15.4 4.6 23.9v64c0 35.3-28.7 64-64 64h-64c-35.3 0-64-28.7-64-64v-64c0-8.4 1.6-16.5 4.6-23.9L72.4 290.2C67.1 285.7 64 279 64 272c0-103.8 61.3-183.1 147.8-218.9c-7.3 9.5-14.1 19.9-20.2 30.9c-29.9 53.4-47.6 125.6-47.6 204h-.5l118.4 101.5c8-3.5 16.8-5.5 26-5.5h8v-96h-104z"/></svg>
</template>

CSS

.icon-parachute-box {
  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%22M192%20288c0-71.8%2016.3-135.6%2041.5-180.6C259.1%2061.6%20290.6%2040%20320%2040s60.9%2021.6%2086.5%2067.4c25.2%2045%2041.5%20108.8%2041.5%20180.6H344v96h8c9.3%200%2018.1%202%2026%205.5L496.4%20288h-.5c0-78.4-17.7-150.6-47.6-204c-6.1-11-12.9-21.3-20.3-30.9C514.5%2089%20575.8%20168.2%20575.8%20272c0%207-3.1%2013.7-8.4%2018.2l-156%20133.9c3%207.4%204.6%2015.4%204.6%2023.9v64c0%2035.3-28.7%2064-64%2064h-64c-35.3%200-64-28.7-64-64v-64c0-8.4%201.6-16.5%204.6-23.9L72.4%20290.2C67.1%20285.7%2064%20279%2064%20272c0-103.8%2061.3-183.1%20147.8-218.9c-7.3%209.5-14.1%2019.9-20.2%2030.9c-29.9%2053.4-47.6%20125.6-47.6%20204h-.5l118.4%20101.5c8-3.5%2016.8-5.5%2026-5.5h8v-96h-104z%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%22M192%20288c0-71.8%2016.3-135.6%2041.5-180.6C259.1%2061.6%20290.6%2040%20320%2040s60.9%2021.6%2086.5%2067.4c25.2%2045%2041.5%20108.8%2041.5%20180.6H344v96h8c9.3%200%2018.1%202%2026%205.5L496.4%20288h-.5c0-78.4-17.7-150.6-47.6-204c-6.1-11-12.9-21.3-20.3-30.9C514.5%2089%20575.8%20168.2%20575.8%20272c0%207-3.1%2013.7-8.4%2018.2l-156%20133.9c3%207.4%204.6%2015.4%204.6%2023.9v64c0%2035.3-28.7%2064-64%2064h-64c-35.3%200-64-28.7-64-64v-64c0-8.4%201.6-16.5%204.6-23.9L72.4%20290.2C67.1%20285.7%2064%20279%2064%20272c0-103.8%2061.3-183.1%20147.8-218.9c-7.3%209.5-14.1%2019.9-20.2%2030.9c-29.9%2053.4-47.6%20125.6-47.6%20204h-.5l118.4%20101.5c8-3.5%2016.8-5.5%2026-5.5h8v-96h-104z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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