movie camera emoji

movie-camera from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.

Name
movie-camera
Set
Twitter Emoji
Style
Default
Category
Objects
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

movie-cameraEmoji One (Colored)movie-cameraFluent Emojimovie-cameraFluent Emoji Flatmovie-cameraFluent Emoji High Contrastmovie-cameraNoto Emojimovie-cameraOpenMoji

More objects icons from Twitter Emoji

abacusaccordionadhesive-bandagealembicaxebackpackbalance-scaleballet-shoesballot-box-with-ballotbanjobar-chartbasketbathtubbatterybedbellbell-with-slashbikinibilled-capblack-nibblue-bookbombbookmarkbookmark-tabs

Use the movie camera emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M32 21v1h-2v-1c0-.446-.09-.867-.225-1.268a6 6 0 0 0-1.776-11.733a5.97 5.97 0 0 0-4.131 1.656A7 7 0 0 0 10 11a6.99 6.99 0 0 0 3.409 6H13a4 4 0 0 0-4 4H8l-6-4H1v14h1l6-4h1v2a4 4 0 0 0 4 4h13a4 4 0 0 0 4-4v-3h2v1h3v-6z"/><path fill="#66757f" d="M22 11a5 5 0 1 1-10.001-.001A5 5 0 0 1 22 11"/><circle cx="17" cy="11" r="2" fill="#ccd6dd"/><circle cx="27.999" cy="14" r="4" fill="#66757f"/><circle cx="27.999" cy="14" r="2" fill="#ccd6dd"/><path fill="#8899a6" d="M17 20h10v10H17z"/><path fill="#31373d" d="M19 22h6v6h-6z"/><circle cx="12.999" cy="28" r="2" fill="#8899a6"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiMovieCamera(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M32 21v1h-2v-1c0-.446-.09-.867-.225-1.268a6 6 0 0 0-1.776-11.733a5.97 5.97 0 0 0-4.131 1.656A7 7 0 0 0 10 11a6.99 6.99 0 0 0 3.409 6H13a4 4 0 0 0-4 4H8l-6-4H1v14h1l6-4h1v2a4 4 0 0 0 4 4h13a4 4 0 0 0 4-4v-3h2v1h3v-6z"/><path fill="#66757f" d="M22 11a5 5 0 1 1-10.001-.001A5 5 0 0 1 22 11"/><circle cx="17" cy="11" r="2" fill="#ccd6dd"/><circle cx="27.999" cy="14" r="4" fill="#66757f"/><circle cx="27.999" cy="14" r="2" fill="#ccd6dd"/><path fill="#8899a6" d="M17 20h10v10H17z"/><path fill="#31373d" d="M19 22h6v6h-6z"/><circle cx="12.999" cy="28" r="2" fill="#8899a6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M32 21v1h-2v-1c0-.446-.09-.867-.225-1.268a6 6 0 0 0-1.776-11.733a5.97 5.97 0 0 0-4.131 1.656A7 7 0 0 0 10 11a6.99 6.99 0 0 0 3.409 6H13a4 4 0 0 0-4 4H8l-6-4H1v14h1l6-4h1v2a4 4 0 0 0 4 4h13a4 4 0 0 0 4-4v-3h2v1h3v-6z"/><path fill="#66757f" d="M22 11a5 5 0 1 1-10.001-.001A5 5 0 0 1 22 11"/><circle cx="17" cy="11" r="2" fill="#ccd6dd"/><circle cx="27.999" cy="14" r="4" fill="#66757f"/><circle cx="27.999" cy="14" r="2" fill="#ccd6dd"/><path fill="#8899a6" d="M17 20h10v10H17z"/><path fill="#31373d" d="M19 22h6v6h-6z"/><circle cx="12.999" cy="28" r="2" fill="#8899a6"/></svg>
</template>

CSS

.icon-movie-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%2036%2036%22%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M32%2021v1h-2v-1c0-.446-.09-.867-.225-1.268a6%206%200%200%200-1.776-11.733a5.97%205.97%200%200%200-4.131%201.656A7%207%200%200%200%2010%2011a6.99%206.99%200%200%200%203.409%206H13a4%204%200%200%200-4%204H8l-6-4H1v14h1l6-4h1v2a4%204%200%200%200%204%204h13a4%204%200%200%200%204-4v-3h2v1h3v-6z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M22%2011a5%205%200%201%201-10.001-.001A5%205%200%200%201%2022%2011%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2211%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2227.999%22%20cy%3D%2214%22%20r%3D%224%22%20fill%3D%22%2366757f%22%2F%3E%3Ccircle%20cx%3D%2227.999%22%20cy%3D%2214%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M17%2020h10v10H17z%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M19%2022h6v6h-6z%22%2F%3E%3Ccircle%20cx%3D%2212.999%22%20cy%3D%2228%22%20r%3D%222%22%20fill%3D%22%238899a6%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M32%2021v1h-2v-1c0-.446-.09-.867-.225-1.268a6%206%200%200%200-1.776-11.733a5.97%205.97%200%200%200-4.131%201.656A7%207%200%200%200%2010%2011a6.99%206.99%200%200%200%203.409%206H13a4%204%200%200%200-4%204H8l-6-4H1v14h1l6-4h1v2a4%204%200%200%200%204%204h13a4%204%200%200%200%204-4v-3h2v1h3v-6z%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M22%2011a5%205%200%201%201-10.001-.001A5%205%200%200%201%2022%2011%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2211%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Ccircle%20cx%3D%2227.999%22%20cy%3D%2214%22%20r%3D%224%22%20fill%3D%22%2366757f%22%2F%3E%3Ccircle%20cx%3D%2227.999%22%20cy%3D%2214%22%20r%3D%222%22%20fill%3D%22%23ccd6dd%22%2F%3E%3Cpath%20fill%3D%22%238899a6%22%20d%3D%22M17%2020h10v10H17z%22%2F%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M19%2022h6v6h-6z%22%2F%3E%3Ccircle%20cx%3D%2212.999%22%20cy%3D%2228%22%20r%3D%222%22%20fill%3D%22%238899a6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/movie-camera.svg?color=%231a73e8&size=48