Add icons to this collection by clicking the heart icon.
Piston icon - also known as mechanical, motor, engine, transportation, and piston. Created in a clean lineal color style with a white, gray, black, and navy 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M360.875 36.75C359.875 35.25 335.458 0 256 0S152.125 35.25 151.125 36.75a10.676 10.676 0 0 0-1.792 5.917V224A10.66 10.66 0 0 0 160 234.667h21.333a10.67 10.67 0 0 0 4.771-1.125l27.229-13.615v133.094c-26.49 15.25-42.667 42.885-42.667 73.646C170.667 473.719 208.948 512 256 512s85.333-38.281 85.333-85.333c0-30.76-16.177-58.396-42.667-73.646V219.927l27.229 13.615a10.67 10.67 0 0 0 4.771 1.125H352A10.66 10.66 0 0 0 362.667 224V42.667c0-2.104-.625-4.167-1.792-5.917zM256 448c-11.76 0-21.333-9.573-21.333-21.333 0-11.76 9.573-21.333 21.333-21.333 11.76 0 21.333 9.573 21.333 21.333 0 11.76-9.573 21.333-21.333 21.333z"
fill="#303c42"
/>
<path
d="M170.667 85.333v128h8.146l40.417-20.208a10.696 10.696 0 0 1 4.771-1.125c1.948 0 3.896.531 5.604 1.594a10.67 10.67 0 0 1 5.063 9.073v156.792c0 4.115-2.365 7.854-6.073 9.625C206.021 379.865 192 401.927 192 426.667c0 35.292 28.708 64 64 64s64-28.708 64-64c0-24.74-14.021-46.802-36.594-57.583a10.664 10.664 0 0 1-6.073-9.625V202.667a10.67 10.67 0 0 1 5.063-9.073c3.146-1.948 7.073-2.104 10.375-.469l40.417 20.208h8.146v-128H170.667zM256 448c-11.783 0-21.333-9.552-21.333-21.333 0-11.783 9.551-21.333 21.333-21.333 11.783 0 21.333 9.551 21.333 21.333 0 11.781-9.55 21.333-21.333 21.333z"
fill="#5c6771"
/>
<path
d="M192 85.333h-21.333v128h8.146L192 206.74z"
opacity=".2"
fill="#fff"
/>
<path
d="M320 85.333V206.74l13.188 6.593h8.145v-128z"
opacity=".1"
fill="#010101"
/>
<path
d="M256 128c-11.76 0-21.333 9.573-21.333 21.333 0 11.76 9.573 21.333 21.333 21.333 11.76 0 21.333-9.573 21.333-21.333 0-11.76-9.573-21.333-21.333-21.333z"
fill="#303c42"
/>
<path
d="M256 21.333c55.885 0 79.146 18.938 85.333 25.24V64H170.667V46.594c6.323-6.438 29.604-25.261 85.333-25.261z"
fill="#495966"
/>
<path
d="M170.667 64H192V46.594c4.529-6.148 20.66-23.594 58.513-25.149 1.78-.073 3.609-.111 5.487-.111-55.729 0-79.01 18.823-85.333 25.26V64z"
opacity=".2"
fill="#fff"
/>
<path
d="M256 21.333c41.914 0 59.359 18.938 64 25.24V64h21.333V46.573c-6.187-6.302-29.448-25.24-85.333-25.24z"
opacity=".1"
fill="#010101"
/>
<path
d="M256 384c-23.531 0-42.667 19.135-42.667 42.667s19.135 42.667 42.667 42.667 42.667-19.135 42.667-42.667S279.531 384 256 384zm0 64c-11.76 0-21.333-9.573-21.333-21.333 0-11.76 9.573-21.333 21.333-21.333 11.76 0 21.333 9.573 21.333 21.333 0 11.76-9.573 21.333-21.333 21.333z"
fill="#303c42"
/>
<path
d="M292.59 374.504c7.251 10.414 11.41 22.866 11.41 36.163 0 11.02-3.055 21.24-7.979 30.302a42.598 42.598 0 0 1-25.72 25.72c-9.063 4.924-19.281 7.978-30.301 7.978-13.565 0-26.107-4.303-36.47-11.53 11.573 16.599 30.743 27.53 52.47 27.53 35.292 0 64-28.708 64-64 0-21.162-10.316-40.304-27.41-52.163z"
opacity=".1"
fill="#010101"
/>
<linearGradient
id="a"
x1="-42.577"
x2="-27.907"
y1="638.434"
y2="631.593"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M360.875 36.75C359.875 35.25 335.458 0 256 0S152.125 35.25 151.125 36.75a10.676 10.676 0 0 0-1.792 5.917V224A10.66 10.66 0 0 0 160 234.667h21.333a10.67 10.67 0 0 0 4.771-1.125l27.229-13.615v133.094c-26.49 15.25-42.667 42.885-42.667 73.646C170.667 473.719 208.948 512 256 512s85.333-38.281 85.333-85.333c0-30.76-16.177-58.396-42.667-73.646V219.927l27.229 13.615a10.67 10.67 0 0 0 4.771 1.125H352A10.66 10.66 0 0 0 362.667 224V42.667c0-2.104-.625-4.167-1.792-5.917zM256 448c-11.76 0-21.333-9.573-21.333-21.333 0-11.76 9.573-21.333 21.333-21.333 11.76 0 21.333 9.573 21.333 21.333 0 11.76-9.573 21.333-21.333 21.333z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category