parachute icon
parachute-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- parachute-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
parachuteFluent EmojiparachuteFluent Emoji FlatparachuteFluent Emoji High ContrastparachuteIconParkparachuteIconPark OutlineparachuteIconPark SolidparachuteIconPark TwoToneparachuteMaterial Design Iconsparachute-fillMingCute IconparachuteNoto EmojiparachuteOpenMojiparachuteTabler IconsparachuteTwitter Emoji
Use the parachute icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 120a100 100 0 0 0-200 0a4 4 0 0 0 1.3 2.94a3 3 0 0 0 .3.26L124 194v26h-12a4 4 0 0 0 0 8h32a4 4 0 0 0 0-8h-12v-26l94.4-70.8a4 4 0 0 0 1.6-3.2m-8.09-4H172c-1-48.62-19.87-75.14-32-87.21A92.14 92.14 0 0 1 219.91 116M128 28.89a76.7 76.7 0 0 1 17 18.75c8.36 12.69 18.27 34.71 19 68.36H92.05c.73-33.65 10.64-55.67 19-68.36A76.5 76.5 0 0 1 128 28.89M161.2 124L128 183.76L94.8 124Zm-75.55 0l29.74 53.54L44 124Zm84.7 0H212l-71.39 53.54ZM116 28.79C103.87 40.86 85 67.38 84 116H36.09A92.14 92.14 0 0 1 116 28.79"/></svg>
React
import type { SVGProps } from "react";
export function PhParachuteThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 120a100 100 0 0 0-200 0a4 4 0 0 0 1.3 2.94a3 3 0 0 0 .3.26L124 194v26h-12a4 4 0 0 0 0 8h32a4 4 0 0 0 0-8h-12v-26l94.4-70.8a4 4 0 0 0 1.6-3.2m-8.09-4H172c-1-48.62-19.87-75.14-32-87.21A92.14 92.14 0 0 1 219.91 116M128 28.89a76.7 76.7 0 0 1 17 18.75c8.36 12.69 18.27 34.71 19 68.36H92.05c.73-33.65 10.64-55.67 19-68.36A76.5 76.5 0 0 1 128 28.89M161.2 124L128 183.76L94.8 124Zm-75.55 0l29.74 53.54L44 124Zm84.7 0H212l-71.39 53.54ZM116 28.79C103.87 40.86 85 67.38 84 116H36.09A92.14 92.14 0 0 1 116 28.79"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228 120a100 100 0 0 0-200 0a4 4 0 0 0 1.3 2.94a3 3 0 0 0 .3.26L124 194v26h-12a4 4 0 0 0 0 8h32a4 4 0 0 0 0-8h-12v-26l94.4-70.8a4 4 0 0 0 1.6-3.2m-8.09-4H172c-1-48.62-19.87-75.14-32-87.21A92.14 92.14 0 0 1 219.91 116M128 28.89a76.7 76.7 0 0 1 17 18.75c8.36 12.69 18.27 34.71 19 68.36H92.05c.73-33.65 10.64-55.67 19-68.36A76.5 76.5 0 0 1 128 28.89M161.2 124L128 183.76L94.8 124Zm-75.55 0l29.74 53.54L44 124Zm84.7 0H212l-71.39 53.54ZM116 28.79C103.87 40.86 85 67.38 84 116H36.09A92.14 92.14 0 0 1 116 28.79"/></svg> </template>
CSS
.icon-parachute-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M228%20120a100%20100%200%200%200-200%200a4%204%200%200%200%201.3%202.94a3%203%200%200%200%20.3.26L124%20194v26h-12a4%204%200%200%200%200%208h32a4%204%200%200%200%200-8h-12v-26l94.4-70.8a4%204%200%200%200%201.6-3.2m-8.09-4H172c-1-48.62-19.87-75.14-32-87.21A92.14%2092.14%200%200%201%20219.91%20116M128%2028.89a76.7%2076.7%200%200%201%2017%2018.75c8.36%2012.69%2018.27%2034.71%2019%2068.36H92.05c.73-33.65%2010.64-55.67%2019-68.36A76.5%2076.5%200%200%201%20128%2028.89M161.2%20124L128%20183.76L94.8%20124Zm-75.55%200l29.74%2053.54L44%20124Zm84.7%200H212l-71.39%2053.54ZM116%2028.79C103.87%2040.86%2085%2067.38%2084%20116H36.09A92.14%2092.14%200%200%201%20116%2028.79%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M228%20120a100%20100%200%200%200-200%200a4%204%200%200%200%201.3%202.94a3%203%200%200%200%20.3.26L124%20194v26h-12a4%204%200%200%200%200%208h32a4%204%200%200%200%200-8h-12v-26l94.4-70.8a4%204%200%200%200%201.6-3.2m-8.09-4H172c-1-48.62-19.87-75.14-32-87.21A92.14%2092.14%200%200%201%20219.91%20116M128%2028.89a76.7%2076.7%200%200%201%2017%2018.75c8.36%2012.69%2018.27%2034.71%2019%2068.36H92.05c.73-33.65%2010.64-55.67%2019-68.36A76.5%2076.5%200%200%201%20128%2028.89M161.2%20124L128%20183.76L94.8%20124Zm-75.55%200l29.74%2053.54L44%20124Zm84.7%200H212l-71.39%2053.54ZM116%2028.79C103.87%2040.86%2085%2067.38%2084%20116H36.09A92.14%2092.14%200%200%201%20116%2028.79%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/parachute-thin.svg?color=%231a73e8&size=48
