Add icons to this collection by clicking the heart icon.
Pause icon - also known as interface, signs, pause, multimedia, video player, music player, multimedia option, and music and multimedia. Created in a clean lineal color style with a white, gray, 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="M256 0C114.833 0 0 114.844 0 256s114.833 256 256 256 256-114.844 256-256S397.167 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"
/>
<path
d="M224 362.667h-64A10.66 10.66 0 0 1 149.333 352V160A10.66 10.66 0 0 1 160 149.333h64A10.66 10.66 0 0 1 234.667 160v192A10.66 10.66 0 0 1 224 362.667z"
fill="#303c42"
/>
<path d="M170.667 170.667h42.667v170.667h-42.667z" fill="#78909c" />
<path
d="M352 362.667h-64A10.66 10.66 0 0 1 277.333 352V160A10.66 10.66 0 0 1 288 149.333h64A10.66 10.66 0 0 1 362.667 160v192A10.66 10.66 0 0 1 352 362.667z"
fill="#303c42"
/>
<linearGradient
id="a"
x1="-29.885"
x2="-29.874"
y1="639.364"
y2="639.353"
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="m359.033 152.111-.235-.235-.006.072z" fill="url(#a)" />
<linearGradient
id="b"
x1="-37.675"
x2="-26.931"
y1="637.464"
y2="626.713"
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="M359.889 152.967c1.678 1.884 2.777 4.307 2.777 7.033v192a10.66 10.66 0 0 1-10.667 10.667h-64A10.66 10.66 0 0 1 277.332 352V198.452l-45.361-45.361c1.62 1.871 2.694 4.237 2.694 6.909v192a10.66 10.66 0 0 1-10.667 10.667h-64c-2.529 0-4.754-1.005-6.581-2.473l128.898 128.898C390.749 476.922 477 390.638 489.112 282.19L359.889 152.967z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-35.887"
x2="-35.88"
y1="639.365"
y2="639.357"
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="m230.909 152.027-.151-.151-.015.039z" fill="url(#c)" />
<path d="M298.667 170.667h42.667v170.667h-42.667z" fill="#78909c" />
<linearGradient
id="d"
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.833 0 0 114.844 0 256s114.833 256 256 256 256-114.844 256-256S397.167 0 256 0z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category