paragliding icon
paragliding-outline from Material Symbols by Google · Outline · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- paragliding-outline
- Set
- Material Symbols
- Style
- Outline
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- paragliding-outline-sharp
3 other variants in Material Symbols
The same icon in other sets
More activities icons from Material Symbols
Use the paragliding icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17q-.825 0-1.412-.587T10 15t.588-1.412T12 13t1.413.588T14 15t-.587 1.413T12 17m-3 7v-3.6q-2.125-.725-3.062-2.462T5 14h2q0 2.525 1.275 3.763T12 19t3.725-1.237T17 14h2q0 2.2-.937 3.938T15 20.4V24zM5 13L3 8.3q-.125.075-.425.263T2 8.75q-.425 0-.712-.288T1 7.75v-3.5q0-1.775 3.225-3.012T12 0t7.775 1.238T23 4.25v3.5q0 .425-.288.713T22 8.75q-.275 0-.575-.187T21 8.3L19 13h-2l-1.5-6.275q-.825-.125-1.7-.175T12 6.5t-1.8.05t-1.7.175L7 13zm.875-1.75L6.9 6.975q-.7.15-1.325.325t-1.2.4zm12.25-.025l1.5-3.525q-.575-.225-1.2-.4T17.1 6.975zM3 6.075q1.775-.75 4.088-1.162T12 4.5t4.913.413T21 6.075V4.3q-.125-.25-.763-.638T18.464 2.9t-2.75-.638T12 2t-3.713.263t-2.75.637t-1.775.763T3 4.3zM12 2"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsParaglidingOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17q-.825 0-1.412-.587T10 15t.588-1.412T12 13t1.413.588T14 15t-.587 1.413T12 17m-3 7v-3.6q-2.125-.725-3.062-2.462T5 14h2q0 2.525 1.275 3.763T12 19t3.725-1.237T17 14h2q0 2.2-.937 3.938T15 20.4V24zM5 13L3 8.3q-.125.075-.425.263T2 8.75q-.425 0-.712-.288T1 7.75v-3.5q0-1.775 3.225-3.012T12 0t7.775 1.238T23 4.25v3.5q0 .425-.288.713T22 8.75q-.275 0-.575-.187T21 8.3L19 13h-2l-1.5-6.275q-.825-.125-1.7-.175T12 6.5t-1.8.05t-1.7.175L7 13zm.875-1.75L6.9 6.975q-.7.15-1.325.325t-1.2.4zm12.25-.025l1.5-3.525q-.575-.225-1.2-.4T17.1 6.975zM3 6.075q1.775-.75 4.088-1.162T12 4.5t4.913.413T21 6.075V4.3q-.125-.25-.763-.638T18.464 2.9t-2.75-.638T12 2t-3.713.263t-2.75.637t-1.775.763T3 4.3zM12 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17q-.825 0-1.412-.587T10 15t.588-1.412T12 13t1.413.588T14 15t-.587 1.413T12 17m-3 7v-3.6q-2.125-.725-3.062-2.462T5 14h2q0 2.525 1.275 3.763T12 19t3.725-1.237T17 14h2q0 2.2-.937 3.938T15 20.4V24zM5 13L3 8.3q-.125.075-.425.263T2 8.75q-.425 0-.712-.288T1 7.75v-3.5q0-1.775 3.225-3.012T12 0t7.775 1.238T23 4.25v3.5q0 .425-.288.713T22 8.75q-.275 0-.575-.187T21 8.3L19 13h-2l-1.5-6.275q-.825-.125-1.7-.175T12 6.5t-1.8.05t-1.7.175L7 13zm.875-1.75L6.9 6.975q-.7.15-1.325.325t-1.2.4zm12.25-.025l1.5-3.525q-.575-.225-1.2-.4T17.1 6.975zM3 6.075q1.775-.75 4.088-1.162T12 4.5t4.913.413T21 6.075V4.3q-.125-.25-.763-.638T18.464 2.9t-2.75-.638T12 2t-3.713.263t-2.75.637t-1.775.763T3 4.3zM12 2"/></svg> </template>
CSS
.icon-paragliding-outline {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2017q-.825%200-1.412-.587T10%2015t.588-1.412T12%2013t1.413.588T14%2015t-.587%201.413T12%2017m-3%207v-3.6q-2.125-.725-3.062-2.462T5%2014h2q0%202.525%201.275%203.763T12%2019t3.725-1.237T17%2014h2q0%202.2-.937%203.938T15%2020.4V24zM5%2013L3%208.3q-.125.075-.425.263T2%208.75q-.425%200-.712-.288T1%207.75v-3.5q0-1.775%203.225-3.012T12%200t7.775%201.238T23%204.25v3.5q0%20.425-.288.713T22%208.75q-.275%200-.575-.187T21%208.3L19%2013h-2l-1.5-6.275q-.825-.125-1.7-.175T12%206.5t-1.8.05t-1.7.175L7%2013zm.875-1.75L6.9%206.975q-.7.15-1.325.325t-1.2.4zm12.25-.025l1.5-3.525q-.575-.225-1.2-.4T17.1%206.975zM3%206.075q1.775-.75%204.088-1.162T12%204.5t4.913.413T21%206.075V4.3q-.125-.25-.763-.638T18.464%202.9t-2.75-.638T12%202t-3.713.263t-2.75.637t-1.775.763T3%204.3zM12%202%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2017q-.825%200-1.412-.587T10%2015t.588-1.412T12%2013t1.413.588T14%2015t-.587%201.413T12%2017m-3%207v-3.6q-2.125-.725-3.062-2.462T5%2014h2q0%202.525%201.275%203.763T12%2019t3.725-1.237T17%2014h2q0%202.2-.937%203.938T15%2020.4V24zM5%2013L3%208.3q-.125.075-.425.263T2%208.75q-.425%200-.712-.288T1%207.75v-3.5q0-1.775%203.225-3.012T12%200t7.775%201.238T23%204.25v3.5q0%20.425-.288.713T22%208.75q-.275%200-.575-.187T21%208.3L19%2013h-2l-1.5-6.275q-.825-.125-1.7-.175T12%206.5t-1.8.05t-1.7.175L7%2013zm.875-1.75L6.9%206.975q-.7.15-1.325.325t-1.2.4zm12.25-.025l1.5-3.525q-.575-.225-1.2-.4T17.1%206.975zM3%206.075q1.775-.75%204.088-1.162T12%204.5t4.913.413T21%206.075V4.3q-.125-.25-.763-.638T18.464%202.9t-2.75-.638T12%202t-3.713.263t-2.75.637t-1.775.763T3%204.3zM12%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/paragliding-outline.svg?color=%231a73e8&size=48
