Add icons to this collection by clicking the heart icon.
Roller Skate icon - also known as skating, leisure, skater, roller skates, roller skate, sports and competition, and kid and baby. 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"
>
<defs>
<linearGradient
id="a"
x1="2"
x2="63.131"
y1="55"
y2="55"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ef7ec0" />
<stop offset=".293" stop-color="#eb66ad" />
<stop offset=".909" stop-color="#e2297c" />
<stop offset="1" stop-color="#e11f74" />
</linearGradient>
<linearGradient id="b" x2="63.131" y1="32" y2="32" href="#a" />
<linearGradient id="c" x2="63.131" y1="24.609" y2="24.609" href="#a" />
<linearGradient
id="d"
x2="63.131"
y1="27"
y2="27"
gradientTransform="rotate(45 21 27)"
href="#a"
/>
<linearGradient
id="e"
x2="63.131"
y1="28.5"
y2="28.5"
gradientTransform="rotate(45 24.5 28.5)"
href="#a"
/>
</defs>
<g>
<path
d="M12 52a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1ZM50 52a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1Z"
fill="url(#a)"
/>
<path
d="m56.3 28.046-.057-.016-15.732-3.93L30 13.586V3a1 1 0 0 0-1-1h-8a.976.976 0 0 0-.132.009l-15 2A1 1 0 0 0 5 5v11.764l-2.895 5.789a1 1 0 0 0-.085.643L3.78 32H3a1 1 0 0 0-1 1v12a2.13 2.13 0 0 0 .069.344c.009.022.03.091.036.1l2 4A1 1 0 0 0 5 50h2.11a7 7 0 1 0 9.78 0H19a1 1 0 0 0 .895-.553L21.618 46h18.764l1.723 3.447A1 1 0 0 0 43 50h2.11a7 7 0 1 0 9.78 0H57a1 1 0 0 0 .9-.553L59.618 46H61a1 1 0 0 0 1-1V35c0-3.23-2.131-5.83-5.7-6.954ZM22 4h6v2h-4v2h4v2h-4v2h4v1.382l-3.447 1.723.894 1.79 3.353-1.678 1.286 1.283-2.793 2.793 1.414 1.414 2.793-2.793 1.586 1.586-2.793 2.793 1.414 1.414 2.793-2.793 1.586 1.586-2.793 2.793 1.414 1.414 2.793-2.793 1.283 1.286-1.683 3.353 1.79.894 1.641-3.282 2.174.543L41.279 31h-4.865L22 16.586ZM7 5.875l13-1.733v1.982L7 7.858Zm0 4 13-1.733v1.983L7 11.858Zm0 4 13-1.734v1.982L7 15.858ZM17 55a5 5 0 1 1-5-5 5.006 5.006 0 0 1 5 5Zm1.382-7H5.618l-1-2h14.764ZM55 55a5 5 0 1 1-5-5 5.006 5.006 0 0 1 5 5Zm1.382-7H43.618l-1-2h14.764ZM60 44H4v-2h56Zm-36-4v-1.613L28.838 40Zm36 0H35.162l-11.846-3.949A1 1 0 0 0 22 37v3H4v-6h19.838l11.846 3.949A1 1 0 0 0 36 38h24Zm0-4h-2v-1c0-1.035 0-3.188-3.757-3.97l-8-2-.486 1.94 8.043 2.009C56 33.438 56 34.2 56 35v1H36.162l-11.846-3.949A1 1 0 0 0 24 32H5.82l-1.772-8.86 2.61-5.219L20 16.142V17a1 1 0 0 0 .293.707l15 15A1 1 0 0 0 36 33h6a1 1 0 0 0 .949-.684l1.707-5.116 11.072 2.768C58.4 30.814 60 32.7 60 35Z"
fill="url(#b)"
/>
<path
d="M17.668 20.261a3.942 3.942 0 0 0-4.668-.5 3.949 3.949 0 0 0-4.679.5 3.772 3.772 0 0 0-.033 5.447l4 4A1 1 0 0 0 13 30a1 1 0 0 0 .708-.293l3.96-3.968a3.769 3.769 0 0 0 0-5.478Zm-1.381 4.032L13 27.586l-3.332-3.325a1.775 1.775 0 0 1 0-2.522 1.964 1.964 0 0 1 2.658 0 1 1 0 0 0 1.348 0 1.955 1.955 0 0 1 2.647 0A1.7 1.7 0 0 1 16.848 23a1.723 1.723 0 0 1-.561 1.293Z"
fill="url(#c)"
/>
<path
d="M18.172 26h5.657v2h-5.657z"
transform="rotate(-45 21 27)"
fill="url(#d)"
/>
<path
d="M22.379 27.5h4.243v2h-4.243z"
transform="rotate(-45 24.5 28.5)"
fill="url(#e)"
/>
</g>
</svg>
More icons in the same style and category