twotone sailing icon

twotone-sailing from Google Material Icons by Material Design Authors · Baseline · Maps · Apache-2.0 Free for personal and commercial use.

Name
twotone-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 twotone sailing icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9 11.5H6.83L9 8.38zm6.38-6.26c1.42 1.52 2.88 3.72 3.41 6.26h-3.68c.21-1.1.39-2.46.39-4c0-.79-.05-1.55-.12-2.26" opacity=".3"/><path fill="currentColor" d="M11 13.5V2L3 13.5zm-2-2H6.83L9 8.38zm12 2C21 6.5 14.5 1 12.5 1c0 0 1 3 1 6.5s-1 6-1 6zm-5.62-8.26c1.42 1.52 2.88 3.72 3.41 6.26h-3.68c.21-1.1.39-2.46.39-4c0-.79-.05-1.55-.12-2.26M22 15H2a6.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 IcTwotoneSailing(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="M9 11.5H6.83L9 8.38zm6.38-6.26c1.42 1.52 2.88 3.72 3.41 6.26h-3.68c.21-1.1.39-2.46.39-4c0-.79-.05-1.55-.12-2.26" opacity=".3"/><path fill="currentColor" d="M11 13.5V2L3 13.5zm-2-2H6.83L9 8.38zm12 2C21 6.5 14.5 1 12.5 1c0 0 1 3 1 6.5s-1 6-1 6zm-5.62-8.26c1.42 1.52 2.88 3.72 3.41 6.26h-3.68c.21-1.1.39-2.46.39-4c0-.79-.05-1.55-.12-2.26M22 15H2a6.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="M9 11.5H6.83L9 8.38zm6.38-6.26c1.42 1.52 2.88 3.72 3.41 6.26h-3.68c.21-1.1.39-2.46.39-4c0-.79-.05-1.55-.12-2.26" opacity=".3"/><path fill="currentColor" d="M11 13.5V2L3 13.5zm-2-2H6.83L9 8.38zm12 2C21 6.5 14.5 1 12.5 1c0 0 1 3 1 6.5s-1 6-1 6zm-5.62-8.26c1.42 1.52 2.88 3.72 3.41 6.26h-3.68c.21-1.1.39-2.46.39-4c0-.79-.05-1.55-.12-2.26M22 15H2a6.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-twotone-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%22M9%2011.5H6.83L9%208.38zm6.38-6.26c1.42%201.52%202.88%203.72%203.41%206.26h-3.68c.21-1.1.39-2.46.39-4c0-.79-.05-1.55-.12-2.26%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2013.5V2L3%2013.5zm-2-2H6.83L9%208.38zm12%202C21%206.5%2014.5%201%2012.5%201c0%200%201%203%201%206.5s-1%206-1%206zm-5.62-8.26c1.42%201.52%202.88%203.72%203.41%206.26h-3.68c.21-1.1.39-2.46.39-4c0-.79-.05-1.55-.12-2.26M22%2015H2a6.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%22M9%2011.5H6.83L9%208.38zm6.38-6.26c1.42%201.52%202.88%203.72%203.41%206.26h-3.68c.21-1.1.39-2.46.39-4c0-.79-.05-1.55-.12-2.26%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%2013.5V2L3%2013.5zm-2-2H6.83L9%208.38zm12%202C21%206.5%2014.5%201%2012.5%201c0%200%201%203%201%206.5s-1%206-1%206zm-5.62-8.26c1.42%201.52%202.88%203.72%203.41%206.26h-3.68c.21-1.1.39-2.46.39-4c0-.79-.05-1.55-.12-2.26M22%2015H2a6.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/twotone-sailing.svg?color=%231a73e8&size=48