surfing icon
surfing-rounded from Material Symbols by Google · Rounded · Activities · Apache-2.0 Free for personal and commercial use.
- Name
- surfing-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Activities
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- surfing-outline-rounded
2 other variants in Material Symbols
The same icon in other sets
More activities icons from Material Symbols
Use the surfing icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 23q-.425 0-.712-.288T2 22t.288-.712T3 21q.65 0 1.288-.162t1.212-.513q.225-.125.5-.125t.5.125q.575.35 1.213.513T9 21t1.288-.162t1.212-.513q.225-.125.513-.125t.487.125q.575.35 1.213.513T15 21t1.288-.162t1.212-.513q.2-.125.5-.125t.5.125q.575.35 1.213.513T21 21q.425 0 .713.288T22 22t-.288.713T21 23q-.775 0-1.525-.187T18 22.25q-.725.375-1.475.563T15 23t-1.525-.187T12 22.25q-.725.375-1.475.563T9 23t-1.525-.187T6 22.25q-.725.375-1.475.563T3 23m9.175-13L16 13v3.85q.4.275.775.575T17.5 18q-.525.45-1.15.725T15 19q-.9 0-1.675-.425T12 17.5q-.55.65-1.325 1.075T9 19q-.25 0-.488-.038t-.462-.112q-2.15-1.475-3.6-2.975T3 13.275q0-.775.6-1.025T4.85 12q.725 0 1.675.213t2.025.612l-.525-3.1q-.1-.5.113-.987T8.8 7.95l2.15-1.45q-.075 0-.362-.062t-.638-.125t-.637-.125t-.363-.063l-2 1.375q-.35.225-.75.15t-.65-.425q-.225-.35-.15-.762t.425-.638l2.325-1.6q.175-.125.363-.162t.387.012l5.15.95q.35.05.675.275t.55.625l.875 1.55q.525.95 1.413 1.6t2.012.85q.4.075.663.375t.262.7q0 .425-.3.7t-.7.225q-1.65-.225-2.962-1.15t-2.113-2.3zM10.3 11.1l.45 2.65q.675.325 1.675.863T14 15.5V14zM17 5.5q-.825 0-1.412-.588T15 3.5t.588-1.412T17 1.5t1.413.588T19 3.5t-.587 1.413T17 5.5"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsSurfingRounded(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="M3 23q-.425 0-.712-.288T2 22t.288-.712T3 21q.65 0 1.288-.162t1.212-.513q.225-.125.5-.125t.5.125q.575.35 1.213.513T9 21t1.288-.162t1.212-.513q.225-.125.513-.125t.487.125q.575.35 1.213.513T15 21t1.288-.162t1.212-.513q.2-.125.5-.125t.5.125q.575.35 1.213.513T21 21q.425 0 .713.288T22 22t-.288.713T21 23q-.775 0-1.525-.187T18 22.25q-.725.375-1.475.563T15 23t-1.525-.187T12 22.25q-.725.375-1.475.563T9 23t-1.525-.187T6 22.25q-.725.375-1.475.563T3 23m9.175-13L16 13v3.85q.4.275.775.575T17.5 18q-.525.45-1.15.725T15 19q-.9 0-1.675-.425T12 17.5q-.55.65-1.325 1.075T9 19q-.25 0-.488-.038t-.462-.112q-2.15-1.475-3.6-2.975T3 13.275q0-.775.6-1.025T4.85 12q.725 0 1.675.213t2.025.612l-.525-3.1q-.1-.5.113-.987T8.8 7.95l2.15-1.45q-.075 0-.362-.062t-.638-.125t-.637-.125t-.363-.063l-2 1.375q-.35.225-.75.15t-.65-.425q-.225-.35-.15-.762t.425-.638l2.325-1.6q.175-.125.363-.162t.387.012l5.15.95q.35.05.675.275t.55.625l.875 1.55q.525.95 1.413 1.6t2.012.85q.4.075.663.375t.262.7q0 .425-.3.7t-.7.225q-1.65-.225-2.962-1.15t-2.113-2.3zM10.3 11.1l.45 2.65q.675.325 1.675.863T14 15.5V14zM17 5.5q-.825 0-1.412-.588T15 3.5t.588-1.412T17 1.5t1.413.588T19 3.5t-.587 1.413T17 5.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 23q-.425 0-.712-.288T2 22t.288-.712T3 21q.65 0 1.288-.162t1.212-.513q.225-.125.5-.125t.5.125q.575.35 1.213.513T9 21t1.288-.162t1.212-.513q.225-.125.513-.125t.487.125q.575.35 1.213.513T15 21t1.288-.162t1.212-.513q.2-.125.5-.125t.5.125q.575.35 1.213.513T21 21q.425 0 .713.288T22 22t-.288.713T21 23q-.775 0-1.525-.187T18 22.25q-.725.375-1.475.563T15 23t-1.525-.187T12 22.25q-.725.375-1.475.563T9 23t-1.525-.187T6 22.25q-.725.375-1.475.563T3 23m9.175-13L16 13v3.85q.4.275.775.575T17.5 18q-.525.45-1.15.725T15 19q-.9 0-1.675-.425T12 17.5q-.55.65-1.325 1.075T9 19q-.25 0-.488-.038t-.462-.112q-2.15-1.475-3.6-2.975T3 13.275q0-.775.6-1.025T4.85 12q.725 0 1.675.213t2.025.612l-.525-3.1q-.1-.5.113-.987T8.8 7.95l2.15-1.45q-.075 0-.362-.062t-.638-.125t-.637-.125t-.363-.063l-2 1.375q-.35.225-.75.15t-.65-.425q-.225-.35-.15-.762t.425-.638l2.325-1.6q.175-.125.363-.162t.387.012l5.15.95q.35.05.675.275t.55.625l.875 1.55q.525.95 1.413 1.6t2.012.85q.4.075.663.375t.262.7q0 .425-.3.7t-.7.225q-1.65-.225-2.962-1.15t-2.113-2.3zM10.3 11.1l.45 2.65q.675.325 1.675.863T14 15.5V14zM17 5.5q-.825 0-1.412-.588T15 3.5t.588-1.412T17 1.5t1.413.588T19 3.5t-.587 1.413T17 5.5"/></svg> </template>
CSS
.icon-surfing-rounded {
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%22M3%2023q-.425%200-.712-.288T2%2022t.288-.712T3%2021q.65%200%201.288-.162t1.212-.513q.225-.125.5-.125t.5.125q.575.35%201.213.513T9%2021t1.288-.162t1.212-.513q.225-.125.513-.125t.487.125q.575.35%201.213.513T15%2021t1.288-.162t1.212-.513q.2-.125.5-.125t.5.125q.575.35%201.213.513T21%2021q.425%200%20.713.288T22%2022t-.288.713T21%2023q-.775%200-1.525-.187T18%2022.25q-.725.375-1.475.563T15%2023t-1.525-.187T12%2022.25q-.725.375-1.475.563T9%2023t-1.525-.187T6%2022.25q-.725.375-1.475.563T3%2023m9.175-13L16%2013v3.85q.4.275.775.575T17.5%2018q-.525.45-1.15.725T15%2019q-.9%200-1.675-.425T12%2017.5q-.55.65-1.325%201.075T9%2019q-.25%200-.488-.038t-.462-.112q-2.15-1.475-3.6-2.975T3%2013.275q0-.775.6-1.025T4.85%2012q.725%200%201.675.213t2.025.612l-.525-3.1q-.1-.5.113-.987T8.8%207.95l2.15-1.45q-.075%200-.362-.062t-.638-.125t-.637-.125t-.363-.063l-2%201.375q-.35.225-.75.15t-.65-.425q-.225-.35-.15-.762t.425-.638l2.325-1.6q.175-.125.363-.162t.387.012l5.15.95q.35.05.675.275t.55.625l.875%201.55q.525.95%201.413%201.6t2.012.85q.4.075.663.375t.262.7q0%20.425-.3.7t-.7.225q-1.65-.225-2.962-1.15t-2.113-2.3zM10.3%2011.1l.45%202.65q.675.325%201.675.863T14%2015.5V14zM17%205.5q-.825%200-1.412-.588T15%203.5t.588-1.412T17%201.5t1.413.588T19%203.5t-.587%201.413T17%205.5%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%22M3%2023q-.425%200-.712-.288T2%2022t.288-.712T3%2021q.65%200%201.288-.162t1.212-.513q.225-.125.5-.125t.5.125q.575.35%201.213.513T9%2021t1.288-.162t1.212-.513q.225-.125.513-.125t.487.125q.575.35%201.213.513T15%2021t1.288-.162t1.212-.513q.2-.125.5-.125t.5.125q.575.35%201.213.513T21%2021q.425%200%20.713.288T22%2022t-.288.713T21%2023q-.775%200-1.525-.187T18%2022.25q-.725.375-1.475.563T15%2023t-1.525-.187T12%2022.25q-.725.375-1.475.563T9%2023t-1.525-.187T6%2022.25q-.725.375-1.475.563T3%2023m9.175-13L16%2013v3.85q.4.275.775.575T17.5%2018q-.525.45-1.15.725T15%2019q-.9%200-1.675-.425T12%2017.5q-.55.65-1.325%201.075T9%2019q-.25%200-.488-.038t-.462-.112q-2.15-1.475-3.6-2.975T3%2013.275q0-.775.6-1.025T4.85%2012q.725%200%201.675.213t2.025.612l-.525-3.1q-.1-.5.113-.987T8.8%207.95l2.15-1.45q-.075%200-.362-.062t-.638-.125t-.637-.125t-.363-.063l-2%201.375q-.35.225-.75.15t-.65-.425q-.225-.35-.15-.762t.425-.638l2.325-1.6q.175-.125.363-.162t.387.012l5.15.95q.35.05.675.275t.55.625l.875%201.55q.525.95%201.413%201.6t2.012.85q.4.075.663.375t.262.7q0%20.425-.3.7t-.7.225q-1.65-.225-2.962-1.15t-2.113-2.3zM10.3%2011.1l.45%202.65q.675.325%201.675.863T14%2015.5V14zM17%205.5q-.825%200-1.412-.588T15%203.5t.588-1.412T17%201.5t1.413.588T19%203.5t-.587%201.413T17%205.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/surfing-rounded.svg?color=%231a73e8&size=48
