sharp sailing icon
sharp-sailing from Google Material Icons by Material Design Authors · Baseline · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- sharp-sailing
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
More maps icons from Google Material Icons
baseline-360baseline-add-businessbaseline-add-locationbaseline-add-location-altbaseline-add-roadbaseline-agriculturebaseline-airline-stopsbaseline-airlinesbaseline-alt-routebaseline-atmbaseline-attractionsbaseline-badgebaseline-bakery-diningbaseline-beenherebaseline-bike-scooterbaseline-breakfast-diningbaseline-brunch-diningbaseline-bus-alertbaseline-car-crashbaseline-car-rentalbaseline-car-repairbaseline-castlebaseline-categorybaseline-celebration
Use the sharp sailing icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 13.5V2L3 13.5zm10 0C21 6.5 14.5 1 12.5 1c0 0 1 3 1 6.5s-1 6-1 6zm1 1.5H2a6.23 6.23 0 0 0 2.33 3.73c.65-.27 1.22-.72 1.67-1.23c.73.84 1.8 1.5 3 1.5s2.27-.66 3-1.5c.73.84 1.8 1.5 3 1.5s2.26-.66 3-1.5c.45.51 1.02.96 1.67 1.23c1.17-.89 2.02-2.2 2.33-3.73m0 8v-2h-1c-1.04 0-2.08-.35-3-1c-1.83 1.3-4.17 1.3-6 0c-1.83 1.3-4.17 1.3-6 0c-.91.65-1.96 1-3 1H2v2h1c1.03 0 2.05-.25 3-.75c1.89 1 4.11 1 6 0c1.89 1 4.11 1 6 0c.95.5 1.97.75 3 .75z"/></svg>
React
import type { SVGProps } from "react";
export function IcSharpSailing(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="M11 13.5V2L3 13.5zm10 0C21 6.5 14.5 1 12.5 1c0 0 1 3 1 6.5s-1 6-1 6zm1 1.5H2a6.23 6.23 0 0 0 2.33 3.73c.65-.27 1.22-.72 1.67-1.23c.73.84 1.8 1.5 3 1.5s2.27-.66 3-1.5c.73.84 1.8 1.5 3 1.5s2.26-.66 3-1.5c.45.51 1.02.96 1.67 1.23c1.17-.89 2.02-2.2 2.33-3.73m0 8v-2h-1c-1.04 0-2.08-.35-3-1c-1.83 1.3-4.17 1.3-6 0c-1.83 1.3-4.17 1.3-6 0c-.91.65-1.96 1-3 1H2v2h1c1.03 0 2.05-.25 3-.75c1.89 1 4.11 1 6 0c1.89 1 4.11 1 6 0c.95.5 1.97.75 3 .75z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 13.5V2L3 13.5zm10 0C21 6.5 14.5 1 12.5 1c0 0 1 3 1 6.5s-1 6-1 6zm1 1.5H2a6.23 6.23 0 0 0 2.33 3.73c.65-.27 1.22-.72 1.67-1.23c.73.84 1.8 1.5 3 1.5s2.27-.66 3-1.5c.73.84 1.8 1.5 3 1.5s2.26-.66 3-1.5c.45.51 1.02.96 1.67 1.23c1.17-.89 2.02-2.2 2.33-3.73m0 8v-2h-1c-1.04 0-2.08-.35-3-1c-1.83 1.3-4.17 1.3-6 0c-1.83 1.3-4.17 1.3-6 0c-.91.65-1.96 1-3 1H2v2h1c1.03 0 2.05-.25 3-.75c1.89 1 4.11 1 6 0c1.89 1 4.11 1 6 0c.95.5 1.97.75 3 .75z"/></svg> </template>
CSS
.icon-sharp-sailing {
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%22M11%2013.5V2L3%2013.5zm10%200C21%206.5%2014.5%201%2012.5%201c0%200%201%203%201%206.5s-1%206-1%206zm1%201.5H2a6.23%206.23%200%200%200%202.33%203.73c.65-.27%201.22-.72%201.67-1.23c.73.84%201.8%201.5%203%201.5s2.27-.66%203-1.5c.73.84%201.8%201.5%203%201.5s2.26-.66%203-1.5c.45.51%201.02.96%201.67%201.23c1.17-.89%202.02-2.2%202.33-3.73m0%208v-2h-1c-1.04%200-2.08-.35-3-1c-1.83%201.3-4.17%201.3-6%200c-1.83%201.3-4.17%201.3-6%200c-.91.65-1.96%201-3%201H2v2h1c1.03%200%202.05-.25%203-.75c1.89%201%204.11%201%206%200c1.89%201%204.11%201%206%200c.95.5%201.97.75%203%20.75z%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%22M11%2013.5V2L3%2013.5zm10%200C21%206.5%2014.5%201%2012.5%201c0%200%201%203%201%206.5s-1%206-1%206zm1%201.5H2a6.23%206.23%200%200%200%202.33%203.73c.65-.27%201.22-.72%201.67-1.23c.73.84%201.8%201.5%203%201.5s2.27-.66%203-1.5c.73.84%201.8%201.5%203%201.5s2.26-.66%203-1.5c.45.51%201.02.96%201.67%201.23c1.17-.89%202.02-2.2%202.33-3.73m0%208v-2h-1c-1.04%200-2.08-.35-3-1c-1.83%201.3-4.17%201.3-6%200c-1.83%201.3-4.17%201.3-6%200c-.91.65-1.96%201-3%201H2v2h1c1.03%200%202.05-.25%203-.75c1.89%201%204.11%201%206%200c1.89%201%204.11%201%206%200c.95.5%201.97.75%203%20.75z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/sharp-sailing.svg?color=%231a73e8&size=48
