parachute icon
parachute-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- parachute-light
- Set
- Phosphor
- Style
- Light
- 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="M230 120a102 102 0 0 0-204 0a6 6 0 0 0 2.27 4.69l.13.11L122 195v23h-10a6 6 0 0 0 0 12h32a6 6 0 0 0 0-12h-10v-23l93.6-70.2a6 6 0 0 0 2.4-4.8m-12.2-6h-43.9c-1.3-42.92-16.5-68.62-28.43-82.3A90.2 90.2 0 0 1 217.8 114M128 31.43A77.1 77.1 0 0 1 143.42 49c13.84 21.08 17.82 46 18.47 65H94.11c1.06-31.88 10.49-52.86 18.47-65A76.7 76.7 0 0 1 128 31.43M157.8 126L128 179.65L98.2 126Zm-73.33 0l24.62 44.32L50 126Zm87.06 0H206l-59.09 44.32Zm-61-94.3C98.6 45.38 83.4 71.08 82.1 114H38.2a90.2 90.2 0 0 1 72.33-82.3"/></svg>
React
import type { SVGProps } from "react";
export function PhParachuteLight(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="M230 120a102 102 0 0 0-204 0a6 6 0 0 0 2.27 4.69l.13.11L122 195v23h-10a6 6 0 0 0 0 12h32a6 6 0 0 0 0-12h-10v-23l93.6-70.2a6 6 0 0 0 2.4-4.8m-12.2-6h-43.9c-1.3-42.92-16.5-68.62-28.43-82.3A90.2 90.2 0 0 1 217.8 114M128 31.43A77.1 77.1 0 0 1 143.42 49c13.84 21.08 17.82 46 18.47 65H94.11c1.06-31.88 10.49-52.86 18.47-65A76.7 76.7 0 0 1 128 31.43M157.8 126L128 179.65L98.2 126Zm-73.33 0l24.62 44.32L50 126Zm87.06 0H206l-59.09 44.32Zm-61-94.3C98.6 45.38 83.4 71.08 82.1 114H38.2a90.2 90.2 0 0 1 72.33-82.3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M230 120a102 102 0 0 0-204 0a6 6 0 0 0 2.27 4.69l.13.11L122 195v23h-10a6 6 0 0 0 0 12h32a6 6 0 0 0 0-12h-10v-23l93.6-70.2a6 6 0 0 0 2.4-4.8m-12.2-6h-43.9c-1.3-42.92-16.5-68.62-28.43-82.3A90.2 90.2 0 0 1 217.8 114M128 31.43A77.1 77.1 0 0 1 143.42 49c13.84 21.08 17.82 46 18.47 65H94.11c1.06-31.88 10.49-52.86 18.47-65A76.7 76.7 0 0 1 128 31.43M157.8 126L128 179.65L98.2 126Zm-73.33 0l24.62 44.32L50 126Zm87.06 0H206l-59.09 44.32Zm-61-94.3C98.6 45.38 83.4 71.08 82.1 114H38.2a90.2 90.2 0 0 1 72.33-82.3"/></svg> </template>
CSS
.icon-parachute-light {
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%22M230%20120a102%20102%200%200%200-204%200a6%206%200%200%200%202.27%204.69l.13.11L122%20195v23h-10a6%206%200%200%200%200%2012h32a6%206%200%200%200%200-12h-10v-23l93.6-70.2a6%206%200%200%200%202.4-4.8m-12.2-6h-43.9c-1.3-42.92-16.5-68.62-28.43-82.3A90.2%2090.2%200%200%201%20217.8%20114M128%2031.43A77.1%2077.1%200%200%201%20143.42%2049c13.84%2021.08%2017.82%2046%2018.47%2065H94.11c1.06-31.88%2010.49-52.86%2018.47-65A76.7%2076.7%200%200%201%20128%2031.43M157.8%20126L128%20179.65L98.2%20126Zm-73.33%200l24.62%2044.32L50%20126Zm87.06%200H206l-59.09%2044.32Zm-61-94.3C98.6%2045.38%2083.4%2071.08%2082.1%20114H38.2a90.2%2090.2%200%200%201%2072.33-82.3%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%22M230%20120a102%20102%200%200%200-204%200a6%206%200%200%200%202.27%204.69l.13.11L122%20195v23h-10a6%206%200%200%200%200%2012h32a6%206%200%200%200%200-12h-10v-23l93.6-70.2a6%206%200%200%200%202.4-4.8m-12.2-6h-43.9c-1.3-42.92-16.5-68.62-28.43-82.3A90.2%2090.2%200%200%201%20217.8%20114M128%2031.43A77.1%2077.1%200%200%201%20143.42%2049c13.84%2021.08%2017.82%2046%2018.47%2065H94.11c1.06-31.88%2010.49-52.86%2018.47-65A76.7%2076.7%200%200%201%20128%2031.43M157.8%20126L128%20179.65L98.2%20126Zm-73.33%200l24.62%2044.32L50%20126Zm87.06%200H206l-59.09%2044.32Zm-61-94.3C98.6%2045.38%2083.4%2071.08%2082.1%20114H38.2a90.2%2090.2%200%200%201%2072.33-82.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/parachute-light.svg?color=%231a73e8&size=48
