kitesurfing icon
kitesurfing from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.
- Name
- kitesurfing
- Set
- Material Design Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
Use the kitesurfing icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m16.5 4.5l-1-1.07L17.92 1H20zM20.96 23q-1.59 0-3-.75c-1.84 1-4.15 1-5.99 0c-1.84 1-4.15 1-5.97 0c-1.23.69-2.64.8-4 .75v-2c1.41.05 2.77-.1 4-1c1.74 1.25 4.21 1.25 5.97 0c1.77 1.25 4.23 1.25 5.99 0c1.21.9 2.58 1.05 3.98 1v2zm-.61-10.74c-2.05-.76-4.21.35-6.27 1.1l-1.69-1.86H9.58V8c2.31.19 4.71-.33 6.32-2.04l-1.4-1.4C13.6 5.46 12.3 6 11 6H8c-1.11 0-2.05.92-2 2c.07 1.35-.33 4.73.45 5.87L8 16.82c-.57.41-1.07.8-1.5 1.18c1.59 1.5 4.15 1.17 5.47-.5c.94 1.09 2.48 1.8 3.93 1.33c1.55-1.06 6.84-4.83 4.45-6.57m-8.92 2.39c-.43.24-1.27.72-1.61.96l-.85-2.02l2.49-.09l.7.75zM8 1c-1.1 0-2 .9-2 2s.9 2 2 2s2-.89 2-2s-.89-2-2-2"/></svg>
React
import type { SVGProps } from "react";
export function MdiKitesurfing(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="m16.5 4.5l-1-1.07L17.92 1H20zM20.96 23q-1.59 0-3-.75c-1.84 1-4.15 1-5.99 0c-1.84 1-4.15 1-5.97 0c-1.23.69-2.64.8-4 .75v-2c1.41.05 2.77-.1 4-1c1.74 1.25 4.21 1.25 5.97 0c1.77 1.25 4.23 1.25 5.99 0c1.21.9 2.58 1.05 3.98 1v2zm-.61-10.74c-2.05-.76-4.21.35-6.27 1.1l-1.69-1.86H9.58V8c2.31.19 4.71-.33 6.32-2.04l-1.4-1.4C13.6 5.46 12.3 6 11 6H8c-1.11 0-2.05.92-2 2c.07 1.35-.33 4.73.45 5.87L8 16.82c-.57.41-1.07.8-1.5 1.18c1.59 1.5 4.15 1.17 5.47-.5c.94 1.09 2.48 1.8 3.93 1.33c1.55-1.06 6.84-4.83 4.45-6.57m-8.92 2.39c-.43.24-1.27.72-1.61.96l-.85-2.02l2.49-.09l.7.75zM8 1c-1.1 0-2 .9-2 2s.9 2 2 2s2-.89 2-2s-.89-2-2-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="m16.5 4.5l-1-1.07L17.92 1H20zM20.96 23q-1.59 0-3-.75c-1.84 1-4.15 1-5.99 0c-1.84 1-4.15 1-5.97 0c-1.23.69-2.64.8-4 .75v-2c1.41.05 2.77-.1 4-1c1.74 1.25 4.21 1.25 5.97 0c1.77 1.25 4.23 1.25 5.99 0c1.21.9 2.58 1.05 3.98 1v2zm-.61-10.74c-2.05-.76-4.21.35-6.27 1.1l-1.69-1.86H9.58V8c2.31.19 4.71-.33 6.32-2.04l-1.4-1.4C13.6 5.46 12.3 6 11 6H8c-1.11 0-2.05.92-2 2c.07 1.35-.33 4.73.45 5.87L8 16.82c-.57.41-1.07.8-1.5 1.18c1.59 1.5 4.15 1.17 5.47-.5c.94 1.09 2.48 1.8 3.93 1.33c1.55-1.06 6.84-4.83 4.45-6.57m-8.92 2.39c-.43.24-1.27.72-1.61.96l-.85-2.02l2.49-.09l.7.75zM8 1c-1.1 0-2 .9-2 2s.9 2 2 2s2-.89 2-2s-.89-2-2-2"/></svg> </template>
CSS
.icon-kitesurfing {
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%22m16.5%204.5l-1-1.07L17.92%201H20zM20.96%2023q-1.59%200-3-.75c-1.84%201-4.15%201-5.99%200c-1.84%201-4.15%201-5.97%200c-1.23.69-2.64.8-4%20.75v-2c1.41.05%202.77-.1%204-1c1.74%201.25%204.21%201.25%205.97%200c1.77%201.25%204.23%201.25%205.99%200c1.21.9%202.58%201.05%203.98%201v2zm-.61-10.74c-2.05-.76-4.21.35-6.27%201.1l-1.69-1.86H9.58V8c2.31.19%204.71-.33%206.32-2.04l-1.4-1.4C13.6%205.46%2012.3%206%2011%206H8c-1.11%200-2.05.92-2%202c.07%201.35-.33%204.73.45%205.87L8%2016.82c-.57.41-1.07.8-1.5%201.18c1.59%201.5%204.15%201.17%205.47-.5c.94%201.09%202.48%201.8%203.93%201.33c1.55-1.06%206.84-4.83%204.45-6.57m-8.92%202.39c-.43.24-1.27.72-1.61.96l-.85-2.02l2.49-.09l.7.75zM8%201c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.89%202-2s-.89-2-2-2%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%22m16.5%204.5l-1-1.07L17.92%201H20zM20.96%2023q-1.59%200-3-.75c-1.84%201-4.15%201-5.99%200c-1.84%201-4.15%201-5.97%200c-1.23.69-2.64.8-4%20.75v-2c1.41.05%202.77-.1%204-1c1.74%201.25%204.21%201.25%205.97%200c1.77%201.25%204.23%201.25%205.99%200c1.21.9%202.58%201.05%203.98%201v2zm-.61-10.74c-2.05-.76-4.21.35-6.27%201.1l-1.69-1.86H9.58V8c2.31.19%204.71-.33%206.32-2.04l-1.4-1.4C13.6%205.46%2012.3%206%2011%206H8c-1.11%200-2.05.92-2%202c.07%201.35-.33%204.73.45%205.87L8%2016.82c-.57.41-1.07.8-1.5%201.18c1.59%201.5%204.15%201.17%205.47-.5c.94%201.09%202.48%201.8%203.93%201.33c1.55-1.06%206.84-4.83%204.45-6.57m-8.92%202.39c-.43.24-1.27.72-1.61.96l-.85-2.02l2.49-.09l.7.75zM8%201c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.89%202-2s-.89-2-2-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/kitesurfing.svg?color=%231a73e8&size=48
