Add icons to this collection by clicking the heart icon.
Electric Scooter icon - also known as transportation, kick scooter, and electric scooter. Created in a clean outline color style with a silver, gray, and teal finish, 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 128 128"
>
<linearGradient
id="a"
x1="15"
x2="15"
y1="126"
y2="102"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#464f6b" />
<stop offset="1" stop-color="#575f7c" />
</linearGradient>
<linearGradient
id="b"
x1="15"
x2="15"
y1="121"
y2="107"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#949aaf" />
<stop offset="1" stop-color="#c6ccda" />
</linearGradient>
<linearGradient id="d" x1="115" x2="115" href="#a" />
<linearGradient id="e" x1="115" x2="115" href="#b" />
<linearGradient
id="c"
x1="58.69"
x2="58.69"
y1="118"
y2="110"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#7aa8d7" />
<stop offset="1" stop-color="#96c8ea" />
</linearGradient>
<linearGradient
id="f"
x1="107.11"
x2="107.11"
y1="96.17"
y2="72.15"
href="#c"
/>
<g>
<circle cx="15" cy="114" r="12" fill="url(#a)" />
<circle cx="15" cy="114" r="7" fill="url(#b)" />
<path
fill="#3d465e"
d="M15 126a12 12 0 0 1-11.9-13.5 12 12 0 0 0 23.8 0A12 12 0 0 1 15 126z"
/>
<path
fill="#adb3c4"
d="M21.84 115.5c-1.6-7.3-12.08-7.31-13.68 0a7 7 0 1 1 13.68 0z"
/>
<circle cx="115" cy="114" r="12" fill="url(#d)" />
<path
fill="#3d465e"
d="M115 126a12 12 0 0 1-11.9-13.5 12 12 0 0 0 23.8 0A12 12 0 0 1 115 126z"
/>
<circle cx="115" cy="114" r="7" fill="url(#e)" />
<path
fill="#adb3c4"
d="M121.84 115.5c-1.6-7.3-12.08-7.31-13.68 0a7 7 0 1 1 13.68 0z"
/>
<path fill="url(#c)" d="M90.38 110 84 118H27v-8z" />
<path fill="#5b8dc9" d="M90.38 110 84 118H27v-3h57l3.99-5z" />
<path fill="url(#f)" d="m113.93 94.24-7.9 1.93-5.73-22.09 7.9-1.94z" />
<path
fill="#5b8dc9"
d="M113.93 94.24 106 96.17l-5.7-22.09 1-.24 3 11.43a7.22 7.22 0 0 0 8.7 5.21z"
/>
<path fill="#949aaf" d="M76 6H62a2 2 0 0 1 0-4h14z" />
<path fill="#8288a1" d="M76 4v2H62a2 2 0 0 1-1.73-3A2 2 0 0 0 62 4z" />
<path
fill="#47566a"
d="m112.63 101.23-1.41-5.3c3.14-.77 3.29-.7 3.57-1.18s.61 1.15-5.62-22.86a1 1 0 0 0-1.21-.72l-3 .73L87.32 3.75a1 1 0 0 0-1-.75H77V2a1 1 0 0 0-1-1H62a3 3 0 0 0 0 6h14a1 1 0 0 0 1-1V5h8.58l17.47 67.37-3 .73a1 1 0 0 0-.73 1.23l4.34 16.75L89.89 109h-56C30 93.9 10.24 89.19.22 101.72A1 1 0 0 0 1.78 103c8.76-11 26.22-7.3 30.05 6H27c-.11 0-2.88-8-12-8a13 13 0 1 0 12 18c61.11 0 57.11.1 57.54-.18.59-.13-.89 1.56 19.77-25.29 1.17 4.51.48 4 5 2.87l1.42 5.35a13 13 0 1 0 1.93-.52zM75 5H62a1 1 0 0 1 0-2h13zM15 125a11 11 0 1 1 11-12h-3a8 8 0 1 0 0 2h3a11 11 0 0 1-11 10zm1.72-12a2 2 0 1 0 0 2h4.19a6 6 0 1 1 0-2zm67 4H27.64a12.68 12.68 0 0 0 0-6h60.71zm17.79-42.19 6-1.46 5.23 20.15-6 1.46zM115 125a11 11 0 0 1-3.78-21.32l.77 2.91a8 8 0 1 0 1.94-.51l-.78-2.91A11 11 0 1 1 115 125zm0-9a2 2 0 0 0 .52-3.92l-1.08-4a6 6 0 1 1-1.93.52l1.08 4A2 2 0 0 0 115 116z"
/>
</g>
</svg>
More icons in the same style and category