Camera icon
fxemoji:camera
The Camera icon (fxemoji:camera) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" 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>
How to use the Camera icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:camera" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:camera" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:camera" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--camera]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:camera"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:camera"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/camera.svg" alt="Camera icon" width="24" height="24">
Related icons in Firefox OS Emoji
Camera icon in other icon sets
Camera icon FAQ
Is the Camera icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Camera icon in React?
Install @iconify/react and render <Icon icon="fxemoji:camera" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Camera icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/camera.svg" alt="Camera icon">, or paste the SVG code inline to style it with CSS.
Browse all Firefox OS Emoji icons →
ICONYZ
