control camera icon
control-camera from Material Symbols Light by Google · Regular · Audio & Video · Apache-2.0 Free for personal and commercial use.
- Name
- control-camera
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Audio & Video
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- control-camera-outline, control-camera-outline-sharp, control-camera-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More audio & video icons from Material Symbols Light
Use the control camera icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.975 14.083q-.865 0-1.461-.597q-.597-.596-.597-1.461t.597-1.462t1.461-.596t1.462.596t.596 1.462t-.596 1.461t-1.462.597m0 6.917l-3.711-3.73l.713-.714l3.004 3.003l2.998-2.998l.708.727zm-5.27-5.244l-3.71-3.712l3.73-3.73l.714.713l-3.004 3.004l2.998 2.998zm2.266-8.317l-.727-.708l3.712-3.712l3.73 3.712l-.713.713l-3.004-3.003zm8.293 8.298l-.714-.714l3.004-3.004l-2.998-2.998l.707-.708l3.712 3.712z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightControlCamera(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="M11.975 14.083q-.865 0-1.461-.597q-.597-.596-.597-1.461t.597-1.462t1.461-.596t1.462.596t.596 1.462t-.596 1.461t-1.462.597m0 6.917l-3.711-3.73l.713-.714l3.004 3.003l2.998-2.998l.708.727zm-5.27-5.244l-3.71-3.712l3.73-3.73l.714.713l-3.004 3.004l2.998 2.998zm2.266-8.317l-.727-.708l3.712-3.712l3.73 3.712l-.713.713l-3.004-3.003zm8.293 8.298l-.714-.714l3.004-3.004l-2.998-2.998l.707-.708l3.712 3.712z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.975 14.083q-.865 0-1.461-.597q-.597-.596-.597-1.461t.597-1.462t1.461-.596t1.462.596t.596 1.462t-.596 1.461t-1.462.597m0 6.917l-3.711-3.73l.713-.714l3.004 3.003l2.998-2.998l.708.727zm-5.27-5.244l-3.71-3.712l3.73-3.73l.714.713l-3.004 3.004l2.998 2.998zm2.266-8.317l-.727-.708l3.712-3.712l3.73 3.712l-.713.713l-3.004-3.003zm8.293 8.298l-.714-.714l3.004-3.004l-2.998-2.998l.707-.708l3.712 3.712z"/></svg> </template>
CSS
.icon-control-camera {
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%22M11.975%2014.083q-.865%200-1.461-.597q-.597-.596-.597-1.461t.597-1.462t1.461-.596t1.462.596t.596%201.462t-.596%201.461t-1.462.597m0%206.917l-3.711-3.73l.713-.714l3.004%203.003l2.998-2.998l.708.727zm-5.27-5.244l-3.71-3.712l3.73-3.73l.714.713l-3.004%203.004l2.998%202.998zm2.266-8.317l-.727-.708l3.712-3.712l3.73%203.712l-.713.713l-3.004-3.003zm8.293%208.298l-.714-.714l3.004-3.004l-2.998-2.998l.707-.708l3.712%203.712z%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%22M11.975%2014.083q-.865%200-1.461-.597q-.597-.596-.597-1.461t.597-1.462t1.461-.596t1.462.596t.596%201.462t-.596%201.461t-1.462.597m0%206.917l-3.711-3.73l.713-.714l3.004%203.003l2.998-2.998l.708.727zm-5.27-5.244l-3.71-3.712l3.73-3.73l.714.713l-3.004%203.004l2.998%202.998zm2.266-8.317l-.727-.708l3.712-3.712l3.73%203.712l-.713.713l-3.004-3.003zm8.293%208.298l-.714-.714l3.004-3.004l-2.998-2.998l.707-.708l3.712%203.712z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/control-camera.svg?color=%231a73e8&size=48
