video frame play vertical icon
video-frame-play-vertical-bold from Solar by 480 Design · Bold · Video · CC-BY-4.0 Attribution required.
- Name
- video-frame-play-vertical-bold
- Set
- Solar
- Style
- Bold
- Category
- Video
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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 video frame play vertical icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M11.9998 2C13.7002 2 15.094 2 16.2498 2.06874L16.2498 21.9313C15.094 22 13.7002 22 11.9998 22C10.2993 22 8.90556 22 7.74976 21.9313L7.74977 2.06874C8.90556 2 10.2993 2 11.9998 2ZM12.4112 10.4043C13.4704 11.1162 14 11.4722 14 12C14 12.5278 13.4704 12.8838 12.4112 13.5957C11.3375 14.3173 10.8006 14.6781 10.4003 14.4132C10 14.1483 10 13.4322 10 12C10 10.5678 10 9.85174 10.4003 9.58682C10.8006 9.3219 11.3375 9.68271 12.4112 10.4043Z" clip-rule="evenodd"/><path d="M6.24976 6.25L2.2214 6.25C2.41566 5.02727 2.7802 4.1485 3.46423 3.46447C4.14826 2.78043 5.02703 2.4159 6.24976 2.22164V6.25Z"/><path d="M21.7781 6.25C21.5839 5.02727 21.2193 4.1485 20.5353 3.46447C19.8513 2.78043 18.9725 2.4159 17.7498 2.22164V6.25H21.7781Z"/><path d="M21.9995 11.25C21.9982 9.88382 21.9894 8.73117 21.931 7.75H17.7498V11.25H21.9995Z"/><path d="M20.5353 20.5355C19.8513 21.2196 18.9725 21.5841 17.7498 21.7784V17.75H21.7781C21.5839 18.9727 21.2193 19.8515 20.5353 20.5355Z"/><path d="M21.9995 12.75C21.9982 14.1162 21.9894 15.2688 21.931 16.25H17.7498V12.75H21.9995Z"/><path d="M6.24976 17.75L6.24976 21.7784C5.02703 21.5841 4.14826 21.2196 3.46423 20.5355C2.78019 19.8515 2.41566 18.9727 2.2214 17.75H6.24976Z"/><path d="M6.24976 16.25H2.0685C2.01015 15.2688 2.00133 14.1162 2 12.75H6.24976V16.25Z"/><path d="M6.24976 11.25H2C2.00133 9.88382 2.01015 8.73117 2.0685 7.75L6.24976 7.75V11.25Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarVideoFramePlayVerticalBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M11.9998 2C13.7002 2 15.094 2 16.2498 2.06874L16.2498 21.9313C15.094 22 13.7002 22 11.9998 22C10.2993 22 8.90556 22 7.74976 21.9313L7.74977 2.06874C8.90556 2 10.2993 2 11.9998 2ZM12.4112 10.4043C13.4704 11.1162 14 11.4722 14 12C14 12.5278 13.4704 12.8838 12.4112 13.5957C11.3375 14.3173 10.8006 14.6781 10.4003 14.4132C10 14.1483 10 13.4322 10 12C10 10.5678 10 9.85174 10.4003 9.58682C10.8006 9.3219 11.3375 9.68271 12.4112 10.4043Z" clipRule="evenodd"/><path d="M6.24976 6.25L2.2214 6.25C2.41566 5.02727 2.7802 4.1485 3.46423 3.46447C4.14826 2.78043 5.02703 2.4159 6.24976 2.22164V6.25Z"/><path d="M21.7781 6.25C21.5839 5.02727 21.2193 4.1485 20.5353 3.46447C19.8513 2.78043 18.9725 2.4159 17.7498 2.22164V6.25H21.7781Z"/><path d="M21.9995 11.25C21.9982 9.88382 21.9894 8.73117 21.931 7.75H17.7498V11.25H21.9995Z"/><path d="M20.5353 20.5355C19.8513 21.2196 18.9725 21.5841 17.7498 21.7784V17.75H21.7781C21.5839 18.9727 21.2193 19.8515 20.5353 20.5355Z"/><path d="M21.9995 12.75C21.9982 14.1162 21.9894 15.2688 21.931 16.25H17.7498V12.75H21.9995Z"/><path d="M6.24976 17.75L6.24976 21.7784C5.02703 21.5841 4.14826 21.2196 3.46423 20.5355C2.78019 19.8515 2.41566 18.9727 2.2214 17.75H6.24976Z"/><path d="M6.24976 16.25H2.0685C2.01015 15.2688 2.00133 14.1162 2 12.75H6.24976V16.25Z"/><path d="M6.24976 11.25H2C2.00133 9.88382 2.01015 8.73117 2.0685 7.75L6.24976 7.75V11.25Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M11.9998 2C13.7002 2 15.094 2 16.2498 2.06874L16.2498 21.9313C15.094 22 13.7002 22 11.9998 22C10.2993 22 8.90556 22 7.74976 21.9313L7.74977 2.06874C8.90556 2 10.2993 2 11.9998 2ZM12.4112 10.4043C13.4704 11.1162 14 11.4722 14 12C14 12.5278 13.4704 12.8838 12.4112 13.5957C11.3375 14.3173 10.8006 14.6781 10.4003 14.4132C10 14.1483 10 13.4322 10 12C10 10.5678 10 9.85174 10.4003 9.58682C10.8006 9.3219 11.3375 9.68271 12.4112 10.4043Z" clip-rule="evenodd"/><path d="M6.24976 6.25L2.2214 6.25C2.41566 5.02727 2.7802 4.1485 3.46423 3.46447C4.14826 2.78043 5.02703 2.4159 6.24976 2.22164V6.25Z"/><path d="M21.7781 6.25C21.5839 5.02727 21.2193 4.1485 20.5353 3.46447C19.8513 2.78043 18.9725 2.4159 17.7498 2.22164V6.25H21.7781Z"/><path d="M21.9995 11.25C21.9982 9.88382 21.9894 8.73117 21.931 7.75H17.7498V11.25H21.9995Z"/><path d="M20.5353 20.5355C19.8513 21.2196 18.9725 21.5841 17.7498 21.7784V17.75H21.7781C21.5839 18.9727 21.2193 19.8515 20.5353 20.5355Z"/><path d="M21.9995 12.75C21.9982 14.1162 21.9894 15.2688 21.931 16.25H17.7498V12.75H21.9995Z"/><path d="M6.24976 17.75L6.24976 21.7784C5.02703 21.5841 4.14826 21.2196 3.46423 20.5355C2.78019 19.8515 2.41566 18.9727 2.2214 17.75H6.24976Z"/><path d="M6.24976 16.25H2.0685C2.01015 15.2688 2.00133 14.1162 2 12.75H6.24976V16.25Z"/><path d="M6.24976 11.25H2C2.00133 9.88382 2.01015 8.73117 2.0685 7.75L6.24976 7.75V11.25Z"/></g></svg> </template>
CSS
.icon-video-frame-play-vertical-bold {
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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.9998%202C13.7002%202%2015.094%202%2016.2498%202.06874L16.2498%2021.9313C15.094%2022%2013.7002%2022%2011.9998%2022C10.2993%2022%208.90556%2022%207.74976%2021.9313L7.74977%202.06874C8.90556%202%2010.2993%202%2011.9998%202ZM12.4112%2010.4043C13.4704%2011.1162%2014%2011.4722%2014%2012C14%2012.5278%2013.4704%2012.8838%2012.4112%2013.5957C11.3375%2014.3173%2010.8006%2014.6781%2010.4003%2014.4132C10%2014.1483%2010%2013.4322%2010%2012C10%2010.5678%2010%209.85174%2010.4003%209.58682C10.8006%209.3219%2011.3375%209.68271%2012.4112%2010.4043Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M6.24976%206.25L2.2214%206.25C2.41566%205.02727%202.7802%204.1485%203.46423%203.46447C4.14826%202.78043%205.02703%202.4159%206.24976%202.22164V6.25Z%22%2F%3E%3Cpath%20d%3D%22M21.7781%206.25C21.5839%205.02727%2021.2193%204.1485%2020.5353%203.46447C19.8513%202.78043%2018.9725%202.4159%2017.7498%202.22164V6.25H21.7781Z%22%2F%3E%3Cpath%20d%3D%22M21.9995%2011.25C21.9982%209.88382%2021.9894%208.73117%2021.931%207.75H17.7498V11.25H21.9995Z%22%2F%3E%3Cpath%20d%3D%22M20.5353%2020.5355C19.8513%2021.2196%2018.9725%2021.5841%2017.7498%2021.7784V17.75H21.7781C21.5839%2018.9727%2021.2193%2019.8515%2020.5353%2020.5355Z%22%2F%3E%3Cpath%20d%3D%22M21.9995%2012.75C21.9982%2014.1162%2021.9894%2015.2688%2021.931%2016.25H17.7498V12.75H21.9995Z%22%2F%3E%3Cpath%20d%3D%22M6.24976%2017.75L6.24976%2021.7784C5.02703%2021.5841%204.14826%2021.2196%203.46423%2020.5355C2.78019%2019.8515%202.41566%2018.9727%202.2214%2017.75H6.24976Z%22%2F%3E%3Cpath%20d%3D%22M6.24976%2016.25H2.0685C2.01015%2015.2688%202.00133%2014.1162%202%2012.75H6.24976V16.25Z%22%2F%3E%3Cpath%20d%3D%22M6.24976%2011.25H2C2.00133%209.88382%202.01015%208.73117%202.0685%207.75L6.24976%207.75V11.25Z%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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.9998%202C13.7002%202%2015.094%202%2016.2498%202.06874L16.2498%2021.9313C15.094%2022%2013.7002%2022%2011.9998%2022C10.2993%2022%208.90556%2022%207.74976%2021.9313L7.74977%202.06874C8.90556%202%2010.2993%202%2011.9998%202ZM12.4112%2010.4043C13.4704%2011.1162%2014%2011.4722%2014%2012C14%2012.5278%2013.4704%2012.8838%2012.4112%2013.5957C11.3375%2014.3173%2010.8006%2014.6781%2010.4003%2014.4132C10%2014.1483%2010%2013.4322%2010%2012C10%2010.5678%2010%209.85174%2010.4003%209.58682C10.8006%209.3219%2011.3375%209.68271%2012.4112%2010.4043Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M6.24976%206.25L2.2214%206.25C2.41566%205.02727%202.7802%204.1485%203.46423%203.46447C4.14826%202.78043%205.02703%202.4159%206.24976%202.22164V6.25Z%22%2F%3E%3Cpath%20d%3D%22M21.7781%206.25C21.5839%205.02727%2021.2193%204.1485%2020.5353%203.46447C19.8513%202.78043%2018.9725%202.4159%2017.7498%202.22164V6.25H21.7781Z%22%2F%3E%3Cpath%20d%3D%22M21.9995%2011.25C21.9982%209.88382%2021.9894%208.73117%2021.931%207.75H17.7498V11.25H21.9995Z%22%2F%3E%3Cpath%20d%3D%22M20.5353%2020.5355C19.8513%2021.2196%2018.9725%2021.5841%2017.7498%2021.7784V17.75H21.7781C21.5839%2018.9727%2021.2193%2019.8515%2020.5353%2020.5355Z%22%2F%3E%3Cpath%20d%3D%22M21.9995%2012.75C21.9982%2014.1162%2021.9894%2015.2688%2021.931%2016.25H17.7498V12.75H21.9995Z%22%2F%3E%3Cpath%20d%3D%22M6.24976%2017.75L6.24976%2021.7784C5.02703%2021.5841%204.14826%2021.2196%203.46423%2020.5355C2.78019%2019.8515%202.41566%2018.9727%202.2214%2017.75H6.24976Z%22%2F%3E%3Cpath%20d%3D%22M6.24976%2016.25H2.0685C2.01015%2015.2688%202.00133%2014.1162%202%2012.75H6.24976V16.25Z%22%2F%3E%3Cpath%20d%3D%22M6.24976%2011.25H2C2.00133%209.88382%202.01015%208.73117%202.0685%207.75L6.24976%207.75V11.25Z%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/video-frame-play-vertical-bold.svg?color=%231a73e8&size=48
