skateboarding icon
skateboarding from Material Design Icons by Pictogrammers · Filled · People / Family · Apache-2.0 Free for personal and commercial use.
- Name
- skateboarding
- Set
- Material Design Icons
- Style
- Filled
- Category
- People / Family
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- human-skateboarding
The same icon in other sets
More people / family icons from Material Design Icons
Use the skateboarding icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.78 18.39c.15.15.22.31.22.49c0 .12-.06.29-.18.44c-.38.53-.86.94-1.45 1.24c-.59.29-1.22.44-1.9.44H7.53c-.71 0-1.36-.15-1.94-.44c-.59-.3-1.09-.71-1.46-1.24a.83.83 0 0 1-.13-.44c0-.18.07-.34.2-.49s.3-.22.51-.22c.23 0 .42.1.57.33c.41.5.94.86 1.59 1.04l2.95-3.58l-1.28-3.89c-.18-.57-.1-1.07.22-1.57L11 6.86H8.8L7 9.77L5.41 8.76L7.75 5h5.37c.42 0 .75.12 1.02.35c.26.24.44.45.53.62l.48 1.15C15.5 7.89 16 8.5 16.7 9c.7.45 1.48.69 2.33.69v1.9c-1.09 0-2.08-.27-3-.8a6.1 6.1 0 0 1-2.16-2.08l-1.71 2.7l4.05 2.52v5.66h.26c.45 0 .86-.09 1.26-.31s.73-.47.99-.78c.15-.23.33-.33.53-.33s.38.08.53.22m-5.42-3.14l-3.31-2.07l.95 3.14l-2.76 3.27h5.12zM15 1c-1.1 0-2 .9-2 2s.9 2 2 2s2-.89 2-2s-.89-2-2-2M8 21.5c-.41 0-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75s-.34-.75-.75-.75m8 0c-.41 0-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75s-.34-.75-.75-.75"/></svg>
React
import type { SVGProps } from "react";
export function MdiSkateboarding(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="M19.78 18.39c.15.15.22.31.22.49c0 .12-.06.29-.18.44c-.38.53-.86.94-1.45 1.24c-.59.29-1.22.44-1.9.44H7.53c-.71 0-1.36-.15-1.94-.44c-.59-.3-1.09-.71-1.46-1.24a.83.83 0 0 1-.13-.44c0-.18.07-.34.2-.49s.3-.22.51-.22c.23 0 .42.1.57.33c.41.5.94.86 1.59 1.04l2.95-3.58l-1.28-3.89c-.18-.57-.1-1.07.22-1.57L11 6.86H8.8L7 9.77L5.41 8.76L7.75 5h5.37c.42 0 .75.12 1.02.35c.26.24.44.45.53.62l.48 1.15C15.5 7.89 16 8.5 16.7 9c.7.45 1.48.69 2.33.69v1.9c-1.09 0-2.08-.27-3-.8a6.1 6.1 0 0 1-2.16-2.08l-1.71 2.7l4.05 2.52v5.66h.26c.45 0 .86-.09 1.26-.31s.73-.47.99-.78c.15-.23.33-.33.53-.33s.38.08.53.22m-5.42-3.14l-3.31-2.07l.95 3.14l-2.76 3.27h5.12zM15 1c-1.1 0-2 .9-2 2s.9 2 2 2s2-.89 2-2s-.89-2-2-2M8 21.5c-.41 0-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75s-.34-.75-.75-.75m8 0c-.41 0-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75s-.34-.75-.75-.75"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.78 18.39c.15.15.22.31.22.49c0 .12-.06.29-.18.44c-.38.53-.86.94-1.45 1.24c-.59.29-1.22.44-1.9.44H7.53c-.71 0-1.36-.15-1.94-.44c-.59-.3-1.09-.71-1.46-1.24a.83.83 0 0 1-.13-.44c0-.18.07-.34.2-.49s.3-.22.51-.22c.23 0 .42.1.57.33c.41.5.94.86 1.59 1.04l2.95-3.58l-1.28-3.89c-.18-.57-.1-1.07.22-1.57L11 6.86H8.8L7 9.77L5.41 8.76L7.75 5h5.37c.42 0 .75.12 1.02.35c.26.24.44.45.53.62l.48 1.15C15.5 7.89 16 8.5 16.7 9c.7.45 1.48.69 2.33.69v1.9c-1.09 0-2.08-.27-3-.8a6.1 6.1 0 0 1-2.16-2.08l-1.71 2.7l4.05 2.52v5.66h.26c.45 0 .86-.09 1.26-.31s.73-.47.99-.78c.15-.23.33-.33.53-.33s.38.08.53.22m-5.42-3.14l-3.31-2.07l.95 3.14l-2.76 3.27h5.12zM15 1c-1.1 0-2 .9-2 2s.9 2 2 2s2-.89 2-2s-.89-2-2-2M8 21.5c-.41 0-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75s-.34-.75-.75-.75m8 0c-.41 0-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75s-.34-.75-.75-.75"/></svg> </template>
CSS
.icon-skateboarding {
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%22M19.78%2018.39c.15.15.22.31.22.49c0%20.12-.06.29-.18.44c-.38.53-.86.94-1.45%201.24c-.59.29-1.22.44-1.9.44H7.53c-.71%200-1.36-.15-1.94-.44c-.59-.3-1.09-.71-1.46-1.24a.83.83%200%200%201-.13-.44c0-.18.07-.34.2-.49s.3-.22.51-.22c.23%200%20.42.1.57.33c.41.5.94.86%201.59%201.04l2.95-3.58l-1.28-3.89c-.18-.57-.1-1.07.22-1.57L11%206.86H8.8L7%209.77L5.41%208.76L7.75%205h5.37c.42%200%20.75.12%201.02.35c.26.24.44.45.53.62l.48%201.15C15.5%207.89%2016%208.5%2016.7%209c.7.45%201.48.69%202.33.69v1.9c-1.09%200-2.08-.27-3-.8a6.1%206.1%200%200%201-2.16-2.08l-1.71%202.7l4.05%202.52v5.66h.26c.45%200%20.86-.09%201.26-.31s.73-.47.99-.78c.15-.23.33-.33.53-.33s.38.08.53.22m-5.42-3.14l-3.31-2.07l.95%203.14l-2.76%203.27h5.12zM15%201c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.89%202-2s-.89-2-2-2M8%2021.5c-.41%200-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75s-.34-.75-.75-.75m8%200c-.41%200-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75s-.34-.75-.75-.75%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%22M19.78%2018.39c.15.15.22.31.22.49c0%20.12-.06.29-.18.44c-.38.53-.86.94-1.45%201.24c-.59.29-1.22.44-1.9.44H7.53c-.71%200-1.36-.15-1.94-.44c-.59-.3-1.09-.71-1.46-1.24a.83.83%200%200%201-.13-.44c0-.18.07-.34.2-.49s.3-.22.51-.22c.23%200%20.42.1.57.33c.41.5.94.86%201.59%201.04l2.95-3.58l-1.28-3.89c-.18-.57-.1-1.07.22-1.57L11%206.86H8.8L7%209.77L5.41%208.76L7.75%205h5.37c.42%200%20.75.12%201.02.35c.26.24.44.45.53.62l.48%201.15C15.5%207.89%2016%208.5%2016.7%209c.7.45%201.48.69%202.33.69v1.9c-1.09%200-2.08-.27-3-.8a6.1%206.1%200%200%201-2.16-2.08l-1.71%202.7l4.05%202.52v5.66h.26c.45%200%20.86-.09%201.26-.31s.73-.47.99-.78c.15-.23.33-.33.53-.33s.38.08.53.22m-5.42-3.14l-3.31-2.07l.95%203.14l-2.76%203.27h5.12zM15%201c-1.1%200-2%20.9-2%202s.9%202%202%202s2-.89%202-2s-.89-2-2-2M8%2021.5c-.41%200-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75s-.34-.75-.75-.75m8%200c-.41%200-.75.34-.75.75s.34.75.75.75s.75-.34.75-.75s-.34-.75-.75-.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/skateboarding.svg?color=%231a73e8&size=48
