Add icons to this collection by clicking the heart icon.
Pause Button icon - also known as interface, multimedia, pause button, and music and multimedia. Created in a clean flat gradient style with a 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 52 52"
>
<linearGradient id="a">
<stop offset=".052" stop-color="#55b4fb" />
<stop offset=".569" stop-color="#55b4fb" />
<stop offset="1" stop-color="#0d81f3" />
</linearGradient>
<linearGradient
id="c"
x1="24.861"
x2="24.861"
y1="44.928"
y2="12.735"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="24.861"
x2="24.861"
y1="7.137"
y2="50.102"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#727272" />
<stop offset=".853" stop-color="#313131" />
<stop offset="1" stop-color="#262626" />
</linearGradient>
<linearGradient
id="e"
x1="15.549"
x2="22.137"
y1="24.862"
y2="24.862"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="27.585"
x2="34.172"
y1="24.862"
y2="24.862"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="2"
x2="47.721"
y1="24.86"
y2="24.86"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="6.575"
x2="43.145"
y1="24.862"
y2="24.862"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="190.36"
cy="276.86"
r="4.889"
gradientTransform="scale(1 -1) rotate(83.86 267.836 41.527)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".306" stop-color="#fff" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</radialGradient>
<path
fill="#0d81f3"
d="m43.305 10.976-2.28-2.28-1.397 1.396c-18.433-7.054-36.6 11.077-29.537 29.537l-1.396 1.396 2.28 2.28c8.926 8.927 23.4 8.927 32.33-.002 8.926-8.927 8.926-23.401 0-32.327z"
/>
<path
fill="url(#c)"
d="M41.026 8.696c-8.928-8.928-23.402-8.928-32.33 0-8.927 8.927-8.927 23.402 0 32.33s23.402 8.927 32.33 0c8.927-8.928 8.927-23.403 0-32.33z"
/>
<path
fill="url(#d)"
d="M24.86 6.577c-10.098 0-18.284 8.186-18.284 18.285s8.186 18.285 18.284 18.285c10.1 0 18.286-8.187 18.286-18.285 0-10.099-8.187-18.285-18.286-18.285z"
/>
<path
fill="url(#e)"
d="M20.787 15.65h-3.889a1.35 1.35 0 0 0-1.35 1.35v15.724c0 .745.605 1.349 1.35 1.349h3.89a1.35 1.35 0 0 0 1.349-1.35V17a1.35 1.35 0 0 0-1.35-1.35z"
/>
<path
fill="url(#f)"
d="M32.823 15.65h-3.89A1.35 1.35 0 0 0 27.586 17v15.724c0 .745.604 1.349 1.349 1.349h3.89a1.35 1.35 0 0 0 1.348-1.35V17a1.35 1.35 0 0 0-1.349-1.35z"
/>
<path
fill="url(#g)"
d="M24.86 47.4a22.478 22.478 0 0 1-15.808-6.73c-4.01-4.117-6.461-9.71-6.433-15.81.066-12.203 9.854-22.165 22.242-22.243C30.828 2.59 36.464 4.95 40.67 9.05c4.254 4.183 6.654 9.82 6.731 15.81.096 6.01-2.198 11.77-6.376 16.164 8.927-8.928 8.926-23.401 0-32.328-8.928-8.928-23.403-8.928-32.33 0-8.928 8.927-8.928 23.402 0 32.33 8.927 8.926 23.4 8.927 32.328 0a23.427 23.427 0 0 1-7.482 4.793A22.687 22.687 0 0 1 24.86 47.4z"
/>
<path
fill="url(#h)"
d="M7.078 24.862C7.238 15 15.15 7.234 24.86 7.23c2.31 0 4.618.448 6.753 1.33 6.391 2.62 10.915 8.888 11.031 16.302.052 4.75-1.758 9.274-5.08 12.704-3.346 3.483-7.894 5.43-12.703 5.58 10.098 0 18.284-8.186 18.284-18.284 0-10.099-8.187-18.285-18.285-18.285S6.575 14.763 6.575 24.862c0 10.098 8.186 18.284 18.284 18.285-10.16-.32-17.889-8.551-17.781-18.285z"
/>
<path
fill="url(#i)"
d="m30.36 10.918-3.964-.876 1.836-1.847-2.195 1.399-.014-4.057-.876 3.961-1.848-1.833 1.4 2.195-4.06.013 3.965.876-1.837 1.847 2.197-1.4.013 4.058.877-3.962 1.847 1.834-1.4-2.195z"
/>
</svg>
More icons in the same style and category