skateboarding icon
skateboarding-line-duotone from Solar by 480 Design · Line Duotone · Sports · CC-BY-4.0 Attribution required.
- Name
- skateboarding-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Sports
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More sports icons from Solar
balls-boldbasketball-boldbicycling-boldbicycling-round-boldbody-shape-boldbody-shape-minimalistic-boldbowling-bolddumbbell-bolddumbbell-large-bolddumbbell-large-minimalistic-bolddumbbell-small-bolddumbbells-2-bolddumbbells-boldfootball-boldgolf-boldhiking-boldhiking-minimalistic-boldhiking-round-boldmeditation-boldmeditation-round-boldranking-boldrugby-boldrunning-2-boldrunning-bold
Use the skateboarding icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M3 17L4.20414 18.3379C4.58342 18.7594 5.12375 19 5.69073 19H18.3093C18.8762 19 19.4166 18.7594 19.7959 18.3379L21 17"/><circle cx="19" cy="4" r="2"/><path stroke-linecap="round" d="M15 16.5004V15.2496C15 15.1657 15 15.1237 14.999 15.0843C14.9732 14.1062 14.4721 13.2021 13.6563 12.6619C13.6234 12.6401 13.5842 12.6155 13.5057 12.5665C13.4089 12.506 13.3604 12.4757 13.3291 12.4545C12.241 11.7158 12.1498 10.1461 13.145 9.2863C13.1735 9.2616 13.2125 9.23044 13.2903 9.16819L13.7358 8.81177C14.7607 7.99187 14.5413 6.37526 13.3349 5.85825C12.8119 5.6341 12.2123 5.68028 11.7297 5.98186L8.5 8.00044"/><path stroke-linecap="round" d="M7 15.5H7.37868C8.73694 15.5 10.0396 14.9604 11 14" opacity=".5"/><path stroke-linecap="round" d="M16.5 10C17.8131 10.3283 19.1869 10.3283 20.5 10" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M7 21H7.0001" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M17 21H17.0001" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSkateboardingLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path strokeLinecap="round" strokeLinejoin="round" d="M3 17L4.20414 18.3379C4.58342 18.7594 5.12375 19 5.69073 19H18.3093C18.8762 19 19.4166 18.7594 19.7959 18.3379L21 17"/><circle cx="19" cy="4" r="2"/><path strokeLinecap="round" d="M15 16.5004V15.2496C15 15.1657 15 15.1237 14.999 15.0843C14.9732 14.1062 14.4721 13.2021 13.6563 12.6619C13.6234 12.6401 13.5842 12.6155 13.5057 12.5665C13.4089 12.506 13.3604 12.4757 13.3291 12.4545C12.241 11.7158 12.1498 10.1461 13.145 9.2863C13.1735 9.2616 13.2125 9.23044 13.2903 9.16819L13.7358 8.81177C14.7607 7.99187 14.5413 6.37526 13.3349 5.85825C12.8119 5.6341 12.2123 5.68028 11.7297 5.98186L8.5 8.00044"/><path strokeLinecap="round" d="M7 15.5H7.37868C8.73694 15.5 10.0396 14.9604 11 14" opacity=".5"/><path strokeLinecap="round" d="M16.5 10C17.8131 10.3283 19.1869 10.3283 20.5 10" opacity=".5"/><path strokeLinecap="round" strokeLinejoin="round" d="M7 21H7.0001" opacity=".5"/><path strokeLinecap="round" strokeLinejoin="round" d="M17 21H17.0001" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M3 17L4.20414 18.3379C4.58342 18.7594 5.12375 19 5.69073 19H18.3093C18.8762 19 19.4166 18.7594 19.7959 18.3379L21 17"/><circle cx="19" cy="4" r="2"/><path stroke-linecap="round" d="M15 16.5004V15.2496C15 15.1657 15 15.1237 14.999 15.0843C14.9732 14.1062 14.4721 13.2021 13.6563 12.6619C13.6234 12.6401 13.5842 12.6155 13.5057 12.5665C13.4089 12.506 13.3604 12.4757 13.3291 12.4545C12.241 11.7158 12.1498 10.1461 13.145 9.2863C13.1735 9.2616 13.2125 9.23044 13.2903 9.16819L13.7358 8.81177C14.7607 7.99187 14.5413 6.37526 13.3349 5.85825C12.8119 5.6341 12.2123 5.68028 11.7297 5.98186L8.5 8.00044"/><path stroke-linecap="round" d="M7 15.5H7.37868C8.73694 15.5 10.0396 14.9604 11 14" opacity=".5"/><path stroke-linecap="round" d="M16.5 10C17.8131 10.3283 19.1869 10.3283 20.5 10" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M7 21H7.0001" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M17 21H17.0001" opacity=".5"/></g></svg> </template>
CSS
.icon-skateboarding-line-duotone {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2017L4.20414%2018.3379C4.58342%2018.7594%205.12375%2019%205.69073%2019H18.3093C18.8762%2019%2019.4166%2018.7594%2019.7959%2018.3379L21%2017%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%224%22%20r%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2016.5004V15.2496C15%2015.1657%2015%2015.1237%2014.999%2015.0843C14.9732%2014.1062%2014.4721%2013.2021%2013.6563%2012.6619C13.6234%2012.6401%2013.5842%2012.6155%2013.5057%2012.5665C13.4089%2012.506%2013.3604%2012.4757%2013.3291%2012.4545C12.241%2011.7158%2012.1498%2010.1461%2013.145%209.2863C13.1735%209.2616%2013.2125%209.23044%2013.2903%209.16819L13.7358%208.81177C14.7607%207.99187%2014.5413%206.37526%2013.3349%205.85825C12.8119%205.6341%2012.2123%205.68028%2011.7297%205.98186L8.5%208.00044%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7%2015.5H7.37868C8.73694%2015.5%2010.0396%2014.9604%2011%2014%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M16.5%2010C17.8131%2010.3283%2019.1869%2010.3283%2020.5%2010%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7%2021H7.0001%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17%2021H17.0001%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M3%2017L4.20414%2018.3379C4.58342%2018.7594%205.12375%2019%205.69073%2019H18.3093C18.8762%2019%2019.4166%2018.7594%2019.7959%2018.3379L21%2017%22%2F%3E%3Ccircle%20cx%3D%2219%22%20cy%3D%224%22%20r%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2016.5004V15.2496C15%2015.1657%2015%2015.1237%2014.999%2015.0843C14.9732%2014.1062%2014.4721%2013.2021%2013.6563%2012.6619C13.6234%2012.6401%2013.5842%2012.6155%2013.5057%2012.5665C13.4089%2012.506%2013.3604%2012.4757%2013.3291%2012.4545C12.241%2011.7158%2012.1498%2010.1461%2013.145%209.2863C13.1735%209.2616%2013.2125%209.23044%2013.2903%209.16819L13.7358%208.81177C14.7607%207.99187%2014.5413%206.37526%2013.3349%205.85825C12.8119%205.6341%2012.2123%205.68028%2011.7297%205.98186L8.5%208.00044%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7%2015.5H7.37868C8.73694%2015.5%2010.0396%2014.9604%2011%2014%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M16.5%2010C17.8131%2010.3283%2019.1869%2010.3283%2020.5%2010%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M7%2021H7.0001%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M17%2021H17.0001%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/skateboarding-line-duotone.svg?color=%231a73e8&size=48
