Add icons to this collection by clicking the heart icon.
Skateboarding icon - also known as play, game, sports, wheels, transportation, leisure, skateboard, skateboarding, and sports and competition. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient id="a">
<stop offset="0" stop-color="#c96744" />
<stop offset=".304" stop-color="#a84540" />
<stop offset=".64" stop-color="#4b90a0" />
<stop offset="1" stop-color="#397a8e" />
</linearGradient>
<linearGradient
id="b"
x1="-5.5"
x2="52.325"
y1="11.5"
y2="69.325"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="10.5"
x2="68.325"
y1="-4.5"
y2="53.325"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="17.5"
x2="75.325"
y1="-11.5"
y2="46.325"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="20.5"
x2="78.325"
y1="-14.5"
y2="43.325"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1=".5"
x2="58.325"
y1="5.5"
y2="63.325"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="3.5"
x2="61.325"
y1="2.5"
y2="60.325"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M15 64c6.617 0 12-5.383 12-12v-2h1a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-1V21h1a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1h-1v-2c0-6.617-5.383-12-12-12S3 5.383 3 12v2H2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1v22H2a1 1 0 0 0-1 1v5a1 1 0 0 0 1 1h1v2c0 6.617 5.383 12 12 12zm10-12c0 5.514-4.486 10-10 10S5 57.514 5 52v-2h1a1 1 0 0 0 1-1h3v1c0 1.103.897 2 2 2h6c1.103 0 2-.897 2-2v-1h3a1 1 0 0 0 1 1h1zm-12-6a1 1 0 1 0 0-2h-1v-1h6v1h-1a1 1 0 1 0 0 2h6v1H7v-1zm-1 3h6v1h-6zm15-1h-2v-3h2zM12 20h6v1h-6zm-5-2v-1h16v1zm11-3h-6v-1h6zm9 4h-2v-3h2zM5 12C5 6.486 9.486 2 15 2s10 4.486 10 10v2h-1a1 1 0 0 0-1 1h-3v-1c0-1.103-.897-2-2-2h-6c-1.103 0-2 .897-2 2v1H7a1 1 0 0 0-1-1H5zm-2 4h2v3H3zm2 5h1a1 1 0 0 0 1-1h3v1c0 1.103.897 2 2 2h6c1.103 0 2-.897 2-2v-1h3a1 1 0 0 0 1 1h1v22h-1a1 1 0 0 0-1 1h-3v-1c0-1.103-.897-2-2-2h-6c-1.103 0-2 .897-2 2v1H7a1 1 0 0 0-1-1H5zM3 45h2v3H3z"
/>
<path
fill="url(#c)"
d="M47 64c6.617 0 12-5.383 12-12V12c0-6.617-5.383-12-12-12S35 5.383 35 12v40c0 6.617 5.383 12 12 12zM37 12c0-5.514 4.486-10 10-10s10 4.486 10 10v40c0 5.514-4.486 10-10 10s-10-4.486-10-10z"
/>
<path
fill="url(#c)"
d="M47 61c4.962 0 9-4.037 9-9V12c0-4.963-4.038-9-9-9s-9 4.037-9 9a1 1 0 1 0 2 0c0-3.859 3.14-7 7-7s7 3.141 7 7v40c0 3.859-3.14 7-7 7s-7-3.141-7-7V16a1 1 0 1 0-2 0v36c0 4.963 4.038 9 9 9z"
/>
<path
fill="url(#d)"
d="M44 18c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3 1.346 3 3 3zm0-4a1.001 1.001 0 1 1-1 1c0-.552.449-1 1-1z"
/>
<path
fill="url(#e)"
d="M50 18c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3 1.346 3 3 3zm0-4a1.001 1.001 0 1 1-1 1c0-.552.449-1 1-1z"
/>
<path
fill="url(#f)"
d="M44 52c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3 1.346 3 3 3zm0-4a1.001 1.001 0 1 1-1 1c0-.552.449-1 1-1z"
/>
<path
fill="url(#g)"
d="M50 52c1.654 0 3-1.346 3-3s-1.346-3-3-3-3 1.346-3 3 1.346 3 3 3zm0-4a1.001 1.001 0 1 1-1 1c0-.552.449-1 1-1z"
/>
</svg>
More icons in the same style and category