twotone camera icon
twotone-camera from Google Material Icons by Material Design Authors · Baseline · Image · Apache-2.0 Free for personal and commercial use.
- Name
- twotone-camera
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Image
- Viewbox
- 24×24
- License
- Apache 2.0
More image icons from Google Material Icons
baseline-10mpbaseline-11mpbaseline-12mpbaseline-13mpbaseline-14mpbaseline-15mpbaseline-16mpbaseline-17mpbaseline-18mpbaseline-19mpbaseline-20mpbaseline-21mpbaseline-22mpbaseline-23mpbaseline-24mpbaseline-2mpbaseline-30fps-selectbaseline-3mpbaseline-4mpbaseline-5mpbaseline-60fps-selectbaseline-6mpbaseline-7mpbaseline-8mp
Use the twotone camera icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.9 19.91c.36.05.72.09 1.1.09a8 8 0 0 0 5.61-2.3L14.89 13zm-1.04-.21l2.71-4.7H4.59a8.03 8.03 0 0 0 5.27 4.7M8.54 12L5.7 7.09A7.96 7.96 0 0 0 4 12c0 .69.1 1.36.26 2h5.43zm9.76 4.91A7.96 7.96 0 0 0 20 12c0-.69-.1-1.36-.26-2h-5.43zM13.73 9h5.68a8.03 8.03 0 0 0-5.28-4.7L11.42 9zm-3.46 0l2.83-4.92C12.74 4.03 12.37 4 12 4c-2.18 0-4.16.88-5.6 2.3L9.12 11z" opacity=".3"/><path fill="currentColor" d="M12 22c5.52 0 10-4.48 10-10c0-4.75-3.31-8.72-7.75-9.74l-.08-.04l-.01.02C13.46 2.09 12.74 2 12 2C6.48 2 2 6.48 2 12s4.48 10 10 10m0-2c-.38 0-.74-.04-1.1-.09L14.89 13l2.72 4.7A8 8 0 0 1 12 20m8-8c0 1.85-.64 3.55-1.7 4.91l-4-6.91h5.43c.17.64.27 1.31.27 2m-.59-3h-7.99l2.71-4.7c2.4.66 4.35 2.42 5.28 4.7M12 4c.37 0 .74.03 1.1.08L10.27 9l-1.15 2L6.4 6.3A7.96 7.96 0 0 1 12 4m-8 8c0-1.85.64-3.55 1.7-4.91L8.54 12l1.15 2H4.26C4.1 13.36 4 12.69 4 12m6.27 3h2.3l-2.71 4.7A8.05 8.05 0 0 1 4.58 15z"/></svg>
React
import type { SVGProps } from "react";
export function IcTwotoneCamera(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="M10.9 19.91c.36.05.72.09 1.1.09a8 8 0 0 0 5.61-2.3L14.89 13zm-1.04-.21l2.71-4.7H4.59a8.03 8.03 0 0 0 5.27 4.7M8.54 12L5.7 7.09A7.96 7.96 0 0 0 4 12c0 .69.1 1.36.26 2h5.43zm9.76 4.91A7.96 7.96 0 0 0 20 12c0-.69-.1-1.36-.26-2h-5.43zM13.73 9h5.68a8.03 8.03 0 0 0-5.28-4.7L11.42 9zm-3.46 0l2.83-4.92C12.74 4.03 12.37 4 12 4c-2.18 0-4.16.88-5.6 2.3L9.12 11z" opacity=".3"/><path fill="currentColor" d="M12 22c5.52 0 10-4.48 10-10c0-4.75-3.31-8.72-7.75-9.74l-.08-.04l-.01.02C13.46 2.09 12.74 2 12 2C6.48 2 2 6.48 2 12s4.48 10 10 10m0-2c-.38 0-.74-.04-1.1-.09L14.89 13l2.72 4.7A8 8 0 0 1 12 20m8-8c0 1.85-.64 3.55-1.7 4.91l-4-6.91h5.43c.17.64.27 1.31.27 2m-.59-3h-7.99l2.71-4.7c2.4.66 4.35 2.42 5.28 4.7M12 4c.37 0 .74.03 1.1.08L10.27 9l-1.15 2L6.4 6.3A7.96 7.96 0 0 1 12 4m-8 8c0-1.85.64-3.55 1.7-4.91L8.54 12l1.15 2H4.26C4.1 13.36 4 12.69 4 12m6.27 3h2.3l-2.71 4.7A8.05 8.05 0 0 1 4.58 15z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.9 19.91c.36.05.72.09 1.1.09a8 8 0 0 0 5.61-2.3L14.89 13zm-1.04-.21l2.71-4.7H4.59a8.03 8.03 0 0 0 5.27 4.7M8.54 12L5.7 7.09A7.96 7.96 0 0 0 4 12c0 .69.1 1.36.26 2h5.43zm9.76 4.91A7.96 7.96 0 0 0 20 12c0-.69-.1-1.36-.26-2h-5.43zM13.73 9h5.68a8.03 8.03 0 0 0-5.28-4.7L11.42 9zm-3.46 0l2.83-4.92C12.74 4.03 12.37 4 12 4c-2.18 0-4.16.88-5.6 2.3L9.12 11z" opacity=".3"/><path fill="currentColor" d="M12 22c5.52 0 10-4.48 10-10c0-4.75-3.31-8.72-7.75-9.74l-.08-.04l-.01.02C13.46 2.09 12.74 2 12 2C6.48 2 2 6.48 2 12s4.48 10 10 10m0-2c-.38 0-.74-.04-1.1-.09L14.89 13l2.72 4.7A8 8 0 0 1 12 20m8-8c0 1.85-.64 3.55-1.7 4.91l-4-6.91h5.43c.17.64.27 1.31.27 2m-.59-3h-7.99l2.71-4.7c2.4.66 4.35 2.42 5.28 4.7M12 4c.37 0 .74.03 1.1.08L10.27 9l-1.15 2L6.4 6.3A7.96 7.96 0 0 1 12 4m-8 8c0-1.85.64-3.55 1.7-4.91L8.54 12l1.15 2H4.26C4.1 13.36 4 12.69 4 12m6.27 3h2.3l-2.71 4.7A8.05 8.05 0 0 1 4.58 15z"/></svg> </template>
CSS
.icon-twotone-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%22M10.9%2019.91c.36.05.72.09%201.1.09a8%208%200%200%200%205.61-2.3L14.89%2013zm-1.04-.21l2.71-4.7H4.59a8.03%208.03%200%200%200%205.27%204.7M8.54%2012L5.7%207.09A7.96%207.96%200%200%200%204%2012c0%20.69.1%201.36.26%202h5.43zm9.76%204.91A7.96%207.96%200%200%200%2020%2012c0-.69-.1-1.36-.26-2h-5.43zM13.73%209h5.68a8.03%208.03%200%200%200-5.28-4.7L11.42%209zm-3.46%200l2.83-4.92C12.74%204.03%2012.37%204%2012%204c-2.18%200-4.16.88-5.6%202.3L9.12%2011z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2022c5.52%200%2010-4.48%2010-10c0-4.75-3.31-8.72-7.75-9.74l-.08-.04l-.01.02C13.46%202.09%2012.74%202%2012%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010m0-2c-.38%200-.74-.04-1.1-.09L14.89%2013l2.72%204.7A8%208%200%200%201%2012%2020m8-8c0%201.85-.64%203.55-1.7%204.91l-4-6.91h5.43c.17.64.27%201.31.27%202m-.59-3h-7.99l2.71-4.7c2.4.66%204.35%202.42%205.28%204.7M12%204c.37%200%20.74.03%201.1.08L10.27%209l-1.15%202L6.4%206.3A7.96%207.96%200%200%201%2012%204m-8%208c0-1.85.64-3.55%201.7-4.91L8.54%2012l1.15%202H4.26C4.1%2013.36%204%2012.69%204%2012m6.27%203h2.3l-2.71%204.7A8.05%208.05%200%200%201%204.58%2015z%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%22M10.9%2019.91c.36.05.72.09%201.1.09a8%208%200%200%200%205.61-2.3L14.89%2013zm-1.04-.21l2.71-4.7H4.59a8.03%208.03%200%200%200%205.27%204.7M8.54%2012L5.7%207.09A7.96%207.96%200%200%200%204%2012c0%20.69.1%201.36.26%202h5.43zm9.76%204.91A7.96%207.96%200%200%200%2020%2012c0-.69-.1-1.36-.26-2h-5.43zM13.73%209h5.68a8.03%208.03%200%200%200-5.28-4.7L11.42%209zm-3.46%200l2.83-4.92C12.74%204.03%2012.37%204%2012%204c-2.18%200-4.16.88-5.6%202.3L9.12%2011z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2022c5.52%200%2010-4.48%2010-10c0-4.75-3.31-8.72-7.75-9.74l-.08-.04l-.01.02C13.46%202.09%2012.74%202%2012%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010m0-2c-.38%200-.74-.04-1.1-.09L14.89%2013l2.72%204.7A8%208%200%200%201%2012%2020m8-8c0%201.85-.64%203.55-1.7%204.91l-4-6.91h5.43c.17.64.27%201.31.27%202m-.59-3h-7.99l2.71-4.7c2.4.66%204.35%202.42%205.28%204.7M12%204c.37%200%20.74.03%201.1.08L10.27%209l-1.15%202L6.4%206.3A7.96%207.96%200%200%201%2012%204m-8%208c0-1.85.64-3.55%201.7-4.91L8.54%2012l1.15%202H4.26C4.1%2013.36%204%2012.69%204%2012m6.27%203h2.3l-2.71%204.7A8.05%208.05%200%200%201%204.58%2015z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/twotone-camera.svg?color=%231a73e8&size=48
