camera emoji
camera from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- camera
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Objects
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
cameraAkar Iconscamera-filledAnt Design IconscameraBootstrap IconscameraBoxIcons v2cameraBoxIcons v2 SolidcameraCarboncameraElement 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.ggcameraHeroIconscameraHumbleiconscameraIconParkcameraIconPark Outline
More objects icons from Emoji One (Colored)
Use the camera emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#212528" d="M21.6 16.1c0 1.2-1 2.2-2.2 2.2H9.7c-1.2 0-2.2-1-2.2-2.2v-2.7c0-1.2 1-2.2 2.2-2.2h9.7c1.2 0 2.2 1 2.2 2.2zm39.1-.2c0 .6-.5 1.2-1.2 1.2h-5.2c-.6 0-1.2-.5-1.2-1.2v-1.4c0-.6.5-1.2 1.2-1.2h5.2c.6 0 1.2.5 1.2 1.2zM64 50.3c0 3-2.4 5.4-5.4 5.4H5.4c-3 0-5.4-2.4-5.4-5.4v-1.6h64z"/><path fill="#51575b" d="M0 20.1c0-3 2.4-5.4 5.4-5.4h53.1c3 0 5.4 2.4 5.4 5.4v1.6H0z"/><path fill="#3e4347" d="M0 21.5h64v28.3H0z"/><path fill="#51575b" d="M54.7 18H22.6l3.2-10.8c.3-.6 1.6-1.6 2.4-1.8C33.1 4 44.1 4 49 5.4c.8.2 2.1 1.2 2.4 1.8z"/><path fill="#3e4347" d="M53.1 29.6h-29L27 15c.2-.8 1.5-2.1 2.2-2.4c4.4-1.8 14.4-1.8 18.8 0c.7.3 1.9 1.6 2.2 2.4z"/><path fill="#788287" d="M60.6 37.6c0 12.2-9.9 22-22 22s-22-9.8-22-22c0-12.1 9.9-22 22-22c12.2 0 22 9.9 22 22"/><path fill="#212528" d="M58.2 37.6c0 10.8-8.8 19.6-19.6 19.6S19 48.4 19 37.6S27.8 18 38.6 18c10.8.1 19.6 8.8 19.6 19.6"/><circle cx="38.6" cy="37.6" r="15.9" fill="#3e4347"/><circle cx="38.6" cy="37.6" r="8.6" fill="#212528"/><g fill="#f5f5f5"><path d="M50.3 30.9c0 2.7-2.2 4.9-4.9 4.9s-4.9-2.2-4.9-4.9s2.2-4.9 4.9-4.9c2.7-.1 4.9 2.2 4.9 4.9" opacity=".5"/><circle cx="35.6" cy="40.7" r="3.1" opacity=".5"/><circle cx="30.1" cy="46.2" r="1.9" opacity=".5"/></g><path fill="#636c72" d="M15 45.3c0 1.2-1 2.2-2.2 2.2H3.6c-1.2 0-2.2-1-2.2-2.2V25.9c0-1.2 1-2.2 2.2-2.2h9.2c1.2 0 2.2 1 2.2 2.2z"/><circle cx="10.1" cy="18.6" r="3.2" fill="#212528"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneCamera(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#212528" d="M21.6 16.1c0 1.2-1 2.2-2.2 2.2H9.7c-1.2 0-2.2-1-2.2-2.2v-2.7c0-1.2 1-2.2 2.2-2.2h9.7c1.2 0 2.2 1 2.2 2.2zm39.1-.2c0 .6-.5 1.2-1.2 1.2h-5.2c-.6 0-1.2-.5-1.2-1.2v-1.4c0-.6.5-1.2 1.2-1.2h5.2c.6 0 1.2.5 1.2 1.2zM64 50.3c0 3-2.4 5.4-5.4 5.4H5.4c-3 0-5.4-2.4-5.4-5.4v-1.6h64z"/><path fill="#51575b" d="M0 20.1c0-3 2.4-5.4 5.4-5.4h53.1c3 0 5.4 2.4 5.4 5.4v1.6H0z"/><path fill="#3e4347" d="M0 21.5h64v28.3H0z"/><path fill="#51575b" d="M54.7 18H22.6l3.2-10.8c.3-.6 1.6-1.6 2.4-1.8C33.1 4 44.1 4 49 5.4c.8.2 2.1 1.2 2.4 1.8z"/><path fill="#3e4347" d="M53.1 29.6h-29L27 15c.2-.8 1.5-2.1 2.2-2.4c4.4-1.8 14.4-1.8 18.8 0c.7.3 1.9 1.6 2.2 2.4z"/><path fill="#788287" d="M60.6 37.6c0 12.2-9.9 22-22 22s-22-9.8-22-22c0-12.1 9.9-22 22-22c12.2 0 22 9.9 22 22"/><path fill="#212528" d="M58.2 37.6c0 10.8-8.8 19.6-19.6 19.6S19 48.4 19 37.6S27.8 18 38.6 18c10.8.1 19.6 8.8 19.6 19.6"/><circle cx="38.6" cy="37.6" r="15.9" fill="#3e4347"/><circle cx="38.6" cy="37.6" r="8.6" fill="#212528"/><g fill="#f5f5f5"><path d="M50.3 30.9c0 2.7-2.2 4.9-4.9 4.9s-4.9-2.2-4.9-4.9s2.2-4.9 4.9-4.9c2.7-.1 4.9 2.2 4.9 4.9" opacity=".5"/><circle cx="35.6" cy="40.7" r="3.1" opacity=".5"/><circle cx="30.1" cy="46.2" r="1.9" opacity=".5"/></g><path fill="#636c72" d="M15 45.3c0 1.2-1 2.2-2.2 2.2H3.6c-1.2 0-2.2-1-2.2-2.2V25.9c0-1.2 1-2.2 2.2-2.2h9.2c1.2 0 2.2 1 2.2 2.2z"/><circle cx="10.1" cy="18.6" r="3.2" fill="#212528"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#212528" d="M21.6 16.1c0 1.2-1 2.2-2.2 2.2H9.7c-1.2 0-2.2-1-2.2-2.2v-2.7c0-1.2 1-2.2 2.2-2.2h9.7c1.2 0 2.2 1 2.2 2.2zm39.1-.2c0 .6-.5 1.2-1.2 1.2h-5.2c-.6 0-1.2-.5-1.2-1.2v-1.4c0-.6.5-1.2 1.2-1.2h5.2c.6 0 1.2.5 1.2 1.2zM64 50.3c0 3-2.4 5.4-5.4 5.4H5.4c-3 0-5.4-2.4-5.4-5.4v-1.6h64z"/><path fill="#51575b" d="M0 20.1c0-3 2.4-5.4 5.4-5.4h53.1c3 0 5.4 2.4 5.4 5.4v1.6H0z"/><path fill="#3e4347" d="M0 21.5h64v28.3H0z"/><path fill="#51575b" d="M54.7 18H22.6l3.2-10.8c.3-.6 1.6-1.6 2.4-1.8C33.1 4 44.1 4 49 5.4c.8.2 2.1 1.2 2.4 1.8z"/><path fill="#3e4347" d="M53.1 29.6h-29L27 15c.2-.8 1.5-2.1 2.2-2.4c4.4-1.8 14.4-1.8 18.8 0c.7.3 1.9 1.6 2.2 2.4z"/><path fill="#788287" d="M60.6 37.6c0 12.2-9.9 22-22 22s-22-9.8-22-22c0-12.1 9.9-22 22-22c12.2 0 22 9.9 22 22"/><path fill="#212528" d="M58.2 37.6c0 10.8-8.8 19.6-19.6 19.6S19 48.4 19 37.6S27.8 18 38.6 18c10.8.1 19.6 8.8 19.6 19.6"/><circle cx="38.6" cy="37.6" r="15.9" fill="#3e4347"/><circle cx="38.6" cy="37.6" r="8.6" fill="#212528"/><g fill="#f5f5f5"><path d="M50.3 30.9c0 2.7-2.2 4.9-4.9 4.9s-4.9-2.2-4.9-4.9s2.2-4.9 4.9-4.9c2.7-.1 4.9 2.2 4.9 4.9" opacity=".5"/><circle cx="35.6" cy="40.7" r="3.1" opacity=".5"/><circle cx="30.1" cy="46.2" r="1.9" opacity=".5"/></g><path fill="#636c72" d="M15 45.3c0 1.2-1 2.2-2.2 2.2H3.6c-1.2 0-2.2-1-2.2-2.2V25.9c0-1.2 1-2.2 2.2-2.2h9.2c1.2 0 2.2 1 2.2 2.2z"/><circle cx="10.1" cy="18.6" r="3.2" fill="#212528"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23212528%22%20d%3D%22M21.6%2016.1c0%201.2-1%202.2-2.2%202.2H9.7c-1.2%200-2.2-1-2.2-2.2v-2.7c0-1.2%201-2.2%202.2-2.2h9.7c1.2%200%202.2%201%202.2%202.2zm39.1-.2c0%20.6-.5%201.2-1.2%201.2h-5.2c-.6%200-1.2-.5-1.2-1.2v-1.4c0-.6.5-1.2%201.2-1.2h5.2c.6%200%201.2.5%201.2%201.2zM64%2050.3c0%203-2.4%205.4-5.4%205.4H5.4c-3%200-5.4-2.4-5.4-5.4v-1.6h64z%22%2F%3E%3Cpath%20fill%3D%22%2351575b%22%20d%3D%22M0%2020.1c0-3%202.4-5.4%205.4-5.4h53.1c3%200%205.4%202.4%205.4%205.4v1.6H0z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M0%2021.5h64v28.3H0z%22%2F%3E%3Cpath%20fill%3D%22%2351575b%22%20d%3D%22M54.7%2018H22.6l3.2-10.8c.3-.6%201.6-1.6%202.4-1.8C33.1%204%2044.1%204%2049%205.4c.8.2%202.1%201.2%202.4%201.8z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M53.1%2029.6h-29L27%2015c.2-.8%201.5-2.1%202.2-2.4c4.4-1.8%2014.4-1.8%2018.8%200c.7.3%201.9%201.6%202.2%202.4z%22%2F%3E%3Cpath%20fill%3D%22%23788287%22%20d%3D%22M60.6%2037.6c0%2012.2-9.9%2022-22%2022s-22-9.8-22-22c0-12.1%209.9-22%2022-22c12.2%200%2022%209.9%2022%2022%22%2F%3E%3Cpath%20fill%3D%22%23212528%22%20d%3D%22M58.2%2037.6c0%2010.8-8.8%2019.6-19.6%2019.6S19%2048.4%2019%2037.6S27.8%2018%2038.6%2018c10.8.1%2019.6%208.8%2019.6%2019.6%22%2F%3E%3Ccircle%20cx%3D%2238.6%22%20cy%3D%2237.6%22%20r%3D%2215.9%22%20fill%3D%22%233e4347%22%2F%3E%3Ccircle%20cx%3D%2238.6%22%20cy%3D%2237.6%22%20r%3D%228.6%22%20fill%3D%22%23212528%22%2F%3E%3Cg%20fill%3D%22%23f5f5f5%22%3E%3Cpath%20d%3D%22M50.3%2030.9c0%202.7-2.2%204.9-4.9%204.9s-4.9-2.2-4.9-4.9s2.2-4.9%204.9-4.9c2.7-.1%204.9%202.2%204.9%204.9%22%20opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2235.6%22%20cy%3D%2240.7%22%20r%3D%223.1%22%20opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230.1%22%20cy%3D%2246.2%22%20r%3D%221.9%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23636c72%22%20d%3D%22M15%2045.3c0%201.2-1%202.2-2.2%202.2H3.6c-1.2%200-2.2-1-2.2-2.2V25.9c0-1.2%201-2.2%202.2-2.2h9.2c1.2%200%202.2%201%202.2%202.2z%22%2F%3E%3Ccircle%20cx%3D%2210.1%22%20cy%3D%2218.6%22%20r%3D%223.2%22%20fill%3D%22%23212528%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23212528%22%20d%3D%22M21.6%2016.1c0%201.2-1%202.2-2.2%202.2H9.7c-1.2%200-2.2-1-2.2-2.2v-2.7c0-1.2%201-2.2%202.2-2.2h9.7c1.2%200%202.2%201%202.2%202.2zm39.1-.2c0%20.6-.5%201.2-1.2%201.2h-5.2c-.6%200-1.2-.5-1.2-1.2v-1.4c0-.6.5-1.2%201.2-1.2h5.2c.6%200%201.2.5%201.2%201.2zM64%2050.3c0%203-2.4%205.4-5.4%205.4H5.4c-3%200-5.4-2.4-5.4-5.4v-1.6h64z%22%2F%3E%3Cpath%20fill%3D%22%2351575b%22%20d%3D%22M0%2020.1c0-3%202.4-5.4%205.4-5.4h53.1c3%200%205.4%202.4%205.4%205.4v1.6H0z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M0%2021.5h64v28.3H0z%22%2F%3E%3Cpath%20fill%3D%22%2351575b%22%20d%3D%22M54.7%2018H22.6l3.2-10.8c.3-.6%201.6-1.6%202.4-1.8C33.1%204%2044.1%204%2049%205.4c.8.2%202.1%201.2%202.4%201.8z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M53.1%2029.6h-29L27%2015c.2-.8%201.5-2.1%202.2-2.4c4.4-1.8%2014.4-1.8%2018.8%200c.7.3%201.9%201.6%202.2%202.4z%22%2F%3E%3Cpath%20fill%3D%22%23788287%22%20d%3D%22M60.6%2037.6c0%2012.2-9.9%2022-22%2022s-22-9.8-22-22c0-12.1%209.9-22%2022-22c12.2%200%2022%209.9%2022%2022%22%2F%3E%3Cpath%20fill%3D%22%23212528%22%20d%3D%22M58.2%2037.6c0%2010.8-8.8%2019.6-19.6%2019.6S19%2048.4%2019%2037.6S27.8%2018%2038.6%2018c10.8.1%2019.6%208.8%2019.6%2019.6%22%2F%3E%3Ccircle%20cx%3D%2238.6%22%20cy%3D%2237.6%22%20r%3D%2215.9%22%20fill%3D%22%233e4347%22%2F%3E%3Ccircle%20cx%3D%2238.6%22%20cy%3D%2237.6%22%20r%3D%228.6%22%20fill%3D%22%23212528%22%2F%3E%3Cg%20fill%3D%22%23f5f5f5%22%3E%3Cpath%20d%3D%22M50.3%2030.9c0%202.7-2.2%204.9-4.9%204.9s-4.9-2.2-4.9-4.9s2.2-4.9%204.9-4.9c2.7-.1%204.9%202.2%204.9%204.9%22%20opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2235.6%22%20cy%3D%2240.7%22%20r%3D%223.1%22%20opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2230.1%22%20cy%3D%2246.2%22%20r%3D%221.9%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23636c72%22%20d%3D%22M15%2045.3c0%201.2-1%202.2-2.2%202.2H3.6c-1.2%200-2.2-1-2.2-2.2V25.9c0-1.2%201-2.2%202.2-2.2h9.2c1.2%200%202.2%201%202.2%202.2z%22%2F%3E%3Ccircle%20cx%3D%2210.1%22%20cy%3D%2218.6%22%20r%3D%223.2%22%20fill%3D%22%23212528%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/camera.svg?color=%231a73e8&size=48
