Add icons to this collection by clicking the heart icon.
Roller Skate icon - also known as sports, sport, skating, roller skates, roller skate, sports and competition, and rollerblade shoes. Created in a clean flat 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 48 48"
>
<linearGradient
id="a"
x1="39.5"
x2="39.5"
y1="42"
y2="34.523"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#3e4154" />
<stop offset="1" stop-color="#1b2129" />
</linearGradient>
<linearGradient
id="b"
x1="39.5"
x2="39.5"
y1="37.089"
y2="34.62"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c6cbcc" />
<stop offset="1" stop-color="#9fa5a6" />
</linearGradient>
<linearGradient id="d" x1="24" x2="24" y1="42" y2="34.523" href="#a" />
<linearGradient id="e" x1="24" x2="24" y1="37.089" y2="34.62" href="#b" />
<linearGradient id="f" x1="8.5" x2="8.5" y1="42" y2="34.523" href="#a" />
<linearGradient id="g" x1="8.5" x2="8.5" y1="37.089" y2="34.62" href="#b" />
<linearGradient
id="h"
x1="45.929"
x2="2.934"
y1="20"
y2="20"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e85155" />
<stop offset="1" stop-color="#c21d2c" />
</linearGradient>
<linearGradient
id="c"
x1="22.685"
x2="22.604"
y1="11.056"
y2="12.984"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#edf1f2" />
<stop offset="1" stop-color="#c6cbcc" />
</linearGradient>
<linearGradient
id="i"
x1="23.44"
x2="24.284"
y1="15.491"
y2="17.46"
href="#c"
/>
<linearGradient
id="j"
x1="26.237"
x2="27.844"
y1="19.758"
y2="21.245"
href="#c"
/>
<linearGradient
id="k"
x1="30.444"
x2="32.413"
y1="22.411"
y2="23.014"
href="#c"
/>
<linearGradient id="l" x1="46" x2="2.714" y1="30.5" y2="30.5" href="#c" />
<circle cx="39.5" cy="35.5" r="6.5" fill="url(#a)" />
<circle cx="39.5" cy="35.5" r="2.5" fill="url(#b)" />
<circle cx="24" cy="35.5" r="6.5" fill="url(#d)" />
<circle cx="24" cy="35.5" r="2.5" fill="url(#e)" />
<circle cx="8.5" cy="35.5" r="6.5" fill="url(#f)" />
<circle cx="8.5" cy="35.5" r="2.5" fill="url(#g)" />
<path
fill="url(#h)"
d="M5 8v8.085A10.522 10.522 0 0 1 3.5 21.5 10.522 10.522 0 0 0 2 26.915V30a4 4 0 0 0 4 4h36a4 4 0 0 0 4-4v-1a8 8 0 0 0-8-8h-2.757A10.242 10.242 0 0 1 28 18a10.242 10.242 0 0 1-3-7.243V8a2 2 0 0 0-2-2H7a2 2 0 0 0-2 2z"
/>
<path
fill="url(#c)"
d="M25.25 13H21a1 1 0 0 1 0-2h4a10.228 10.228 0 0 0 .25 2z"
/>
<path
fill="url(#i)"
d="m26.66 16.35-3.9 1.66a1.1 1.1 0 0 1-.4.08 1.019 1.019 0 0 1-.92-.61 1 1 0 0 1 .53-1.31l3.77-1.6c.01.04.03.07.04.11a10.647 10.647 0 0 0 .88 1.67z"
/>
<path
fill="url(#j)"
d="m29.43 19.19-2.81 3.07a1 1 0 0 1-.74.33 1 1 0 0 1-.74-1.68l2.76-3.01a.943.943 0 0 1 .1.1 10.145 10.145 0 0 0 1.43 1.19z"
/>
<path
fill="url(#k)"
d="m33.19 20.79-1.01 3.55a1.011 1.011 0 0 1-.96.73.947.947 0 0 1-.28-.04.984.984 0 0 1-.68-1.23l1.02-3.6a10.036 10.036 0 0 0 1.91.59z"
/>
<path
fill="url(#l)"
d="m14.311 29.155-2.622-1.31A7.994 7.994 0 0 0 8.111 27H2v3a4 4 0 0 0 4 4h36a4 4 0 0 0 4-4H17.889a7.994 7.994 0 0 1-3.578-.845z"
/>
</svg>
More icons in the same style and category