Pause Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Pause icon is commonly used in media players, audio controls and video players. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310266.svg" alt="Pause icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310266.svg" alt="Pause icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310266.svg" alt="Pause icon" :width="24" :height="24" />
CSS background
.icon-pause {
background-image: url('https://proicons.com/icon/310266.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M10.25 5.5V18.5C10.25 18.9641 10.0656 19.4092 9.73743 19.7374C9.40924 20.0656 8.96413 20.25 8.5 20.25H5.5C5.03587 20.25 4.59076 20.0656 4.26257 19.7374C3.93438 19.4092 3.75 18.9641 3.75 18.5V5.5C3.75263 5.03668 3.93776 4.59309 4.26538 4.26547C4.593 3.93785 5.03668 3.75263 5.5 3.75H8.5C8.96413 3.75 9.40924 3.93438 9.73743 4.26257C10.0656 4.59076 10.25 5.03587 10.25 5.5Z" fill="black"/> <path d="M20.25 5.5V18.5C20.25 18.9641 20.0656 19.4092 19.7374 19.7374C19.4092 20.0656 18.9641 20.25 18.5 20.25H15.5C15.0359 20.25 14.5908 20.0656 14.2626 19.7374C13.9344 19.4092 13.75 18.9641 13.75 18.5V5.5C13.7526 5.03668 13.9378 4.59309 14.2654 4.26547C14.593 3.93785 15.0367 3.75263 15.5 3.75H18.5C18.9641 3.75 19.4092 3.93438 19.7374 4.26257C20.0656 4.59076 20.25 5.03587 20.25 5.5Z" fill="black"/> </svg>
Pause in other icon packs
Copied!