pause icon
pause-broken from Solar by 480 Design · Broken · Video · CC-BY-4.0 Attribution required.
- Name
- pause-broken
- Set
- Solar
- Style
- Broken
- Category
- Video
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
pauseAkar Iconspause-outlinedAnt Design IconspauseBootstrap IconspauseBoxIcons v2pauseCarbonpauseFramework7 IconspauseFont Awesome 6 SolidpauseFont Awesome SolidpauseFeather Iconspause-outlineFlowbite Iconspause-12-filledFluent UI System IconspauseHeroIconspauseHuge IconspauseHumbleiconspauseIconParkpauseIconPark OutlinepauseIconoirpauseIonIconspauseJam IconspauseLine AwesomepauseMaterial Line IconspauseLucidepauseMage IconspauseMajesticons
More video icons from Solar
album-boldcamera-add-boldcamera-boldcamera-minimalistic-boldcamera-off-boldcamera-rotate-boldcamera-square-boldclapperboard-boldclapperboard-edit-boldclapperboard-open-boldclapperboard-open-play-boldclapperboard-play-boldclapperboard-text-boldfull-screen-boldfull-screen-circle-boldfull-screen-square-boldgallery-add-boldgallery-boldgallery-check-boldgallery-circle-boldgallery-download-boldgallery-edit-boldgallery-favorite-boldgallery-minimalistic-bold
Use the pause icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M2 18C2 19.8856 2 20.8284 2.58579 21.4142C3.17157 22 4.11438 22 6 22C7.88562 22 8.82843 22 9.41421 21.4142C10 20.8284 10 19.8856 10 18V6C10 4.11438 10 3.17157 9.41421 2.58579C8.82843 2 7.88562 2 6 2C4.11438 2 3.17157 2 2.58579 2.58579C2 3.17157 2 4.11438 2 6V14"/><path d="M22 6C22 4.11438 22 3.17157 21.4142 2.58579C20.8284 2 19.8856 2 18 2C16.1144 2 15.1716 2 14.5858 2.58579C14 3.17157 14 4.11438 14 6V18C14 19.8856 14 20.8284 14.5858 21.4142C15.1716 22 16.1144 22 18 22C19.8856 22 20.8284 22 21.4142 21.4142C22 20.8284 22 19.8856 22 18V10"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarPauseBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M2 18C2 19.8856 2 20.8284 2.58579 21.4142C3.17157 22 4.11438 22 6 22C7.88562 22 8.82843 22 9.41421 21.4142C10 20.8284 10 19.8856 10 18V6C10 4.11438 10 3.17157 9.41421 2.58579C8.82843 2 7.88562 2 6 2C4.11438 2 3.17157 2 2.58579 2.58579C2 3.17157 2 4.11438 2 6V14"/><path d="M22 6C22 4.11438 22 3.17157 21.4142 2.58579C20.8284 2 19.8856 2 18 2C16.1144 2 15.1716 2 14.5858 2.58579C14 3.17157 14 4.11438 14 6V18C14 19.8856 14 20.8284 14.5858 21.4142C15.1716 22 16.1144 22 18 22C19.8856 22 20.8284 22 21.4142 21.4142C22 20.8284 22 19.8856 22 18V10"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M2 18C2 19.8856 2 20.8284 2.58579 21.4142C3.17157 22 4.11438 22 6 22C7.88562 22 8.82843 22 9.41421 21.4142C10 20.8284 10 19.8856 10 18V6C10 4.11438 10 3.17157 9.41421 2.58579C8.82843 2 7.88562 2 6 2C4.11438 2 3.17157 2 2.58579 2.58579C2 3.17157 2 4.11438 2 6V14"/><path d="M22 6C22 4.11438 22 3.17157 21.4142 2.58579C20.8284 2 19.8856 2 18 2C16.1144 2 15.1716 2 14.5858 2.58579C14 3.17157 14 4.11438 14 6V18C14 19.8856 14 20.8284 14.5858 21.4142C15.1716 22 16.1144 22 18 22C19.8856 22 20.8284 22 21.4142 21.4142C22 20.8284 22 19.8856 22 18V10"/></g></svg> </template>
CSS
.icon-pause-broken {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2018C2%2019.8856%202%2020.8284%202.58579%2021.4142C3.17157%2022%204.11438%2022%206%2022C7.88562%2022%208.82843%2022%209.41421%2021.4142C10%2020.8284%2010%2019.8856%2010%2018V6C10%204.11438%2010%203.17157%209.41421%202.58579C8.82843%202%207.88562%202%206%202C4.11438%202%203.17157%202%202.58579%202.58579C2%203.17157%202%204.11438%202%206V14%22%2F%3E%3Cpath%20d%3D%22M22%206C22%204.11438%2022%203.17157%2021.4142%202.58579C20.8284%202%2019.8856%202%2018%202C16.1144%202%2015.1716%202%2014.5858%202.58579C14%203.17157%2014%204.11438%2014%206V18C14%2019.8856%2014%2020.8284%2014.5858%2021.4142C15.1716%2022%2016.1144%2022%2018%2022C19.8856%2022%2020.8284%2022%2021.4142%2021.4142C22%2020.8284%2022%2019.8856%2022%2018V10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M2%2018C2%2019.8856%202%2020.8284%202.58579%2021.4142C3.17157%2022%204.11438%2022%206%2022C7.88562%2022%208.82843%2022%209.41421%2021.4142C10%2020.8284%2010%2019.8856%2010%2018V6C10%204.11438%2010%203.17157%209.41421%202.58579C8.82843%202%207.88562%202%206%202C4.11438%202%203.17157%202%202.58579%202.58579C2%203.17157%202%204.11438%202%206V14%22%2F%3E%3Cpath%20d%3D%22M22%206C22%204.11438%2022%203.17157%2021.4142%202.58579C20.8284%202%2019.8856%202%2018%202C16.1144%202%2015.1716%202%2014.5858%202.58579C14%203.17157%2014%204.11438%2014%206V18C14%2019.8856%2014%2020.8284%2014.5858%2021.4142C15.1716%2022%2016.1144%2022%2018%2022C19.8856%2022%2020.8284%2022%2021.4142%2021.4142C22%2020.8284%2022%2019.8856%2022%2018V10%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/pause-broken.svg?color=%231a73e8&size=48
