twotone surfing icon
twotone-surfing from Google Material Icons by Material Design Authors · Baseline · Social · Apache-2.0 Free for personal and commercial use.
- Name
- twotone-surfing
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
More social icons from Google Material Icons
baseline-18-up-ratingbaseline-6-ft-apartbaseline-add-moderatorbaseline-add-reactionbaseline-adobebaseline-applebaseline-architecturebaseline-assist-walkerbaseline-back-handbaseline-blindbaseline-boybaseline-cakebaseline-catching-pokemonbaseline-clean-handsbaseline-co2baseline-compostbaseline-connect-without-contactbaseline-constructionbaseline-cookiebaseline-coronavirusbaseline-cruelty-freebaseline-cyclonebaseline-deckbaseline-discord
Use the twotone surfing icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 23c-1.03 0-2.06-.25-3-.75c-1.89 1-4.11 1-6 0c-1.89 1-4.11 1-6 0c-.95.5-1.97.75-3 .75H2v-2h1c1.04 0 2.08-.35 3-1c1.83 1.3 4.17 1.3 6 0c1.83 1.3 4.17 1.3 6 0c.91.65 1.96 1 3 1h1v2zM17 1.5c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m-2.57 6.98L12.18 10L16 13v3.84c.53.38 1.03.78 1.49 1.17c-.68.58-1.55.99-2.49.99c-1.2 0-2.27-.66-3-1.5c-.73.84-1.8 1.5-3 1.5c-.33 0-.65-.05-.96-.14C5.19 16.9 3 14.72 3 13.28C3 12.25 4.01 12 4.85 12c.98 0 2.28.31 3.7.83l-.53-3.1c-.11-.67.18-1.38.78-1.79l2.15-1.45l-2-.37l-2.82 1.93L5 6.4L8.5 4l5.55 1.03c.45.09.93.37 1.22.89l.88 1.55A5.01 5.01 0 0 0 20.5 10v2a7.01 7.01 0 0 1-6.07-3.52M10.3 11.1l.44 2.65c.92.42 2.48 1.27 3.26 1.75V14z"/></svg>
React
import type { SVGProps } from "react";
export function IcTwotoneSurfing(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="M21 23c-1.03 0-2.06-.25-3-.75c-1.89 1-4.11 1-6 0c-1.89 1-4.11 1-6 0c-.95.5-1.97.75-3 .75H2v-2h1c1.04 0 2.08-.35 3-1c1.83 1.3 4.17 1.3 6 0c1.83 1.3 4.17 1.3 6 0c.91.65 1.96 1 3 1h1v2zM17 1.5c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m-2.57 6.98L12.18 10L16 13v3.84c.53.38 1.03.78 1.49 1.17c-.68.58-1.55.99-2.49.99c-1.2 0-2.27-.66-3-1.5c-.73.84-1.8 1.5-3 1.5c-.33 0-.65-.05-.96-.14C5.19 16.9 3 14.72 3 13.28C3 12.25 4.01 12 4.85 12c.98 0 2.28.31 3.7.83l-.53-3.1c-.11-.67.18-1.38.78-1.79l2.15-1.45l-2-.37l-2.82 1.93L5 6.4L8.5 4l5.55 1.03c.45.09.93.37 1.22.89l.88 1.55A5.01 5.01 0 0 0 20.5 10v2a7.01 7.01 0 0 1-6.07-3.52M10.3 11.1l.44 2.65c.92.42 2.48 1.27 3.26 1.75V14z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 23c-1.03 0-2.06-.25-3-.75c-1.89 1-4.11 1-6 0c-1.89 1-4.11 1-6 0c-.95.5-1.97.75-3 .75H2v-2h1c1.04 0 2.08-.35 3-1c1.83 1.3 4.17 1.3 6 0c1.83 1.3 4.17 1.3 6 0c.91.65 1.96 1 3 1h1v2zM17 1.5c-1.1 0-2 .9-2 2s.9 2 2 2s2-.9 2-2s-.9-2-2-2m-2.57 6.98L12.18 10L16 13v3.84c.53.38 1.03.78 1.49 1.17c-.68.58-1.55.99-2.49.99c-1.2 0-2.27-.66-3-1.5c-.73.84-1.8 1.5-3 1.5c-.33 0-.65-.05-.96-.14C5.19 16.9 3 14.72 3 13.28C3 12.25 4.01 12 4.85 12c.98 0 2.28.31 3.7.83l-.53-3.1c-.11-.67.18-1.38.78-1.79l2.15-1.45l-2-.37l-2.82 1.93L5 6.4L8.5 4l5.55 1.03c.45.09.93.37 1.22.89l.88 1.55A5.01 5.01 0 0 0 20.5 10v2a7.01 7.01 0 0 1-6.07-3.52M10.3 11.1l.44 2.65c.92.42 2.48 1.27 3.26 1.75V14z"/></svg> </template>
CSS
.icon-twotone-surfing {
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%22M21%2023c-1.03%200-2.06-.25-3-.75c-1.89%201-4.11%201-6%200c-1.89%201-4.11%201-6%200c-.95.5-1.97.75-3%20.75H2v-2h1c1.04%200%202.08-.35%203-1c1.83%201.3%204.17%201.3%206%200c1.83%201.3%204.17%201.3%206%200c.91.65%201.96%201%203%201h1v2zM17%201.5c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.9%202-2s-.9-2-2-2m-2.57%206.98L12.18%2010L16%2013v3.84c.53.38%201.03.78%201.49%201.17c-.68.58-1.55.99-2.49.99c-1.2%200-2.27-.66-3-1.5c-.73.84-1.8%201.5-3%201.5c-.33%200-.65-.05-.96-.14C5.19%2016.9%203%2014.72%203%2013.28C3%2012.25%204.01%2012%204.85%2012c.98%200%202.28.31%203.7.83l-.53-3.1c-.11-.67.18-1.38.78-1.79l2.15-1.45l-2-.37l-2.82%201.93L5%206.4L8.5%204l5.55%201.03c.45.09.93.37%201.22.89l.88%201.55A5.01%205.01%200%200%200%2020.5%2010v2a7.01%207.01%200%200%201-6.07-3.52M10.3%2011.1l.44%202.65c.92.42%202.48%201.27%203.26%201.75V14z%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%22M21%2023c-1.03%200-2.06-.25-3-.75c-1.89%201-4.11%201-6%200c-1.89%201-4.11%201-6%200c-.95.5-1.97.75-3%20.75H2v-2h1c1.04%200%202.08-.35%203-1c1.83%201.3%204.17%201.3%206%200c1.83%201.3%204.17%201.3%206%200c.91.65%201.96%201%203%201h1v2zM17%201.5c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.9%202-2s-.9-2-2-2m-2.57%206.98L12.18%2010L16%2013v3.84c.53.38%201.03.78%201.49%201.17c-.68.58-1.55.99-2.49.99c-1.2%200-2.27-.66-3-1.5c-.73.84-1.8%201.5-3%201.5c-.33%200-.65-.05-.96-.14C5.19%2016.9%203%2014.72%203%2013.28C3%2012.25%204.01%2012%204.85%2012c.98%200%202.28.31%203.7.83l-.53-3.1c-.11-.67.18-1.38.78-1.79l2.15-1.45l-2-.37l-2.82%201.93L5%206.4L8.5%204l5.55%201.03c.45.09.93.37%201.22.89l.88%201.55A5.01%205.01%200%200%200%2020.5%2010v2a7.01%207.01%200%200%201-6.07-3.52M10.3%2011.1l.44%202.65c.92.42%202.48%201.27%203.26%201.75V14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/twotone-surfing.svg?color=%231a73e8&size=48
