parachute box icon
parachute-box from Line Awesome by Icons8 · Line · Charity · Apache-2.0 Free for personal and commercial use.
- Name
- parachute-box
- Set
- Line Awesome
- Style
- Line
- Category
- Charity
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- parachute-box-solid
The same icon in other sets
More charity icons from Line Awesome
Use the parachute box icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 16c0-6.617-5.383-12-12-12S4 9.383 4 16v.453l8 7V28h8v-4.547l8-7zM16 6.363c.867.942 2.422 3.172 2.871 7.293C18.148 13.281 17.207 13 16 13s-2.148.281-2.871.656c.45-4.125 2.008-6.355 2.871-7.293m-4.914 10.035L13.484 22h-.109l-7.04-6.16C6.72 15.45 7.392 15 8.5 15c1.902 0 2.559 1.352 2.586 1.398M15.66 22l-2.52-5.875C13.524 15.691 14.38 15 16 15c1.625 0 2.484.695 2.86 1.121L16.34 22zm2.856 0l2.398-5.602c.012-.015.64-1.398 2.586-1.398c1.102 0 1.773.453 2.16.844L18.625 22zm7.144-8.555C25.078 13.18 24.367 13 23.5 13c-1.11 0-1.965.293-2.621.684c-.344-3.477-1.41-5.86-2.402-7.364c3.5.899 6.261 3.637 7.183 7.125m-12.14-7.12c-.989 1.5-2.055 3.882-2.399 7.359C10.465 13.293 9.61 13 8.5 13c-.867 0-1.578.18-2.16.445a10.01 10.01 0 0 1 7.18-7.12M18 26h-4v-2h4z"/></svg>
React
import type { SVGProps } from "react";
export function LaParachuteBox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 16c0-6.617-5.383-12-12-12S4 9.383 4 16v.453l8 7V28h8v-4.547l8-7zM16 6.363c.867.942 2.422 3.172 2.871 7.293C18.148 13.281 17.207 13 16 13s-2.148.281-2.871.656c.45-4.125 2.008-6.355 2.871-7.293m-4.914 10.035L13.484 22h-.109l-7.04-6.16C6.72 15.45 7.392 15 8.5 15c1.902 0 2.559 1.352 2.586 1.398M15.66 22l-2.52-5.875C13.524 15.691 14.38 15 16 15c1.625 0 2.484.695 2.86 1.121L16.34 22zm2.856 0l2.398-5.602c.012-.015.64-1.398 2.586-1.398c1.102 0 1.773.453 2.16.844L18.625 22zm7.144-8.555C25.078 13.18 24.367 13 23.5 13c-1.11 0-1.965.293-2.621.684c-.344-3.477-1.41-5.86-2.402-7.364c3.5.899 6.261 3.637 7.183 7.125m-12.14-7.12c-.989 1.5-2.055 3.882-2.399 7.359C10.465 13.293 9.61 13 8.5 13c-.867 0-1.578.18-2.16.445a10.01 10.01 0 0 1 7.18-7.12M18 26h-4v-2h4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 16c0-6.617-5.383-12-12-12S4 9.383 4 16v.453l8 7V28h8v-4.547l8-7zM16 6.363c.867.942 2.422 3.172 2.871 7.293C18.148 13.281 17.207 13 16 13s-2.148.281-2.871.656c.45-4.125 2.008-6.355 2.871-7.293m-4.914 10.035L13.484 22h-.109l-7.04-6.16C6.72 15.45 7.392 15 8.5 15c1.902 0 2.559 1.352 2.586 1.398M15.66 22l-2.52-5.875C13.524 15.691 14.38 15 16 15c1.625 0 2.484.695 2.86 1.121L16.34 22zm2.856 0l2.398-5.602c.012-.015.64-1.398 2.586-1.398c1.102 0 1.773.453 2.16.844L18.625 22zm7.144-8.555C25.078 13.18 24.367 13 23.5 13c-1.11 0-1.965.293-2.621.684c-.344-3.477-1.41-5.86-2.402-7.364c3.5.899 6.261 3.637 7.183 7.125m-12.14-7.12c-.989 1.5-2.055 3.882-2.399 7.359C10.465 13.293 9.61 13 8.5 13c-.867 0-1.578.18-2.16.445a10.01 10.01 0 0 1 7.18-7.12M18 26h-4v-2h4z"/></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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2016c0-6.617-5.383-12-12-12S4%209.383%204%2016v.453l8%207V28h8v-4.547l8-7zM16%206.363c.867.942%202.422%203.172%202.871%207.293C18.148%2013.281%2017.207%2013%2016%2013s-2.148.281-2.871.656c.45-4.125%202.008-6.355%202.871-7.293m-4.914%2010.035L13.484%2022h-.109l-7.04-6.16C6.72%2015.45%207.392%2015%208.5%2015c1.902%200%202.559%201.352%202.586%201.398M15.66%2022l-2.52-5.875C13.524%2015.691%2014.38%2015%2016%2015c1.625%200%202.484.695%202.86%201.121L16.34%2022zm2.856%200l2.398-5.602c.012-.015.64-1.398%202.586-1.398c1.102%200%201.773.453%202.16.844L18.625%2022zm7.144-8.555C25.078%2013.18%2024.367%2013%2023.5%2013c-1.11%200-1.965.293-2.621.684c-.344-3.477-1.41-5.86-2.402-7.364c3.5.899%206.261%203.637%207.183%207.125m-12.14-7.12c-.989%201.5-2.055%203.882-2.399%207.359C10.465%2013.293%209.61%2013%208.5%2013c-.867%200-1.578.18-2.16.445a10.01%2010.01%200%200%201%207.18-7.12M18%2026h-4v-2h4z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2016c0-6.617-5.383-12-12-12S4%209.383%204%2016v.453l8%207V28h8v-4.547l8-7zM16%206.363c.867.942%202.422%203.172%202.871%207.293C18.148%2013.281%2017.207%2013%2016%2013s-2.148.281-2.871.656c.45-4.125%202.008-6.355%202.871-7.293m-4.914%2010.035L13.484%2022h-.109l-7.04-6.16C6.72%2015.45%207.392%2015%208.5%2015c1.902%200%202.559%201.352%202.586%201.398M15.66%2022l-2.52-5.875C13.524%2015.691%2014.38%2015%2016%2015c1.625%200%202.484.695%202.86%201.121L16.34%2022zm2.856%200l2.398-5.602c.012-.015.64-1.398%202.586-1.398c1.102%200%201.773.453%202.16.844L18.625%2022zm7.144-8.555C25.078%2013.18%2024.367%2013%2023.5%2013c-1.11%200-1.965.293-2.621.684c-.344-3.477-1.41-5.86-2.402-7.364c3.5.899%206.261%203.637%207.183%207.125m-12.14-7.12c-.989%201.5-2.055%203.882-2.399%207.359C10.465%2013.293%209.61%2013%208.5%2013c-.867%200-1.578.18-2.16.445a10.01%2010.01%200%200%201%207.18-7.12M18%2026h-4v-2h4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/parachute-box.svg?color=%231a73e8&size=48
