camera timer icon

camera-timer from Material Design Icons by Pictogrammers · Filled · Date / Time · Apache-2.0 Free for personal and commercial use.

Name
camera-timer
Set
Material Design Icons
Style
Filled
Category
Date / Time
Viewbox
24×24
License
Apache 2.0

More date / time icons from Material Design Icons

airplane-clockalarmalarm-checkalarm-multiplealarm-offalarm-plusalarm-snoozearchive-clockav-timerbed-clockbook-clockbriefcase-clockbus-clockcalendarcalendar-arrow-leftcalendar-arrow-rightcalendar-badgecalendar-blankcalendar-blank-multiplecalendar-checkcalendar-clockcalendar-collapse-horizontalcalendar-cursorcalendar-edit

Use the camera timer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.94 6.35c-.39-.39-.39-1.03 0-1.42a.996.996 0 0 1 1.41 0l6.72 5.38l.35.28c.78.78.78 2.05 0 2.83s-2.05.78-2.83 0l-.28-.35zM12 20a8 8 0 0 0 8-8c0-2.21-.9-4.21-2.34-5.66l1.41-1.41A9.97 9.97 0 0 1 22 12a10 10 0 0 1-10 10A10 10 0 0 1 2 12h2a8 8 0 0 0 8 8m0-19a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2"/></svg>

React

import type { SVGProps } from "react";

export function MdiCameraTimer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.94 6.35c-.39-.39-.39-1.03 0-1.42a.996.996 0 0 1 1.41 0l6.72 5.38l.35.28c.78.78.78 2.05 0 2.83s-2.05.78-2.83 0l-.28-.35zM12 20a8 8 0 0 0 8-8c0-2.21-.9-4.21-2.34-5.66l1.41-1.41A9.97 9.97 0 0 1 22 12a10 10 0 0 1-10 10A10 10 0 0 1 2 12h2a8 8 0 0 0 8 8m0-19a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.94 6.35c-.39-.39-.39-1.03 0-1.42a.996.996 0 0 1 1.41 0l6.72 5.38l.35.28c.78.78.78 2.05 0 2.83s-2.05.78-2.83 0l-.28-.35zM12 20a8 8 0 0 0 8-8c0-2.21-.9-4.21-2.34-5.66l1.41-1.41A9.97 9.97 0 0 1 22 12a10 10 0 0 1-10 10A10 10 0 0 1 2 12h2a8 8 0 0 0 8 8m0-19a2 2 0 0 1 2 2a2 2 0 0 1-2 2a2 2 0 0 1-2-2a2 2 0 0 1 2-2"/></svg>
</template>

CSS

.icon-camera-timer {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.94%206.35c-.39-.39-.39-1.03%200-1.42a.996.996%200%200%201%201.41%200l6.72%205.38l.35.28c.78.78.78%202.05%200%202.83s-2.05.78-2.83%200l-.28-.35zM12%2020a8%208%200%200%200%208-8c0-2.21-.9-4.21-2.34-5.66l1.41-1.41A9.97%209.97%200%200%201%2022%2012a10%2010%200%200%201-10%2010A10%2010%200%200%201%202%2012h2a8%208%200%200%200%208%208m0-19a2%202%200%200%201%202%202a2%202%200%200%201-2%202a2%202%200%200%201-2-2a2%202%200%200%201%202-2%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.94%206.35c-.39-.39-.39-1.03%200-1.42a.996.996%200%200%201%201.41%200l6.72%205.38l.35.28c.78.78.78%202.05%200%202.83s-2.05.78-2.83%200l-.28-.35zM12%2020a8%208%200%200%200%208-8c0-2.21-.9-4.21-2.34-5.66l1.41-1.41A9.97%209.97%200%200%201%2022%2012a10%2010%200%200%201-10%2010A10%2010%200%200%201%202%2012h2a8%208%200%200%200%208%208m0-19a2%202%200%200%201%202%202a2%202%200%200%201-2%202a2%202%200%200%201-2-2a2%202%200%200%201%202-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/camera-timer.svg?color=%231a73e8&size=48