video camera emoji

video-camera from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.

Name
video-camera
Set
Emoji One (Colored)
Style
Default
Category
Objects
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

video-camera-filledAnt Design Iconsvideo-cameraElement Plusvideo-cameraFont Awesome Solidvideo-camera-outlineFlowbite Iconsvideo-cameraFluent Emojivideo-cameraFluent Emoji Flatvideo-cameraFluent Emoji High Contrastvideo-cameraHeroIconsvideo-cameraIconoirvideo-cameraJam Iconsvideo-cameraMajesticonsvideo-camera-fillMingCute Iconvideo-cameraNoto Emojivideo-cameraOpenMojivideo-cameraPhosphorvideo-cameraTDesign Iconsvideo-cameraTwitter Emoji

More objects icons from Emoji One (Colored)

alarm-clockalembicamphorabackpackbalance-scaleballot-box-with-ballotbar-chartbarber-polebathtubbatterybedbellhop-bellbikiniblack-nibblue-bookbombbookmarkbookmark-tabsbookscalendarcameracamera-with-flashcandlecard-file-box

Use the video camera emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#7a8084" d="M31.1 54L15.7 10.2s36.7-8.9 36.7 10v28.1c0 .8-1 1.8-1.8 1.8z"/><path fill="#94989b" d="M6.6 54c-.8 0-1.8-1-1.8-1.8V24.1c0-18.9 28.1-18.9 28.1 0v28.1c0 .8-1 1.8-1.8 1.8z"/><path fill="#ed4c5c" d="M26.2 44.4c-1 0-1.8.8-1.8 1.8s.8 1.8 1.8 1.8s1.8-.8 1.8-1.8s-.8-1.8-1.8-1.8"/><path fill="#7a8084" d="M11.1 55.8c-.5 0-.9-.4-.9-.9V53c0-.5.4-.9.9-.9h15.5c.5 0 .9.4.9.9v1.9c0 .5-.4.9-.9.9z"/><path fill="#3e4347" d="M31.4 24.9c0 7.8-5.9 15.3-16.6 15.3c-7.8 0-9-17.8-9-25.6c0 0 4.4-3.9 11.4-3.9c7.9 0 14.2 6.4 14.2 14.2"/><circle cx="14.1" cy="26.1" r="14.1" fill="#788287"/><path fill="#212528" d="M26.7 26.1c0 6.9-5.6 12.6-12.6 12.6C7.2 38.6 1.6 33 1.6 26.1s5.6-12.6 12.6-12.6c6.9 0 12.5 5.6 12.5 12.6"/><circle cx="14.1" cy="26.1" r="10.2" fill="#3e4347"/><circle cx="14.1" cy="26.1" r="5.5" fill="#212528"/><g fill="#f5f5f5"><path d="M21.6 21.7c0 1.7-1.4 3.2-3.2 3.2c-1.7 0-3.2-1.4-3.2-3.2c0-1.7 1.4-3.2 3.2-3.2s3.2 1.5 3.2 3.2" opacity=".5"/><circle cx="12.2" cy="28" r="2" opacity=".5"/><circle cx="8.6" cy="31.6" r="1.2" opacity=".5"/></g><path fill="#3e4347" d="M51.2 20.4c0 1.5-.8 2.9-1.9 3.2c-1.3.4-2.5-.8-2.5-2.7s1.2-3.3 2.5-3.2c1.1-.1 1.9 1.2 1.9 2.7m-5.9 2.7c0 .6-.7 1.3-1.7 1.5c-1.1.2-2-.1-2-.8s.9-1.4 2-1.6c1-.2 1.7.2 1.7.9m-.1-3.2c0 .6-.7 1.3-1.7 1.5c-1.1.2-2-.1-2-.8s.9-1.4 2-1.6c.9-.1 1.7.3 1.7.9M36.8 28l14.7-4.1v9.8z"/><path fill="#94989b" d="M37.7 52.5c-.5 0-.9-.4-.9-.9V28c0-.5.4-.9.9-.9h21.2c6.9 0 6.9 25.4 0 25.4zm-3.6-20.8c0-.5.4-.8.8-.8H36c.5 0 .8.4.8.8v16.4c0 .5-.4.8-.8.8h-1.1c-.4 0-.8-.4-.8-.8z"/><path fill="#42ade2" d="M38.6 28.9h20.9v21.8H38.6z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneVideoCamera(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#7a8084" d="M31.1 54L15.7 10.2s36.7-8.9 36.7 10v28.1c0 .8-1 1.8-1.8 1.8z"/><path fill="#94989b" d="M6.6 54c-.8 0-1.8-1-1.8-1.8V24.1c0-18.9 28.1-18.9 28.1 0v28.1c0 .8-1 1.8-1.8 1.8z"/><path fill="#ed4c5c" d="M26.2 44.4c-1 0-1.8.8-1.8 1.8s.8 1.8 1.8 1.8s1.8-.8 1.8-1.8s-.8-1.8-1.8-1.8"/><path fill="#7a8084" d="M11.1 55.8c-.5 0-.9-.4-.9-.9V53c0-.5.4-.9.9-.9h15.5c.5 0 .9.4.9.9v1.9c0 .5-.4.9-.9.9z"/><path fill="#3e4347" d="M31.4 24.9c0 7.8-5.9 15.3-16.6 15.3c-7.8 0-9-17.8-9-25.6c0 0 4.4-3.9 11.4-3.9c7.9 0 14.2 6.4 14.2 14.2"/><circle cx="14.1" cy="26.1" r="14.1" fill="#788287"/><path fill="#212528" d="M26.7 26.1c0 6.9-5.6 12.6-12.6 12.6C7.2 38.6 1.6 33 1.6 26.1s5.6-12.6 12.6-12.6c6.9 0 12.5 5.6 12.5 12.6"/><circle cx="14.1" cy="26.1" r="10.2" fill="#3e4347"/><circle cx="14.1" cy="26.1" r="5.5" fill="#212528"/><g fill="#f5f5f5"><path d="M21.6 21.7c0 1.7-1.4 3.2-3.2 3.2c-1.7 0-3.2-1.4-3.2-3.2c0-1.7 1.4-3.2 3.2-3.2s3.2 1.5 3.2 3.2" opacity=".5"/><circle cx="12.2" cy="28" r="2" opacity=".5"/><circle cx="8.6" cy="31.6" r="1.2" opacity=".5"/></g><path fill="#3e4347" d="M51.2 20.4c0 1.5-.8 2.9-1.9 3.2c-1.3.4-2.5-.8-2.5-2.7s1.2-3.3 2.5-3.2c1.1-.1 1.9 1.2 1.9 2.7m-5.9 2.7c0 .6-.7 1.3-1.7 1.5c-1.1.2-2-.1-2-.8s.9-1.4 2-1.6c1-.2 1.7.2 1.7.9m-.1-3.2c0 .6-.7 1.3-1.7 1.5c-1.1.2-2-.1-2-.8s.9-1.4 2-1.6c.9-.1 1.7.3 1.7.9M36.8 28l14.7-4.1v9.8z"/><path fill="#94989b" d="M37.7 52.5c-.5 0-.9-.4-.9-.9V28c0-.5.4-.9.9-.9h21.2c6.9 0 6.9 25.4 0 25.4zm-3.6-20.8c0-.5.4-.8.8-.8H36c.5 0 .8.4.8.8v16.4c0 .5-.4.8-.8.8h-1.1c-.4 0-.8-.4-.8-.8z"/><path fill="#42ade2" d="M38.6 28.9h20.9v21.8H38.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#7a8084" d="M31.1 54L15.7 10.2s36.7-8.9 36.7 10v28.1c0 .8-1 1.8-1.8 1.8z"/><path fill="#94989b" d="M6.6 54c-.8 0-1.8-1-1.8-1.8V24.1c0-18.9 28.1-18.9 28.1 0v28.1c0 .8-1 1.8-1.8 1.8z"/><path fill="#ed4c5c" d="M26.2 44.4c-1 0-1.8.8-1.8 1.8s.8 1.8 1.8 1.8s1.8-.8 1.8-1.8s-.8-1.8-1.8-1.8"/><path fill="#7a8084" d="M11.1 55.8c-.5 0-.9-.4-.9-.9V53c0-.5.4-.9.9-.9h15.5c.5 0 .9.4.9.9v1.9c0 .5-.4.9-.9.9z"/><path fill="#3e4347" d="M31.4 24.9c0 7.8-5.9 15.3-16.6 15.3c-7.8 0-9-17.8-9-25.6c0 0 4.4-3.9 11.4-3.9c7.9 0 14.2 6.4 14.2 14.2"/><circle cx="14.1" cy="26.1" r="14.1" fill="#788287"/><path fill="#212528" d="M26.7 26.1c0 6.9-5.6 12.6-12.6 12.6C7.2 38.6 1.6 33 1.6 26.1s5.6-12.6 12.6-12.6c6.9 0 12.5 5.6 12.5 12.6"/><circle cx="14.1" cy="26.1" r="10.2" fill="#3e4347"/><circle cx="14.1" cy="26.1" r="5.5" fill="#212528"/><g fill="#f5f5f5"><path d="M21.6 21.7c0 1.7-1.4 3.2-3.2 3.2c-1.7 0-3.2-1.4-3.2-3.2c0-1.7 1.4-3.2 3.2-3.2s3.2 1.5 3.2 3.2" opacity=".5"/><circle cx="12.2" cy="28" r="2" opacity=".5"/><circle cx="8.6" cy="31.6" r="1.2" opacity=".5"/></g><path fill="#3e4347" d="M51.2 20.4c0 1.5-.8 2.9-1.9 3.2c-1.3.4-2.5-.8-2.5-2.7s1.2-3.3 2.5-3.2c1.1-.1 1.9 1.2 1.9 2.7m-5.9 2.7c0 .6-.7 1.3-1.7 1.5c-1.1.2-2-.1-2-.8s.9-1.4 2-1.6c1-.2 1.7.2 1.7.9m-.1-3.2c0 .6-.7 1.3-1.7 1.5c-1.1.2-2-.1-2-.8s.9-1.4 2-1.6c.9-.1 1.7.3 1.7.9M36.8 28l14.7-4.1v9.8z"/><path fill="#94989b" d="M37.7 52.5c-.5 0-.9-.4-.9-.9V28c0-.5.4-.9.9-.9h21.2c6.9 0 6.9 25.4 0 25.4zm-3.6-20.8c0-.5.4-.8.8-.8H36c.5 0 .8.4.8.8v16.4c0 .5-.4.8-.8.8h-1.1c-.4 0-.8-.4-.8-.8z"/><path fill="#42ade2" d="M38.6 28.9h20.9v21.8H38.6z"/></svg>
</template>

CSS

.icon-video-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%237a8084%22%20d%3D%22M31.1%2054L15.7%2010.2s36.7-8.9%2036.7%2010v28.1c0%20.8-1%201.8-1.8%201.8z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M6.6%2054c-.8%200-1.8-1-1.8-1.8V24.1c0-18.9%2028.1-18.9%2028.1%200v28.1c0%20.8-1%201.8-1.8%201.8z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M26.2%2044.4c-1%200-1.8.8-1.8%201.8s.8%201.8%201.8%201.8s1.8-.8%201.8-1.8s-.8-1.8-1.8-1.8%22%2F%3E%3Cpath%20fill%3D%22%237a8084%22%20d%3D%22M11.1%2055.8c-.5%200-.9-.4-.9-.9V53c0-.5.4-.9.9-.9h15.5c.5%200%20.9.4.9.9v1.9c0%20.5-.4.9-.9.9z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M31.4%2024.9c0%207.8-5.9%2015.3-16.6%2015.3c-7.8%200-9-17.8-9-25.6c0%200%204.4-3.9%2011.4-3.9c7.9%200%2014.2%206.4%2014.2%2014.2%22%2F%3E%3Ccircle%20cx%3D%2214.1%22%20cy%3D%2226.1%22%20r%3D%2214.1%22%20fill%3D%22%23788287%22%2F%3E%3Cpath%20fill%3D%22%23212528%22%20d%3D%22M26.7%2026.1c0%206.9-5.6%2012.6-12.6%2012.6C7.2%2038.6%201.6%2033%201.6%2026.1s5.6-12.6%2012.6-12.6c6.9%200%2012.5%205.6%2012.5%2012.6%22%2F%3E%3Ccircle%20cx%3D%2214.1%22%20cy%3D%2226.1%22%20r%3D%2210.2%22%20fill%3D%22%233e4347%22%2F%3E%3Ccircle%20cx%3D%2214.1%22%20cy%3D%2226.1%22%20r%3D%225.5%22%20fill%3D%22%23212528%22%2F%3E%3Cg%20fill%3D%22%23f5f5f5%22%3E%3Cpath%20d%3D%22M21.6%2021.7c0%201.7-1.4%203.2-3.2%203.2c-1.7%200-3.2-1.4-3.2-3.2c0-1.7%201.4-3.2%203.2-3.2s3.2%201.5%203.2%203.2%22%20opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2212.2%22%20cy%3D%2228%22%20r%3D%222%22%20opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%228.6%22%20cy%3D%2231.6%22%20r%3D%221.2%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M51.2%2020.4c0%201.5-.8%202.9-1.9%203.2c-1.3.4-2.5-.8-2.5-2.7s1.2-3.3%202.5-3.2c1.1-.1%201.9%201.2%201.9%202.7m-5.9%202.7c0%20.6-.7%201.3-1.7%201.5c-1.1.2-2-.1-2-.8s.9-1.4%202-1.6c1-.2%201.7.2%201.7.9m-.1-3.2c0%20.6-.7%201.3-1.7%201.5c-1.1.2-2-.1-2-.8s.9-1.4%202-1.6c.9-.1%201.7.3%201.7.9M36.8%2028l14.7-4.1v9.8z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M37.7%2052.5c-.5%200-.9-.4-.9-.9V28c0-.5.4-.9.9-.9h21.2c6.9%200%206.9%2025.4%200%2025.4zm-3.6-20.8c0-.5.4-.8.8-.8H36c.5%200%20.8.4.8.8v16.4c0%20.5-.4.8-.8.8h-1.1c-.4%200-.8-.4-.8-.8z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M38.6%2028.9h20.9v21.8H38.6z%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%237a8084%22%20d%3D%22M31.1%2054L15.7%2010.2s36.7-8.9%2036.7%2010v28.1c0%20.8-1%201.8-1.8%201.8z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M6.6%2054c-.8%200-1.8-1-1.8-1.8V24.1c0-18.9%2028.1-18.9%2028.1%200v28.1c0%20.8-1%201.8-1.8%201.8z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M26.2%2044.4c-1%200-1.8.8-1.8%201.8s.8%201.8%201.8%201.8s1.8-.8%201.8-1.8s-.8-1.8-1.8-1.8%22%2F%3E%3Cpath%20fill%3D%22%237a8084%22%20d%3D%22M11.1%2055.8c-.5%200-.9-.4-.9-.9V53c0-.5.4-.9.9-.9h15.5c.5%200%20.9.4.9.9v1.9c0%20.5-.4.9-.9.9z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M31.4%2024.9c0%207.8-5.9%2015.3-16.6%2015.3c-7.8%200-9-17.8-9-25.6c0%200%204.4-3.9%2011.4-3.9c7.9%200%2014.2%206.4%2014.2%2014.2%22%2F%3E%3Ccircle%20cx%3D%2214.1%22%20cy%3D%2226.1%22%20r%3D%2214.1%22%20fill%3D%22%23788287%22%2F%3E%3Cpath%20fill%3D%22%23212528%22%20d%3D%22M26.7%2026.1c0%206.9-5.6%2012.6-12.6%2012.6C7.2%2038.6%201.6%2033%201.6%2026.1s5.6-12.6%2012.6-12.6c6.9%200%2012.5%205.6%2012.5%2012.6%22%2F%3E%3Ccircle%20cx%3D%2214.1%22%20cy%3D%2226.1%22%20r%3D%2210.2%22%20fill%3D%22%233e4347%22%2F%3E%3Ccircle%20cx%3D%2214.1%22%20cy%3D%2226.1%22%20r%3D%225.5%22%20fill%3D%22%23212528%22%2F%3E%3Cg%20fill%3D%22%23f5f5f5%22%3E%3Cpath%20d%3D%22M21.6%2021.7c0%201.7-1.4%203.2-3.2%203.2c-1.7%200-3.2-1.4-3.2-3.2c0-1.7%201.4-3.2%203.2-3.2s3.2%201.5%203.2%203.2%22%20opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%2212.2%22%20cy%3D%2228%22%20r%3D%222%22%20opacity%3D%22.5%22%2F%3E%3Ccircle%20cx%3D%228.6%22%20cy%3D%2231.6%22%20r%3D%221.2%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M51.2%2020.4c0%201.5-.8%202.9-1.9%203.2c-1.3.4-2.5-.8-2.5-2.7s1.2-3.3%202.5-3.2c1.1-.1%201.9%201.2%201.9%202.7m-5.9%202.7c0%20.6-.7%201.3-1.7%201.5c-1.1.2-2-.1-2-.8s.9-1.4%202-1.6c1-.2%201.7.2%201.7.9m-.1-3.2c0%20.6-.7%201.3-1.7%201.5c-1.1.2-2-.1-2-.8s.9-1.4%202-1.6c.9-.1%201.7.3%201.7.9M36.8%2028l14.7-4.1v9.8z%22%2F%3E%3Cpath%20fill%3D%22%2394989b%22%20d%3D%22M37.7%2052.5c-.5%200-.9-.4-.9-.9V28c0-.5.4-.9.9-.9h21.2c6.9%200%206.9%2025.4%200%2025.4zm-3.6-20.8c0-.5.4-.8.8-.8H36c.5%200%20.8.4.8.8v16.4c0%20.5-.4.8-.8.8h-1.1c-.4%200-.8-.4-.8-.8z%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M38.6%2028.9h20.9v21.8H38.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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