video frame cut icon

video-frame-cut-linear from Solar by 480 Design · Linear · Video · CC-BY-4.0 Attribution required.

Name
video-frame-cut-linear
Set
Solar
Style
Linear
Category
Video
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

video-frame-cut-boldvideo-frame-cut-bold-duotonevideo-frame-cut-brokenvideo-frame-cut-line-duotonevideo-frame-cut-outline

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 cut 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 stroke-linejoin="round" d="M14.5 3.00293C17.2939 3.02331 18.8237 3.16641 19.8284 4.17112C21 5.34269 21 7.22831 21 10.9995V12.9995C21 16.7708 21 18.6564 19.8284 19.828C18.8237 20.8327 17.2939 20.9758 14.5 20.9962M9.49991 20.9962C6.70609 20.9758 5.17627 20.8327 4.17157 19.828C3 18.6564 3 16.7708 3 12.9995V10.9995C3 7.22831 3 5.34269 4.17157 4.17112C5.17627 3.16642 6.70609 3.02331 9.49991 3.00293"/><path d="M17 4V20"/><path stroke-dasharray="3 3" d="M12 2V22"/><path d="M7 4V20"/><path d="M3.5 8.5H7M20.5 8.5H17"/><path d="M3.5 15.5H7M20.5 15.5H17"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarVideoFrameCutLinear(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 strokeLinejoin="round" d="M14.5 3.00293C17.2939 3.02331 18.8237 3.16641 19.8284 4.17112C21 5.34269 21 7.22831 21 10.9995V12.9995C21 16.7708 21 18.6564 19.8284 19.828C18.8237 20.8327 17.2939 20.9758 14.5 20.9962M9.49991 20.9962C6.70609 20.9758 5.17627 20.8327 4.17157 19.828C3 18.6564 3 16.7708 3 12.9995V10.9995C3 7.22831 3 5.34269 4.17157 4.17112C5.17627 3.16642 6.70609 3.02331 9.49991 3.00293"/><path d="M17 4V20"/><path strokeDasharray="3 3" d="M12 2V22"/><path d="M7 4V20"/><path d="M3.5 8.5H7M20.5 8.5H17"/><path d="M3.5 15.5H7M20.5 15.5H17"/></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 stroke-linejoin="round" d="M14.5 3.00293C17.2939 3.02331 18.8237 3.16641 19.8284 4.17112C21 5.34269 21 7.22831 21 10.9995V12.9995C21 16.7708 21 18.6564 19.8284 19.828C18.8237 20.8327 17.2939 20.9758 14.5 20.9962M9.49991 20.9962C6.70609 20.9758 5.17627 20.8327 4.17157 19.828C3 18.6564 3 16.7708 3 12.9995V10.9995C3 7.22831 3 5.34269 4.17157 4.17112C5.17627 3.16642 6.70609 3.02331 9.49991 3.00293"/><path d="M17 4V20"/><path stroke-dasharray="3 3" d="M12 2V22"/><path d="M7 4V20"/><path d="M3.5 8.5H7M20.5 8.5H17"/><path d="M3.5 15.5H7M20.5 15.5H17"/></g></svg>
</template>

CSS

.icon-video-frame-cut-linear {
  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%20stroke-linejoin%3D%22round%22%20d%3D%22M14.5%203.00293C17.2939%203.02331%2018.8237%203.16641%2019.8284%204.17112C21%205.34269%2021%207.22831%2021%2010.9995V12.9995C21%2016.7708%2021%2018.6564%2019.8284%2019.828C18.8237%2020.8327%2017.2939%2020.9758%2014.5%2020.9962M9.49991%2020.9962C6.70609%2020.9758%205.17627%2020.8327%204.17157%2019.828C3%2018.6564%203%2016.7708%203%2012.9995V10.9995C3%207.22831%203%205.34269%204.17157%204.17112C5.17627%203.16642%206.70609%203.02331%209.49991%203.00293%22%2F%3E%3Cpath%20d%3D%22M17%204V20%22%2F%3E%3Cpath%20stroke-dasharray%3D%223%203%22%20d%3D%22M12%202V22%22%2F%3E%3Cpath%20d%3D%22M7%204V20%22%2F%3E%3Cpath%20d%3D%22M3.5%208.5H7M20.5%208.5H17%22%2F%3E%3Cpath%20d%3D%22M3.5%2015.5H7M20.5%2015.5H17%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%20stroke-linejoin%3D%22round%22%20d%3D%22M14.5%203.00293C17.2939%203.02331%2018.8237%203.16641%2019.8284%204.17112C21%205.34269%2021%207.22831%2021%2010.9995V12.9995C21%2016.7708%2021%2018.6564%2019.8284%2019.828C18.8237%2020.8327%2017.2939%2020.9758%2014.5%2020.9962M9.49991%2020.9962C6.70609%2020.9758%205.17627%2020.8327%204.17157%2019.828C3%2018.6564%203%2016.7708%203%2012.9995V10.9995C3%207.22831%203%205.34269%204.17157%204.17112C5.17627%203.16642%206.70609%203.02331%209.49991%203.00293%22%2F%3E%3Cpath%20d%3D%22M17%204V20%22%2F%3E%3Cpath%20stroke-dasharray%3D%223%203%22%20d%3D%22M12%202V22%22%2F%3E%3Cpath%20d%3D%22M7%204V20%22%2F%3E%3Cpath%20d%3D%22M3.5%208.5H7M20.5%208.5H17%22%2F%3E%3Cpath%20d%3D%22M3.5%2015.5H7M20.5%2015.5H17%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-cut-linear.svg?color=%231a73e8&size=48