camera icon
camera from Material Symbols Light by Google · Regular · Images · Apache-2.0 Free for personal and commercial use.
- Name
- camera
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- camera-sharp
3 other variants in Material Symbols Light
The same icon in other sets
cameraAkar Iconscamera-filledAnt Design IconscameraBootstrap IconscameraBoxIcons v2cameraBoxIcons v2 SolidcameraCarboncameraEmoji One (Colored)cameraElement Pluscamera-fillEva IconscameraFramework7 IconscameraFont Awesome 6 SolidcameraFont Awesome RegularcameraFont Awesome SolidcameraFeather Iconscamera-16-filledFluent UI System Iconscamera-16Fluent UI System Color IconscameraFluent EmojicameraFluent Emoji FlatcameraFluent Emoji High ContrastcameraFirefox OS Emojicameracss.ggcameraHeroIconscameraHumbleiconscameraIconPark
More images icons from Material Symbols Light
Use the 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.18 8.933l3.232-5.596q2.025.522 3.662 2.046t2.38 3.55zM8.888 11.26L5.673 5.606Q6.946 4.358 8.57 3.679T12 3q.383 0 .875.047t.746.097zm-5.6 2.97q-.15-.638-.219-1.176T3 12q0-1.583.537-3.042q.536-1.46 1.567-2.74l4.588 8.013zm6.404 6.472q-2.141-.561-3.82-2.104q-1.679-1.542-2.344-3.588h9.402zM12 21q-.375 0-.81-.05t-.71-.1l4.71-7.994l3.156 5.519q-1.254 1.248-2.897 1.937T12 21m6.896-3.217L14.308 9.73h6.406q.13.58.208 1.158T21 12q0 1.616-.536 3.062q-.535 1.446-1.568 2.72"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCamera(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.18 8.933l3.232-5.596q2.025.522 3.662 2.046t2.38 3.55zM8.888 11.26L5.673 5.606Q6.946 4.358 8.57 3.679T12 3q.383 0 .875.047t.746.097zm-5.6 2.97q-.15-.638-.219-1.176T3 12q0-1.583.537-3.042q.536-1.46 1.567-2.74l4.588 8.013zm6.404 6.472q-2.141-.561-3.82-2.104q-1.679-1.542-2.344-3.588h9.402zM12 21q-.375 0-.81-.05t-.71-.1l4.71-7.994l3.156 5.519q-1.254 1.248-2.897 1.937T12 21m6.896-3.217L14.308 9.73h6.406q.13.58.208 1.158T21 12q0 1.616-.536 3.062q-.535 1.446-1.568 2.72"/></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.18 8.933l3.232-5.596q2.025.522 3.662 2.046t2.38 3.55zM8.888 11.26L5.673 5.606Q6.946 4.358 8.57 3.679T12 3q.383 0 .875.047t.746.097zm-5.6 2.97q-.15-.638-.219-1.176T3 12q0-1.583.537-3.042q.536-1.46 1.567-2.74l4.588 8.013zm6.404 6.472q-2.141-.561-3.82-2.104q-1.679-1.542-2.344-3.588h9.402zM12 21q-.375 0-.81-.05t-.71-.1l4.71-7.994l3.156 5.519q-1.254 1.248-2.897 1.937T12 21m6.896-3.217L14.308 9.73h6.406q.13.58.208 1.158T21 12q0 1.616-.536 3.062q-.535 1.446-1.568 2.72"/></svg> </template>
CSS
.icon-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.18%208.933l3.232-5.596q2.025.522%203.662%202.046t2.38%203.55zM8.888%2011.26L5.673%205.606Q6.946%204.358%208.57%203.679T12%203q.383%200%20.875.047t.746.097zm-5.6%202.97q-.15-.638-.219-1.176T3%2012q0-1.583.537-3.042q.536-1.46%201.567-2.74l4.588%208.013zm6.404%206.472q-2.141-.561-3.82-2.104q-1.679-1.542-2.344-3.588h9.402zM12%2021q-.375%200-.81-.05t-.71-.1l4.71-7.994l3.156%205.519q-1.254%201.248-2.897%201.937T12%2021m6.896-3.217L14.308%209.73h6.406q.13.58.208%201.158T21%2012q0%201.616-.536%203.062q-.535%201.446-1.568%202.72%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.18%208.933l3.232-5.596q2.025.522%203.662%202.046t2.38%203.55zM8.888%2011.26L5.673%205.606Q6.946%204.358%208.57%203.679T12%203q.383%200%20.875.047t.746.097zm-5.6%202.97q-.15-.638-.219-1.176T3%2012q0-1.583.537-3.042q.536-1.46%201.567-2.74l4.588%208.013zm6.404%206.472q-2.141-.561-3.82-2.104q-1.679-1.542-2.344-3.588h9.402zM12%2021q-.375%200-.81-.05t-.71-.1l4.71-7.994l3.156%205.519q-1.254%201.248-2.897%201.937T12%2021m6.896-3.217L14.308%209.73h6.406q.13.58.208%201.158T21%2012q0%201.616-.536%203.062q-.535%201.446-1.568%202.72%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/camera.svg?color=%231a73e8&size=48
