camera icon
camera-outline-rounded from Material Symbols Light by Google · Outline Rounded · Images · Apache-2.0 Free for personal and commercial use.
- Name
- camera-outline-rounded
- Set
- Material Symbols Light
- Style
- Outline 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.025 9.23h7.49q-.655-1.763-2.091-3.116Q15.989 4.762 14.15 4.3l-2.492 4.296q-.131.212-.001.423q.13.212.368.212m-3.177 1.365q.13.212.367.212t.368-.212l3.786-6.493q-.275-.053-.684-.078T12 4q-1.65 0-3.075.625T6.4 6.3zM4.25 14h4.94q.231 0 .368-.212t.006-.423l-3.71-6.457Q4.977 7.99 4.489 9.27Q4 10.551 4 12q0 .525.063 1.013T4.25 14m5.639 5.7l2.486-4.296q.13-.212-.006-.423t-.367-.212H4.484q.656 1.764 2.111 3.117T9.89 19.7M12 20q1.65 0 3.075-.625T17.6 17.7l-2.448-4.296q-.13-.212-.367-.212t-.368.212l-3.748 6.458q.275.069.653.104T12 20m6.146-2.908q.8-1.025 1.327-2.358T20 12q0-.525-.062-1.012T19.75 10h-4.94q-.231 0-.368.212t-.006.423zM11.994 21q-1.852 0-3.491-.707T5.639 18.36t-1.932-2.864T3 12.006q0-1.874.71-3.511q.711-1.637 1.93-2.855t2.862-1.93T11.994 3q1.87 0 3.509.71q1.64.711 2.858 1.93t1.929 2.855t.71 3.511q0 1.852-.71 3.494q-.711 1.642-1.93 2.86t-2.855 1.93t-3.511.71"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightCameraOutlineRounded(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.025 9.23h7.49q-.655-1.763-2.091-3.116Q15.989 4.762 14.15 4.3l-2.492 4.296q-.131.212-.001.423q.13.212.368.212m-3.177 1.365q.13.212.367.212t.368-.212l3.786-6.493q-.275-.053-.684-.078T12 4q-1.65 0-3.075.625T6.4 6.3zM4.25 14h4.94q.231 0 .368-.212t.006-.423l-3.71-6.457Q4.977 7.99 4.489 9.27Q4 10.551 4 12q0 .525.063 1.013T4.25 14m5.639 5.7l2.486-4.296q.13-.212-.006-.423t-.367-.212H4.484q.656 1.764 2.111 3.117T9.89 19.7M12 20q1.65 0 3.075-.625T17.6 17.7l-2.448-4.296q-.13-.212-.367-.212t-.368.212l-3.748 6.458q.275.069.653.104T12 20m6.146-2.908q.8-1.025 1.327-2.358T20 12q0-.525-.062-1.012T19.75 10h-4.94q-.231 0-.368.212t-.006.423zM11.994 21q-1.852 0-3.491-.707T5.639 18.36t-1.932-2.864T3 12.006q0-1.874.71-3.511q.711-1.637 1.93-2.855t2.862-1.93T11.994 3q1.87 0 3.509.71q1.64.711 2.858 1.93t1.929 2.855t.71 3.511q0 1.852-.71 3.494q-.711 1.642-1.93 2.86t-2.855 1.93t-3.511.71"/></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.025 9.23h7.49q-.655-1.763-2.091-3.116Q15.989 4.762 14.15 4.3l-2.492 4.296q-.131.212-.001.423q.13.212.368.212m-3.177 1.365q.13.212.367.212t.368-.212l3.786-6.493q-.275-.053-.684-.078T12 4q-1.65 0-3.075.625T6.4 6.3zM4.25 14h4.94q.231 0 .368-.212t.006-.423l-3.71-6.457Q4.977 7.99 4.489 9.27Q4 10.551 4 12q0 .525.063 1.013T4.25 14m5.639 5.7l2.486-4.296q.13-.212-.006-.423t-.367-.212H4.484q.656 1.764 2.111 3.117T9.89 19.7M12 20q1.65 0 3.075-.625T17.6 17.7l-2.448-4.296q-.13-.212-.367-.212t-.368.212l-3.748 6.458q.275.069.653.104T12 20m6.146-2.908q.8-1.025 1.327-2.358T20 12q0-.525-.062-1.012T19.75 10h-4.94q-.231 0-.368.212t-.006.423zM11.994 21q-1.852 0-3.491-.707T5.639 18.36t-1.932-2.864T3 12.006q0-1.874.71-3.511q.711-1.637 1.93-2.855t2.862-1.93T11.994 3q1.87 0 3.509.71q1.64.711 2.858 1.93t1.929 2.855t.71 3.511q0 1.852-.71 3.494q-.711 1.642-1.93 2.86t-2.855 1.93t-3.511.71"/></svg> </template>
CSS
.icon-camera-outline-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.025%209.23h7.49q-.655-1.763-2.091-3.116Q15.989%204.762%2014.15%204.3l-2.492%204.296q-.131.212-.001.423q.13.212.368.212m-3.177%201.365q.13.212.367.212t.368-.212l3.786-6.493q-.275-.053-.684-.078T12%204q-1.65%200-3.075.625T6.4%206.3zM4.25%2014h4.94q.231%200%20.368-.212t.006-.423l-3.71-6.457Q4.977%207.99%204.489%209.27Q4%2010.551%204%2012q0%20.525.063%201.013T4.25%2014m5.639%205.7l2.486-4.296q.13-.212-.006-.423t-.367-.212H4.484q.656%201.764%202.111%203.117T9.89%2019.7M12%2020q1.65%200%203.075-.625T17.6%2017.7l-2.448-4.296q-.13-.212-.367-.212t-.368.212l-3.748%206.458q.275.069.653.104T12%2020m6.146-2.908q.8-1.025%201.327-2.358T20%2012q0-.525-.062-1.012T19.75%2010h-4.94q-.231%200-.368.212t-.006.423zM11.994%2021q-1.852%200-3.491-.707T5.639%2018.36t-1.932-2.864T3%2012.006q0-1.874.71-3.511q.711-1.637%201.93-2.855t2.862-1.93T11.994%203q1.87%200%203.509.71q1.64.711%202.858%201.93t1.929%202.855t.71%203.511q0%201.852-.71%203.494q-.711%201.642-1.93%202.86t-2.855%201.93t-3.511.71%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.025%209.23h7.49q-.655-1.763-2.091-3.116Q15.989%204.762%2014.15%204.3l-2.492%204.296q-.131.212-.001.423q.13.212.368.212m-3.177%201.365q.13.212.367.212t.368-.212l3.786-6.493q-.275-.053-.684-.078T12%204q-1.65%200-3.075.625T6.4%206.3zM4.25%2014h4.94q.231%200%20.368-.212t.006-.423l-3.71-6.457Q4.977%207.99%204.489%209.27Q4%2010.551%204%2012q0%20.525.063%201.013T4.25%2014m5.639%205.7l2.486-4.296q.13-.212-.006-.423t-.367-.212H4.484q.656%201.764%202.111%203.117T9.89%2019.7M12%2020q1.65%200%203.075-.625T17.6%2017.7l-2.448-4.296q-.13-.212-.367-.212t-.368.212l-3.748%206.458q.275.069.653.104T12%2020m6.146-2.908q.8-1.025%201.327-2.358T20%2012q0-.525-.062-1.012T19.75%2010h-4.94q-.231%200-.368.212t-.006.423zM11.994%2021q-1.852%200-3.491-.707T5.639%2018.36t-1.932-2.864T3%2012.006q0-1.874.71-3.511q.711-1.637%201.93-2.855t2.862-1.93T11.994%203q1.87%200%203.509.71q1.64.711%202.858%201.93t1.929%202.855t.71%203.511q0%201.852-.71%203.494q-.711%201.642-1.93%202.86t-2.855%201.93t-3.511.71%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-outline-rounded.svg?color=%231a73e8&size=48
