Skip to content
Cuelark UI

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

Radix Icons · RxCamera

Camera icon

A free camera icon from Radix 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 asphoto iconpicture iconsnapshot iconcapture iconvideo iconfilm iconmovie iconrecording icon
License
MIT license
Project
icons.radix-ui.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/camera.json
components/icons/radix-camera.tsx
import * as React from "react";

/**
 * Camera from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/camera. Sized in em, colored by currentColor.
 */
export function RxCameraIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 15 15"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M13 2C14.1046 2 15 2.89543 15 4V11C15 12.1046 14.1046 13 13 13H2C0.964349 13 0.113005 12.2128 0.0107422 11.2041L0 11V4C0 2.89543 0.895431 2 2 2H13ZM2 3C1.44772 3 1 3.44772 1 4V11L1.00488 11.1025C1.05621 11.6067 1.48232 12 2 12H13C13.5523 12 14 11.5523 14 11V4C14 3.44772 13.5523 3 13 3H2ZM9.68555 3.98828C11.588 4.08486 13.1013 5.65763 13.1016 7.58398L13.0967 7.76953C13.0002 9.67206 11.4264 11.1853 9.5 11.1855L9.31543 11.1807C7.47401 11.0875 5.99766 9.61091 5.9043 7.76953L5.89941 7.58398C5.89967 5.59555 7.51156 3.98365 9.5 3.9834L9.68555 3.98828ZM9.5 4.9834C8.06385 4.98365 6.89967 6.14783 6.89941 7.58398C6.89955 9.02024 8.06377 10.1853 9.5 10.1855C10.9362 10.1853 12.1014 9.02023 12.1016 7.58398C12.1013 6.14784 10.9361 4.98366 9.5 4.9834ZM4.75 4C4.88807 4 5 4.11193 5 4.25V5.75488C4.99982 5.8928 4.88796 6.00488 4.75 6.00488H2.25C2.11204 6.00488 2.00018 5.8928 2 5.75488V4.25C2 4.11193 2.11193 4 2.25 4H4.75Z"
        fill="currentColor"
      />
    </svg>
  );
}
With react-icons
import { RxCamera } from "react-icons/rx";

export function Example() {
  return <RxCamera className="size-5" />;
}
camera.svg
<svg
  fill="none"
  viewBox="0 0 15 15"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M13 2C14.1046 2 15 2.89543 15 4V11C15 12.1046 14.1046 13 13 13H2C0.964349 13 0.113005 12.2128 0.0107422 11.2041L0 11V4C0 2.89543 0.895431 2 2 2H13ZM2 3C1.44772 3 1 3.44772 1 4V11L1.00488 11.1025C1.05621 11.6067 1.48232 12 2 12H13C13.5523 12 14 11.5523 14 11V4C14 3.44772 13.5523 3 13 3H2ZM9.68555 3.98828C11.588 4.08486 13.1013 5.65763 13.1016 7.58398L13.0967 7.76953C13.0002 9.67206 11.4264 11.1853 9.5 11.1855L9.31543 11.1807C7.47401 11.0875 5.99766 9.61091 5.9043 7.76953L5.89941 7.58398C5.89967 5.59555 7.51156 3.98365 9.5 3.9834L9.68555 3.98828ZM9.5 4.9834C8.06385 4.98365 6.89967 6.14783 6.89941 7.58398C6.89955 9.02024 8.06377 10.1853 9.5 10.1855C10.9362 10.1853 12.1014 9.02023 12.1016 7.58398C12.1013 6.14784 10.9361 4.98366 9.5 4.9834ZM4.75 4C4.88807 4 5 4.11193 5 4.25V5.75488C4.99982 5.8928 4.88796 6.00488 4.75 6.00488H2.25C2.11204 6.00488 2.00018 5.8928 2 5.75488V4.25C2 4.11193 2.11193 4 2.25 4H4.75Z"
    fill="currentColor"
  />
</svg>
Attribution
"Camera" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Related icons: photo, picture, snapshot, capture

Camera icon in other sets