camera emoji
camera from Firefox OS Emoji by Mozilla · Default · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- camera
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji 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 Contrastcameracss.ggcameraHeroIconscameraHumbleiconscameraIconParkcameraIconPark Outline
More objects icons from Firefox OS Emoji
admissionticketsalienmonsteramericanfootballartistpaletteauberginebabybottlebackofenvelopeballoonballotboldscriptxballotboxboldcheckballotboxwithboldscriptxballottboxwithballottballottboxwithscriptxballottscriptxbananabanknotedollarbanknoteeurobanknotepoundbanknoteyenbarchartbaseballbasketballandhoopbathbathtub
Use the camera emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#8F9799" d="M479.364 128.57a2.034 2.034 0 0 1-2.034 2.034h-89.61a2.034 2.034 0 0 1-2.034-2.034V64.851c0-1.123.911-2.034 2.034-2.034h89.61c1.123 0 2.034.911 2.034 2.034z"/><path fill="#ADB8BC" d="M479.499 460.581H32.969c-11.929 0-21.6-9.671-21.6-21.6V123.699c0-11.929 9.671-21.6 21.6-21.6h446.53c11.929 0 21.6 9.671 21.6 21.6v315.282c0 11.929-9.671 21.6-21.6 21.6"/><path fill="#FFFBDE" d="M476.54 177.002c0 .678-.722 1.228-1.613 1.228h-71.093c-.891 0-1.613-.55-1.613-1.228v-38.484c0-.678.722-1.228 1.613-1.228h71.093c.891 0 1.613.55 1.613 1.228z"/><circle cx="68.458" cy="157.76" r="25.659" fill="#FF473E"/><path fill="#1C4C5A" d="M476.54 200.998c0 .511-.722.926-1.613.926h-71.093c-.891 0-1.613-.415-1.613-.926v-29.009c0-.511.722-.926 1.613-.926h71.093c.891 0 1.613.415 1.613.926zm-220.306-63.709c-76.212 0-137.993 61.782-137.993 137.993s61.782 137.993 137.993 137.993s137.993-61.782 137.993-137.993s-61.781-137.993-137.993-137.993"/><path fill="#1C4C5A" d="M256.234 188.598c47.874 0 86.685 38.819 86.685 86.685c0 47.874-38.811 86.685-86.685 86.685s-86.685-38.811-86.685-86.685c0-47.866 38.811-86.685 86.685-86.685"/><path fill="#F4F3EF" d="M256.234 188.598c-47.874 0-86.685 38.819-86.685 86.685c0 47.874 38.811 86.685 86.685 86.685s86.685-38.811 86.685-86.685c0-47.866-38.803-86.685-86.685-86.685"/><circle cx="256.234" cy="274.136" r="63.993" fill="#00BEEA"/><path fill="#FFF" d="M279.875 235.881c8.7 0 15.761 7.061 15.761 15.761c0 8.708-7.061 15.761-15.761 15.761s-15.761-7.053-15.761-15.761s7.061-15.761 15.761-15.761"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiCamera(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#8F9799" d="M479.364 128.57a2.034 2.034 0 0 1-2.034 2.034h-89.61a2.034 2.034 0 0 1-2.034-2.034V64.851c0-1.123.911-2.034 2.034-2.034h89.61c1.123 0 2.034.911 2.034 2.034z"/><path fill="#ADB8BC" d="M479.499 460.581H32.969c-11.929 0-21.6-9.671-21.6-21.6V123.699c0-11.929 9.671-21.6 21.6-21.6h446.53c11.929 0 21.6 9.671 21.6 21.6v315.282c0 11.929-9.671 21.6-21.6 21.6"/><path fill="#FFFBDE" d="M476.54 177.002c0 .678-.722 1.228-1.613 1.228h-71.093c-.891 0-1.613-.55-1.613-1.228v-38.484c0-.678.722-1.228 1.613-1.228h71.093c.891 0 1.613.55 1.613 1.228z"/><circle cx="68.458" cy="157.76" r="25.659" fill="#FF473E"/><path fill="#1C4C5A" d="M476.54 200.998c0 .511-.722.926-1.613.926h-71.093c-.891 0-1.613-.415-1.613-.926v-29.009c0-.511.722-.926 1.613-.926h71.093c.891 0 1.613.415 1.613.926zm-220.306-63.709c-76.212 0-137.993 61.782-137.993 137.993s61.782 137.993 137.993 137.993s137.993-61.782 137.993-137.993s-61.781-137.993-137.993-137.993"/><path fill="#1C4C5A" d="M256.234 188.598c47.874 0 86.685 38.819 86.685 86.685c0 47.874-38.811 86.685-86.685 86.685s-86.685-38.811-86.685-86.685c0-47.866 38.811-86.685 86.685-86.685"/><path fill="#F4F3EF" d="M256.234 188.598c-47.874 0-86.685 38.819-86.685 86.685c0 47.874 38.811 86.685 86.685 86.685s86.685-38.811 86.685-86.685c0-47.866-38.803-86.685-86.685-86.685"/><circle cx="256.234" cy="274.136" r="63.993" fill="#00BEEA"/><path fill="#FFF" d="M279.875 235.881c8.7 0 15.761 7.061 15.761 15.761c0 8.708-7.061 15.761-15.761 15.761s-15.761-7.053-15.761-15.761s7.061-15.761 15.761-15.761"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#8F9799" d="M479.364 128.57a2.034 2.034 0 0 1-2.034 2.034h-89.61a2.034 2.034 0 0 1-2.034-2.034V64.851c0-1.123.911-2.034 2.034-2.034h89.61c1.123 0 2.034.911 2.034 2.034z"/><path fill="#ADB8BC" d="M479.499 460.581H32.969c-11.929 0-21.6-9.671-21.6-21.6V123.699c0-11.929 9.671-21.6 21.6-21.6h446.53c11.929 0 21.6 9.671 21.6 21.6v315.282c0 11.929-9.671 21.6-21.6 21.6"/><path fill="#FFFBDE" d="M476.54 177.002c0 .678-.722 1.228-1.613 1.228h-71.093c-.891 0-1.613-.55-1.613-1.228v-38.484c0-.678.722-1.228 1.613-1.228h71.093c.891 0 1.613.55 1.613 1.228z"/><circle cx="68.458" cy="157.76" r="25.659" fill="#FF473E"/><path fill="#1C4C5A" d="M476.54 200.998c0 .511-.722.926-1.613.926h-71.093c-.891 0-1.613-.415-1.613-.926v-29.009c0-.511.722-.926 1.613-.926h71.093c.891 0 1.613.415 1.613.926zm-220.306-63.709c-76.212 0-137.993 61.782-137.993 137.993s61.782 137.993 137.993 137.993s137.993-61.782 137.993-137.993s-61.781-137.993-137.993-137.993"/><path fill="#1C4C5A" d="M256.234 188.598c47.874 0 86.685 38.819 86.685 86.685c0 47.874-38.811 86.685-86.685 86.685s-86.685-38.811-86.685-86.685c0-47.866 38.811-86.685 86.685-86.685"/><path fill="#F4F3EF" d="M256.234 188.598c-47.874 0-86.685 38.819-86.685 86.685c0 47.874 38.811 86.685 86.685 86.685s86.685-38.811 86.685-86.685c0-47.866-38.803-86.685-86.685-86.685"/><circle cx="256.234" cy="274.136" r="63.993" fill="#00BEEA"/><path fill="#FFF" d="M279.875 235.881c8.7 0 15.761 7.061 15.761 15.761c0 8.708-7.061 15.761-15.761 15.761s-15.761-7.053-15.761-15.761s7.061-15.761 15.761-15.761"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22%238F9799%22%20d%3D%22M479.364%20128.57a2.034%202.034%200%200%201-2.034%202.034h-89.61a2.034%202.034%200%200%201-2.034-2.034V64.851c0-1.123.911-2.034%202.034-2.034h89.61c1.123%200%202.034.911%202.034%202.034z%22%2F%3E%3Cpath%20fill%3D%22%23ADB8BC%22%20d%3D%22M479.499%20460.581H32.969c-11.929%200-21.6-9.671-21.6-21.6V123.699c0-11.929%209.671-21.6%2021.6-21.6h446.53c11.929%200%2021.6%209.671%2021.6%2021.6v315.282c0%2011.929-9.671%2021.6-21.6%2021.6%22%2F%3E%3Cpath%20fill%3D%22%23FFFBDE%22%20d%3D%22M476.54%20177.002c0%20.678-.722%201.228-1.613%201.228h-71.093c-.891%200-1.613-.55-1.613-1.228v-38.484c0-.678.722-1.228%201.613-1.228h71.093c.891%200%201.613.55%201.613%201.228z%22%2F%3E%3Ccircle%20cx%3D%2268.458%22%20cy%3D%22157.76%22%20r%3D%2225.659%22%20fill%3D%22%23FF473E%22%2F%3E%3Cpath%20fill%3D%22%231C4C5A%22%20d%3D%22M476.54%20200.998c0%20.511-.722.926-1.613.926h-71.093c-.891%200-1.613-.415-1.613-.926v-29.009c0-.511.722-.926%201.613-.926h71.093c.891%200%201.613.415%201.613.926zm-220.306-63.709c-76.212%200-137.993%2061.782-137.993%20137.993s61.782%20137.993%20137.993%20137.993s137.993-61.782%20137.993-137.993s-61.781-137.993-137.993-137.993%22%2F%3E%3Cpath%20fill%3D%22%231C4C5A%22%20d%3D%22M256.234%20188.598c47.874%200%2086.685%2038.819%2086.685%2086.685c0%2047.874-38.811%2086.685-86.685%2086.685s-86.685-38.811-86.685-86.685c0-47.866%2038.811-86.685%2086.685-86.685%22%2F%3E%3Cpath%20fill%3D%22%23F4F3EF%22%20d%3D%22M256.234%20188.598c-47.874%200-86.685%2038.819-86.685%2086.685c0%2047.874%2038.811%2086.685%2086.685%2086.685s86.685-38.811%2086.685-86.685c0-47.866-38.803-86.685-86.685-86.685%22%2F%3E%3Ccircle%20cx%3D%22256.234%22%20cy%3D%22274.136%22%20r%3D%2263.993%22%20fill%3D%22%2300BEEA%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M279.875%20235.881c8.7%200%2015.761%207.061%2015.761%2015.761c0%208.708-7.061%2015.761-15.761%2015.761s-15.761-7.053-15.761-15.761s7.061-15.761%2015.761-15.761%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%20512%20512%22%3E%3Cpath%20fill%3D%22%238F9799%22%20d%3D%22M479.364%20128.57a2.034%202.034%200%200%201-2.034%202.034h-89.61a2.034%202.034%200%200%201-2.034-2.034V64.851c0-1.123.911-2.034%202.034-2.034h89.61c1.123%200%202.034.911%202.034%202.034z%22%2F%3E%3Cpath%20fill%3D%22%23ADB8BC%22%20d%3D%22M479.499%20460.581H32.969c-11.929%200-21.6-9.671-21.6-21.6V123.699c0-11.929%209.671-21.6%2021.6-21.6h446.53c11.929%200%2021.6%209.671%2021.6%2021.6v315.282c0%2011.929-9.671%2021.6-21.6%2021.6%22%2F%3E%3Cpath%20fill%3D%22%23FFFBDE%22%20d%3D%22M476.54%20177.002c0%20.678-.722%201.228-1.613%201.228h-71.093c-.891%200-1.613-.55-1.613-1.228v-38.484c0-.678.722-1.228%201.613-1.228h71.093c.891%200%201.613.55%201.613%201.228z%22%2F%3E%3Ccircle%20cx%3D%2268.458%22%20cy%3D%22157.76%22%20r%3D%2225.659%22%20fill%3D%22%23FF473E%22%2F%3E%3Cpath%20fill%3D%22%231C4C5A%22%20d%3D%22M476.54%20200.998c0%20.511-.722.926-1.613.926h-71.093c-.891%200-1.613-.415-1.613-.926v-29.009c0-.511.722-.926%201.613-.926h71.093c.891%200%201.613.415%201.613.926zm-220.306-63.709c-76.212%200-137.993%2061.782-137.993%20137.993s61.782%20137.993%20137.993%20137.993s137.993-61.782%20137.993-137.993s-61.781-137.993-137.993-137.993%22%2F%3E%3Cpath%20fill%3D%22%231C4C5A%22%20d%3D%22M256.234%20188.598c47.874%200%2086.685%2038.819%2086.685%2086.685c0%2047.874-38.811%2086.685-86.685%2086.685s-86.685-38.811-86.685-86.685c0-47.866%2038.811-86.685%2086.685-86.685%22%2F%3E%3Cpath%20fill%3D%22%23F4F3EF%22%20d%3D%22M256.234%20188.598c-47.874%200-86.685%2038.819-86.685%2086.685c0%2047.874%2038.811%2086.685%2086.685%2086.685s86.685-38.811%2086.685-86.685c0-47.866-38.803-86.685-86.685-86.685%22%2F%3E%3Ccircle%20cx%3D%22256.234%22%20cy%3D%22274.136%22%20r%3D%2263.993%22%20fill%3D%22%2300BEEA%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M279.875%20235.881c8.7%200%2015.761%207.061%2015.761%2015.761c0%208.708-7.061%2015.761-15.761%2015.761s-15.761-7.053-15.761-15.761s7.061-15.761%2015.761-15.761%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/camera.svg?color=%231a73e8&size=48
