Add icons to this collection by clicking the heart icon.
Pedal icon - also known as transportation, clutch, brake, pedal, gas pedal, and accelerator. 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 32 32"
>
<linearGradient
id="a"
x1="-5.857"
x2="24.166"
y1="25.857"
y2="-4.166"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="2.989"
x2="33.013"
y1="34.703"
y2="4.68"
href="#a"
/>
<linearGradient
id="c"
x1="8.259"
x2="38.283"
y1="39.974"
y2="9.95"
href="#a"
/>
<linearGradient
id="d"
x1="-2.357"
x2="27.666"
y1="29.357"
y2="-.666"
href="#a"
/>
<linearGradient
id="e"
x1="-1.511"
x2="28.513"
y1="30.203"
y2=".18"
href="#a"
/>
<linearGradient
id="f"
x1="-.857"
x2="29.166"
y1="30.857"
y2=".834"
href="#a"
/>
<linearGradient
id="g"
x1="-6.857"
x2="23.166"
y1="24.857"
y2="-5.166"
href="#a"
/>
<linearGradient
id="h"
x1="3.393"
x2="33.416"
y1="35.107"
y2="5.084"
href="#a"
/>
<linearGradient
id="i"
x1="7.643"
x2="37.666"
y1="39.357"
y2="9.334"
href="#a"
/>
<linearGradient
id="j"
x1="9.143"
x2="39.166"
y1="40.857"
y2="10.834"
href="#a"
/>
<linearGradient
id="k"
x1="2.143"
x2="32.166"
y1="33.857"
y2="3.834"
href="#a"
/>
<linearGradient
id="l"
x1="3.643"
x2="33.666"
y1="35.357"
y2="5.334"
href="#a"
/>
<g>
<path
fill="url(#a)"
d="M30 7H2a2.002 2.002 0 0 1-2-2V3a2.002 2.002 0 0 1 2-2h28a2.002 2.002 0 0 1 2 2v2a2.002 2.002 0 0 1-2 2zM2 3v2h28.002L30 3z"
/>
<path
fill="url(#b)"
d="M18.382 29h-4.764a1.99 1.99 0 0 1-1.789-1.105l-.618-1.237a2.01 2.01 0 0 1-.211-.894V17a2.002 2.002 0 0 1 2-2h6a2.002 2.002 0 0 1 2 2v8.764a2.01 2.01 0 0 1-.21.894l-.62 1.236A1.99 1.99 0 0 1 18.383 29zM13 17v8.764L13.618 27h4.764L19 25.764V17z"
/>
<path
fill="url(#c)"
d="M28.465 29H24a2.002 2.002 0 0 1-2-2V17a2.002 2.002 0 0 1 2-2h6a2.002 2.002 0 0 1 2 2v7.697a1.994 1.994 0 0 1-.336 1.11l-1.535 2.302a1.996 1.996 0 0 1-1.664.891zM24 17v10h4.465L30 24.697V17z"
/>
<path
fill="url(#d)"
d="M16 17a1 1 0 0 1-1-1V6a1 1 0 0 1 2 0v10a1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M7.382 31H2.618A1.99 1.99 0 0 1 .83 29.895l-.618-1.237A2.01 2.01 0 0 1 0 27.764V19a2.002 2.002 0 0 1 2-2h6a2.002 2.002 0 0 1 2 2v8.764a2.01 2.01 0 0 1-.21.894l-.62 1.236A1.99 1.99 0 0 1 7.383 31zM2 19v8.764L2.618 29h4.764L8 27.764V19z"
/>
<path fill="url(#d)" d="M6 23H4a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M6 26H4a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path
fill="url(#g)"
d="M5 19a1 1 0 0 1-1-1v-5a1 1 0 0 1 .293-.707L6 10.586V6a1 1 0 0 1 2 0v5a1 1 0 0 1-.293.707L6 13.414V18a1 1 0 0 1-1 1z"
/>
<path
fill="url(#h)"
d="M27 17a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v9a1 1 0 0 1-1 1z"
/>
<path fill="url(#i)" d="M28 21h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#j)" d="M28 24h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#k)" d="M17 21h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
<path fill="url(#l)" d="M17 24h-2a1 1 0 0 1 0-2h2a1 1 0 0 1 0 2z" />
</g>
</svg>
More icons in the same style and category