camera icon
camera-rounded from Material Symbols Light by Google · Rounded · Images · Apache-2.0 Free for personal and commercial use.
- Name
- camera-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Images
- Viewbox
- 24×24
- License
- Apache 2.0
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="M12.02 9.077q-.237 0-.368-.212q-.13-.211 0-.423l2.637-4.594q.142-.229.365-.291q.223-.063.457.016q1.668.602 3.022 1.874t2.098 2.945q.125.287-.009.486q-.133.199-.445.199zm-3.287 1.571l-2.654-4.68q-.142-.23-.081-.478q.062-.248.246-.39q1.2-1.004 2.682-1.552T12 3q.24 0 .537.018q.296.019.557.05q.293.03.405.241q.113.212-.043.493l-3.983 6.846q-.13.212-.37.212t-.37-.212m-4.94 3.468q-.218 0-.404-.16t-.237-.375q-.088-.429-.12-.812T3 12q0-1.402.445-2.753q.446-1.35 1.309-2.578q.198-.253.455-.253t.418.297l3.854 6.768q.13.211-.003.423q-.134.212-.37.212zm5.192 6.35q-1.746-.628-3.15-1.935Q4.43 17.223 3.73 15.55q-.125-.287.021-.486t.458-.199h7.9q.236 0 .357.212q.121.211-.01.423l-2.643 4.679q-.143.229-.366.3t-.463-.013M12 21q-.235 0-.499-.018t-.493-.05q-.292-.05-.408-.26q-.115-.213.04-.474l3.952-6.72q.131-.21.385-.21t.385.21l2.584 4.53q.137.217.084.465t-.25.408q-1.188 1.004-2.687 1.561T12 21m6.39-3.702l-3.865-6.817q-.13-.212-.007-.423t.36-.212h5.33q.217 0 .404.159q.186.159.236.376q.07.41.11.811q.042.402.042.808q0 1.46-.436 2.788q-.435 1.327-1.318 2.548q-.18.237-.44.24t-.416-.278"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCameraRounded(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="M12.02 9.077q-.237 0-.368-.212q-.13-.211 0-.423l2.637-4.594q.142-.229.365-.291q.223-.063.457.016q1.668.602 3.022 1.874t2.098 2.945q.125.287-.009.486q-.133.199-.445.199zm-3.287 1.571l-2.654-4.68q-.142-.23-.081-.478q.062-.248.246-.39q1.2-1.004 2.682-1.552T12 3q.24 0 .537.018q.296.019.557.05q.293.03.405.241q.113.212-.043.493l-3.983 6.846q-.13.212-.37.212t-.37-.212m-4.94 3.468q-.218 0-.404-.16t-.237-.375q-.088-.429-.12-.812T3 12q0-1.402.445-2.753q.446-1.35 1.309-2.578q.198-.253.455-.253t.418.297l3.854 6.768q.13.211-.003.423q-.134.212-.37.212zm5.192 6.35q-1.746-.628-3.15-1.935Q4.43 17.223 3.73 15.55q-.125-.287.021-.486t.458-.199h7.9q.236 0 .357.212q.121.211-.01.423l-2.643 4.679q-.143.229-.366.3t-.463-.013M12 21q-.235 0-.499-.018t-.493-.05q-.292-.05-.408-.26q-.115-.213.04-.474l3.952-6.72q.131-.21.385-.21t.385.21l2.584 4.53q.137.217.084.465t-.25.408q-1.188 1.004-2.687 1.561T12 21m6.39-3.702l-3.865-6.817q-.13-.212-.007-.423t.36-.212h5.33q.217 0 .404.159q.186.159.236.376q.07.41.11.811q.042.402.042.808q0 1.46-.436 2.788q-.435 1.327-1.318 2.548q-.18.237-.44.24t-.416-.278"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.02 9.077q-.237 0-.368-.212q-.13-.211 0-.423l2.637-4.594q.142-.229.365-.291q.223-.063.457.016q1.668.602 3.022 1.874t2.098 2.945q.125.287-.009.486q-.133.199-.445.199zm-3.287 1.571l-2.654-4.68q-.142-.23-.081-.478q.062-.248.246-.39q1.2-1.004 2.682-1.552T12 3q.24 0 .537.018q.296.019.557.05q.293.03.405.241q.113.212-.043.493l-3.983 6.846q-.13.212-.37.212t-.37-.212m-4.94 3.468q-.218 0-.404-.16t-.237-.375q-.088-.429-.12-.812T3 12q0-1.402.445-2.753q.446-1.35 1.309-2.578q.198-.253.455-.253t.418.297l3.854 6.768q.13.211-.003.423q-.134.212-.37.212zm5.192 6.35q-1.746-.628-3.15-1.935Q4.43 17.223 3.73 15.55q-.125-.287.021-.486t.458-.199h7.9q.236 0 .357.212q.121.211-.01.423l-2.643 4.679q-.143.229-.366.3t-.463-.013M12 21q-.235 0-.499-.018t-.493-.05q-.292-.05-.408-.26q-.115-.213.04-.474l3.952-6.72q.131-.21.385-.21t.385.21l2.584 4.53q.137.217.084.465t-.25.408q-1.188 1.004-2.687 1.561T12 21m6.39-3.702l-3.865-6.817q-.13-.212-.007-.423t.36-.212h5.33q.217 0 .404.159q.186.159.236.376q.07.41.11.811q.042.402.042.808q0 1.46-.436 2.788q-.435 1.327-1.318 2.548q-.18.237-.44.24t-.416-.278"/></svg> </template>
CSS
.icon-camera-rounded {
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%22M12.02%209.077q-.237%200-.368-.212q-.13-.211%200-.423l2.637-4.594q.142-.229.365-.291q.223-.063.457.016q1.668.602%203.022%201.874t2.098%202.945q.125.287-.009.486q-.133.199-.445.199zm-3.287%201.571l-2.654-4.68q-.142-.23-.081-.478q.062-.248.246-.39q1.2-1.004%202.682-1.552T12%203q.24%200%20.537.018q.296.019.557.05q.293.03.405.241q.113.212-.043.493l-3.983%206.846q-.13.212-.37.212t-.37-.212m-4.94%203.468q-.218%200-.404-.16t-.237-.375q-.088-.429-.12-.812T3%2012q0-1.402.445-2.753q.446-1.35%201.309-2.578q.198-.253.455-.253t.418.297l3.854%206.768q.13.211-.003.423q-.134.212-.37.212zm5.192%206.35q-1.746-.628-3.15-1.935Q4.43%2017.223%203.73%2015.55q-.125-.287.021-.486t.458-.199h7.9q.236%200%20.357.212q.121.211-.01.423l-2.643%204.679q-.143.229-.366.3t-.463-.013M12%2021q-.235%200-.499-.018t-.493-.05q-.292-.05-.408-.26q-.115-.213.04-.474l3.952-6.72q.131-.21.385-.21t.385.21l2.584%204.53q.137.217.084.465t-.25.408q-1.188%201.004-2.687%201.561T12%2021m6.39-3.702l-3.865-6.817q-.13-.212-.007-.423t.36-.212h5.33q.217%200%20.404.159q.186.159.236.376q.07.41.11.811q.042.402.042.808q0%201.46-.436%202.788q-.435%201.327-1.318%202.548q-.18.237-.44.24t-.416-.278%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%22M12.02%209.077q-.237%200-.368-.212q-.13-.211%200-.423l2.637-4.594q.142-.229.365-.291q.223-.063.457.016q1.668.602%203.022%201.874t2.098%202.945q.125.287-.009.486q-.133.199-.445.199zm-3.287%201.571l-2.654-4.68q-.142-.23-.081-.478q.062-.248.246-.39q1.2-1.004%202.682-1.552T12%203q.24%200%20.537.018q.296.019.557.05q.293.03.405.241q.113.212-.043.493l-3.983%206.846q-.13.212-.37.212t-.37-.212m-4.94%203.468q-.218%200-.404-.16t-.237-.375q-.088-.429-.12-.812T3%2012q0-1.402.445-2.753q.446-1.35%201.309-2.578q.198-.253.455-.253t.418.297l3.854%206.768q.13.211-.003.423q-.134.212-.37.212zm5.192%206.35q-1.746-.628-3.15-1.935Q4.43%2017.223%203.73%2015.55q-.125-.287.021-.486t.458-.199h7.9q.236%200%20.357.212q.121.211-.01.423l-2.643%204.679q-.143.229-.366.3t-.463-.013M12%2021q-.235%200-.499-.018t-.493-.05q-.292-.05-.408-.26q-.115-.213.04-.474l3.952-6.72q.131-.21.385-.21t.385.21l2.584%204.53q.137.217.084.465t-.25.408q-1.188%201.004-2.687%201.561T12%2021m6.39-3.702l-3.865-6.817q-.13-.212-.007-.423t.36-.212h5.33q.217%200%20.404.159q.186.159.236.376q.07.41.11.811q.042.402.042.808q0%201.46-.436%202.788q-.435%201.327-1.318%202.548q-.18.237-.44.24t-.416-.278%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-rounded.svg?color=%231a73e8&size=48
