Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

VS Code Icons · VscDeviceCameraVideo

Device Camera Video icon

A free device camera video icon from VS Code Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known aslaptop iconcomputer iconnotebook iconpc iconmobile iconphone iconsmartphone iconcell icon
License
CC BY 4.0 license
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/device-camera-video.json
components/icons/vscode-codicons-device-camera-video.tsx
import * as React from "react";

/**
 * Device Camera Video from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
 * Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/device-camera-video. Sized in em, colored by currentColor.
 */
export function VscDeviceCameraVideoIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 16 16"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.5 3C2.11929 3 1 4.11929 1 5.5V10.5C1 11.8807 2.11929 13 3.5 13H8.5C9.88071 13 11 11.8807 11 10.5V10.3728L13.0354 11.7782C13.8646 12.3507 14.9957 11.7572 14.9957 10.7496V5.25216C14.9957 4.24453 13.8646 3.65101 13.0354 4.22353L11 5.62896V5.5C11 4.11929 9.88071 3 8.5 3H3.5ZM11 6.84418L13.6036 5.04643C13.7695 4.93193 13.9957 5.05063 13.9957 5.25216V10.7496C13.9957 10.9511 13.7695 11.0698 13.6036 10.9553L11 9.15757V6.84418ZM2 5.5C2 4.67157 2.67157 4 3.5 4H8.5C9.32843 4 10 4.67157 10 5.5V10.5C10 11.3284 9.32843 12 8.5 12H3.5C2.67157 12 2 11.3284 2 10.5V5.5Z"
      />
    </svg>
  );
}
With react-icons
import { VscDeviceCameraVideo } from "react-icons/vsc";

export function Example() {
  return <VscDeviceCameraVideo className="size-5" />;
}
device-camera-video.svg
<svg
  viewBox="0 0 16 16"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M3.5 3C2.11929 3 1 4.11929 1 5.5V10.5C1 11.8807 2.11929 13 3.5 13H8.5C9.88071 13 11 11.8807 11 10.5V10.3728L13.0354 11.7782C13.8646 12.3507 14.9957 11.7572 14.9957 10.7496V5.25216C14.9957 4.24453 13.8646 3.65101 13.0354 4.22353L11 5.62896V5.5C11 4.11929 9.88071 3 8.5 3H3.5ZM11 6.84418L13.6036 5.04643C13.7695 4.93193 13.9957 5.05063 13.9957 5.25216V10.7496C13.9957 10.9511 13.7695 11.0698 13.6036 10.9553L11 9.15757V6.84418ZM2 5.5C2 4.67157 2.67157 4 3.5 4H8.5C9.32843 4 10 4.67157 10 5.5V10.5C10 11.3284 9.32843 12 8.5 12H3.5C2.67157 12 2 11.3284 2 10.5V5.5Z"
  />
</svg>
Attribution
"Device Camera Video" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.

Related icons: laptop, computer, notebook, pc

Device Camera Video icon in other sets