Add icons to this collection by clicking the heart icon.
Backward icon - also known as button, triangle, control, buttons, controls, vertical, line, step, backward, and music and multimedia. Created in a clean lineal color 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0z"
fill="#303c42"
/>
<path
d="M256 490.667C126.604 490.667 21.333 385.396 21.333 256S126.604 21.333 256 21.333 490.667 126.604 490.667 256 385.396 490.667 256 490.667z"
fill="#e6e6e6"
/>
<linearGradient
id="a"
x1="-37.674"
x2="-26.939"
y1="637.444"
y2="626.706"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="m173.586 359.259.004.004-.004-.005v.001zm61.081-150.224 32.359-20.801-34.879-34.878-.001.005c1.5 1.837 2.521 4.092 2.521 6.652v49.022zm105.226-54.263c.896 1.578 1.44 3.366 1.44 5.242v192c0 3.896-2.135 7.5-5.552 9.354a10.65 10.65 0 0 1-5.115 1.313c-2.01 0-4.01-.563-5.771-1.688l-90.229-58v49.021a10.66 10.66 0 0 1-10.667 10.667h-42.667c-2.819 0-5.342-1.139-7.249-2.923l126.534 126.534c93.495-18.085 167.327-91.767 185.599-185.195L339.893 154.772z"
fill="url(#a)"
/>
<path
d="M330.667 362.667c1.75 0 3.521-.438 5.104-1.302a10.652 10.652 0 0 0 5.563-9.365V160c0-3.906-2.125-7.49-5.563-9.365a10.639 10.639 0 0 0-10.875.396l-90.229 58V160A10.66 10.66 0 0 0 224 149.333h-42.667A10.66 10.66 0 0 0 170.666 160v192a10.66 10.66 0 0 0 10.667 10.667H224A10.66 10.66 0 0 0 234.667 352v-49.031l90.229 58a10.62 10.62 0 0 0 5.771 1.698z"
fill="#303c42"
/>
<path
d="M213.333 341.333H192V170.667h21.333v57.906c0 3.906 2.125 7.49 5.563 9.365 3.396 1.833 7.604 1.729 10.875-.396l90.229-58v152.917l-90.229-58c-3.271-2.115-7.479-2.25-10.875-.396a10.652 10.652 0 0 0-5.563 9.365v57.905z"
fill="#78909c"
/>
<path
d="M320 256v76.458l-90.229-58c-3.271-2.115-7.479-2.25-10.875-.396a10.652 10.652 0 0 0-5.563 9.365v57.906H192V256h128z"
opacity=".1"
/>
<linearGradient
id="b"
x1="-45.578"
x2="-23.828"
y1="639.555"
y2="629.414"
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="M256 0C114.844 0 0 114.844 0 256s114.844 256 256 256 256-114.844 256-256S397.156 0 256 0z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category