parachute icon
parachute from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- parachute
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
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="M232 120A104.12 104.12 0 0 0 128 16A104.12 104.12 0 0 0 24 120a7.94 7.94 0 0 0 3.05 6.27a1 1 0 0 0 .15.13L120 196v20h-8a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16h-8v-20l92.8-69.6a8 8 0 0 0 3.2-6.4m-16.36-8h-39.81c-1.54-37.95-13.91-62.43-25.11-77a88.2 88.2 0 0 1 64.92 77M128 34a77 77 0 0 1 13.88 16.22C149.49 62 158.45 81.87 159.82 112H96.18c1.37-30.13 10.33-50 17.94-61.74A77 77 0 0 1 128 34m26.4 94L128 175.53L101.6 128Zm-71.11 0l19.5 35.09L56 128Zm89.42 0H200l-46.79 35.09Zm-67.43-93c-11.2 14.57-23.57 39.05-25.11 77H40.36a88.2 88.2 0 0 1 64.92-77"/></svg>
React
import type { SVGProps } from "react";
export function PhParachute(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="M232 120A104.12 104.12 0 0 0 128 16A104.12 104.12 0 0 0 24 120a7.94 7.94 0 0 0 3.05 6.27a1 1 0 0 0 .15.13L120 196v20h-8a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16h-8v-20l92.8-69.6a8 8 0 0 0 3.2-6.4m-16.36-8h-39.81c-1.54-37.95-13.91-62.43-25.11-77a88.2 88.2 0 0 1 64.92 77M128 34a77 77 0 0 1 13.88 16.22C149.49 62 158.45 81.87 159.82 112H96.18c1.37-30.13 10.33-50 17.94-61.74A77 77 0 0 1 128 34m26.4 94L128 175.53L101.6 128Zm-71.11 0l19.5 35.09L56 128Zm89.42 0H200l-46.79 35.09Zm-67.43-93c-11.2 14.57-23.57 39.05-25.11 77H40.36a88.2 88.2 0 0 1 64.92-77"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M232 120A104.12 104.12 0 0 0 128 16A104.12 104.12 0 0 0 24 120a7.94 7.94 0 0 0 3.05 6.27a1 1 0 0 0 .15.13L120 196v20h-8a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16h-8v-20l92.8-69.6a8 8 0 0 0 3.2-6.4m-16.36-8h-39.81c-1.54-37.95-13.91-62.43-25.11-77a88.2 88.2 0 0 1 64.92 77M128 34a77 77 0 0 1 13.88 16.22C149.49 62 158.45 81.87 159.82 112H96.18c1.37-30.13 10.33-50 17.94-61.74A77 77 0 0 1 128 34m26.4 94L128 175.53L101.6 128Zm-71.11 0l19.5 35.09L56 128Zm89.42 0H200l-46.79 35.09Zm-67.43-93c-11.2 14.57-23.57 39.05-25.11 77H40.36a88.2 88.2 0 0 1 64.92-77"/></svg> </template>
CSS
.icon-parachute {
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%22M232%20120A104.12%20104.12%200%200%200%20128%2016A104.12%20104.12%200%200%200%2024%20120a7.94%207.94%200%200%200%203.05%206.27a1%201%200%200%200%20.15.13L120%20196v20h-8a8%208%200%200%200%200%2016h32a8%208%200%200%200%200-16h-8v-20l92.8-69.6a8%208%200%200%200%203.2-6.4m-16.36-8h-39.81c-1.54-37.95-13.91-62.43-25.11-77a88.2%2088.2%200%200%201%2064.92%2077M128%2034a77%2077%200%200%201%2013.88%2016.22C149.49%2062%20158.45%2081.87%20159.82%20112H96.18c1.37-30.13%2010.33-50%2017.94-61.74A77%2077%200%200%201%20128%2034m26.4%2094L128%20175.53L101.6%20128Zm-71.11%200l19.5%2035.09L56%20128Zm89.42%200H200l-46.79%2035.09Zm-67.43-93c-11.2%2014.57-23.57%2039.05-25.11%2077H40.36a88.2%2088.2%200%200%201%2064.92-77%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%22M232%20120A104.12%20104.12%200%200%200%20128%2016A104.12%20104.12%200%200%200%2024%20120a7.94%207.94%200%200%200%203.05%206.27a1%201%200%200%200%20.15.13L120%20196v20h-8a8%208%200%200%200%200%2016h32a8%208%200%200%200%200-16h-8v-20l92.8-69.6a8%208%200%200%200%203.2-6.4m-16.36-8h-39.81c-1.54-37.95-13.91-62.43-25.11-77a88.2%2088.2%200%200%201%2064.92%2077M128%2034a77%2077%200%200%201%2013.88%2016.22C149.49%2062%20158.45%2081.87%20159.82%20112H96.18c1.37-30.13%2010.33-50%2017.94-61.74A77%2077%200%200%201%20128%2034m26.4%2094L128%20175.53L101.6%20128Zm-71.11%200l19.5%2035.09L56%20128Zm89.42%200H200l-46.79%2035.09Zm-67.43-93c-11.2%2014.57-23.57%2039.05-25.11%2077H40.36a88.2%2088.2%200%200%201%2064.92-77%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/parachute.svg?color=%231a73e8&size=48
