Add icons to this collection by clicking the heart icon.
Button icon - also known as arrows, button, up, down, elevator, and electronics. Created in a clean lineal color style with a white, silver, and black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-256.517c-8.854 0-16.032-7.178-16.032-16.032v-464.936c0-8.854 7.178-16.032 16.032-16.032H0c8.854 0 16.032 7.178 16.032 16.032v464.936C16.032-7.178 8.854 0 0 0"
transform="translate(384.258 504.5)"
fill="#eceaec"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.282 0-24.048 10.767-24.048 24.048v448.904h-8.017c-8.854 0-16.032-7.178-16.032-16.033V-8.016c0-8.854 7.178-16.032 16.032-16.032h256.517c8.854 0 16.032 7.178 16.032 16.032V0Z"
transform="translate(159.807 31.548)"
fill="#dbd8db"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 39.845 32.3 72.145 72.145 72.145S144.29 39.845 144.29 0s-32.3-72.145-72.145-72.145S0-39.845 0 0"
transform="translate(183.855 352.194)"
fill="#c9c5c9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 39.845 32.3 72.145 72.145 72.145S144.29 39.845 144.29 0s-32.3-72.145-72.145-72.145S0-39.845 0 0"
transform="translate(183.855 159.806)"
fill="#c9c5c9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-39.845 0-72.145 32.301-72.145 72.145 0 15.577 4.986 29.961 13.38 41.753-18.371-13.077-30.392-34.496-30.392-58.764 0-39.845 32.301-72.146 72.145-72.146 24.268 0 45.688 12.022 58.765 30.393C29.962 4.987 15.577 0 0 0"
transform="translate(273.012 297.06)"
fill="#b8b2b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-39.845 0-72.145 32.3-72.145 72.145 0 15.577 4.986 29.961 13.38 41.753-18.371-13.077-30.392-34.497-30.392-58.765 0-39.844 32.301-72.145 72.145-72.145 24.268 0 45.688 12.022 58.765 30.392C29.962 4.987 15.577 0 0 0"
transform="translate(273.012 104.673)"
fill="#b8b2b8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-256.517c-8.854 0-16.032-7.178-16.032-16.032v-464.936c0-8.854 7.178-16.032 16.032-16.032H0c8.854 0 16.032 7.178 16.032 16.032v464.936C16.032-7.178 8.854 0 0 0Z"
transform="translate(384.258 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 32.064 40.081L64.129 0"
transform="translate(223.935 336.161)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 39.845 32.3 72.145 72.145 72.145S144.29 39.845 144.29 0s-32.3-72.145-72.145-72.145S0-39.845 0 0Z"
transform="translate(183.855 159.806)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-32.064-40.081L-64.129 0"
transform="translate(288.065 175.839)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.08"
transform="translate(143.774 472.435)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.08"
transform="translate(143.774 39.565)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.081"
transform="translate(368.226 472.435)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h.081"
transform="translate(368.226 39.565)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-11.12 7.004-24.243 11.117-38.355 11.117-39.845 0-72.145-32.3-72.145-72.145s32.3-72.145 72.145-72.145 72.145 32.3 72.145 72.145c0 14.112-4.113 27.236-11.117 38.355"
transform="translate(294.355 413.222)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category