videocamera icon

videocamera from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name: videocamera
Set: IonIcons
Style: Regular
Viewbox: 512×512
License: MIT

The same icon in other sets

videocameraIconPark videocameraIconPark Outline videocameraIconPark Solid videocameraIconPark TwoTone videocamera-boldSolar

Use the videocamera icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M367 185.3c0-5.1-4-9.3-9.2-9.3H306v-32.2c0-35.2-29.3-63.8-64.9-63.8H63v48h176.1c4.5 0 9.9 5.6 9.9 10.1V176H41.4c-5.2 0-9.4 4.2-9.4 9.3V422.7c0 5.1 4.2 9.3 9.4 9.3h316.4c5.2 0 9.2-4.2 9.2-9.3v-64.5l113 34.7V216.5l-113 34.7v-65.9zM258.2 341H140.1c-19.8 0-35.9-16-35.9-35.8s16.1-35.8 35.9-35.8c19.8 0 35.9 16.2 35.9 36 0 10-4.2 18.6-10.8 25.6h67.9c-6.6-7-10.8-15.6-10.8-25.6 0-19.8 16.1-35.9 35.9-35.9 19.8 0 35.9 15.9 35.9 35.7S278 341 258.2 341z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonVideocamera(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M367 185.3c0-5.1-4-9.3-9.2-9.3H306v-32.2c0-35.2-29.3-63.8-64.9-63.8H63v48h176.1c4.5 0 9.9 5.6 9.9 10.1V176H41.4c-5.2 0-9.4 4.2-9.4 9.3V422.7c0 5.1 4.2 9.3 9.4 9.3h316.4c5.2 0 9.2-4.2 9.2-9.3v-64.5l113 34.7V216.5l-113 34.7v-65.9zM258.2 341H140.1c-19.8 0-35.9-16-35.9-35.8s16.1-35.8 35.9-35.8c19.8 0 35.9 16.2 35.9 36 0 10-4.2 18.6-10.8 25.6h67.9c-6.6-7-10.8-15.6-10.8-25.6 0-19.8 16.1-35.9 35.9-35.9 19.8 0 35.9 15.9 35.9 35.7S278 341 258.2 341z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M367 185.3c0-5.1-4-9.3-9.2-9.3H306v-32.2c0-35.2-29.3-63.8-64.9-63.8H63v48h176.1c4.5 0 9.9 5.6 9.9 10.1V176H41.4c-5.2 0-9.4 4.2-9.4 9.3V422.7c0 5.1 4.2 9.3 9.4 9.3h316.4c5.2 0 9.2-4.2 9.2-9.3v-64.5l113 34.7V216.5l-113 34.7v-65.9zM258.2 341H140.1c-19.8 0-35.9-16-35.9-35.8s16.1-35.8 35.9-35.8c19.8 0 35.9 16.2 35.9 36 0 10-4.2 18.6-10.8 25.6h67.9c-6.6-7-10.8-15.6-10.8-25.6 0-19.8 16.1-35.9 35.9-35.9 19.8 0 35.9 15.9 35.9 35.7S278 341 258.2 341z" fill="currentColor"/></svg>
</template>

CSS

.icon-videocamera {
  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%20d%3D%22M367%20185.3c0-5.1-4-9.3-9.2-9.3H306v-32.2c0-35.2-29.3-63.8-64.9-63.8H63v48h176.1c4.5%200%209.9%205.6%209.9%2010.1V176H41.4c-5.2%200-9.4%204.2-9.4%209.3V422.7c0%205.1%204.2%209.3%209.4%209.3h316.4c5.2%200%209.2-4.2%209.2-9.3v-64.5l113%2034.7V216.5l-113%2034.7v-65.9zM258.2%20341H140.1c-19.8%200-35.9-16-35.9-35.8s16.1-35.8%2035.9-35.8c19.8%200%2035.9%2016.2%2035.9%2036%200%2010-4.2%2018.6-10.8%2025.6h67.9c-6.6-7-10.8-15.6-10.8-25.6%200-19.8%2016.1-35.9%2035.9-35.9%2019.8%200%2035.9%2015.9%2035.9%2035.7S278%20341%20258.2%20341z%22%20fill%3D%22currentColor%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%20d%3D%22M367%20185.3c0-5.1-4-9.3-9.2-9.3H306v-32.2c0-35.2-29.3-63.8-64.9-63.8H63v48h176.1c4.5%200%209.9%205.6%209.9%2010.1V176H41.4c-5.2%200-9.4%204.2-9.4%209.3V422.7c0%205.1%204.2%209.3%209.4%209.3h316.4c5.2%200%209.2-4.2%209.2-9.3v-64.5l113%2034.7V216.5l-113%2034.7v-65.9zM258.2%20341H140.1c-19.8%200-35.9-16-35.9-35.8s16.1-35.8%2035.9-35.8c19.8%200%2035.9%2016.2%2035.9%2036%200%2010-4.2%2018.6-10.8%2025.6h67.9c-6.6-7-10.8-15.6-10.8-25.6%200-19.8%2016.1-35.9%2035.9-35.9%2019.8%200%2035.9%2015.9%2035.9%2035.7S278%20341%20258.2%20341z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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