import React from "react";
import SvgIcon from "./base";

function Camera({ className = "" }) {
  return (
    <SvgIcon viewBox="0 0 256 256" className={className}>
      <g
        transform="matrix(2.81 0 0 2.81 1.406593 1.406593)"
        fill="currentColor"
      >
        <path d="M78.637 81.733H11.363C5.098 81.733 0 76.605 0 70.302V31.613c0-6.303 5.098-11.432 11.363-11.432h4.552a4.69 4.69 0 0 0 1.617-.286c1.105-.405 2.021-1.206 2.579-2.256l1.374-2.591c2.218-4.184 6.522-6.782 11.234-6.782h24.563c4.712 0 9.017 2.599 11.233 6.782l1.375 2.592c.831 1.567 2.438 2.542 4.195 2.542h4.552C84.902 20.182 90 25.31 90 31.613v38.688a11.44 11.44 0 0 1-5.06 9.513 11.26 11.26 0 0 1-6.303 1.919zM11.363 26.182C8.406 26.182 6 28.618 6 31.613v38.688c0 2.995 2.406 5.432 5.363 5.432h67.273a5.28 5.28 0 0 0 2.957-.899C83.101 73.822 84 72.128 84 70.302V31.613c0-2.995-2.406-5.432-5.363-5.432h-4.552c-3.983 0-7.623-2.196-9.496-5.732l-1.375-2.591c-1.175-2.216-3.447-3.593-5.933-3.593H32.719c-2.485 0-4.758 1.376-5.933 3.592l-1.374 2.592a10.77 10.77 0 0 1-5.818 5.08 10.69 10.69 0 0 1-3.679.651h-4.552zM45 71.412c-12.075 0-21.899-9.894-21.899-22.054 0-5.886 2.275-11.421 6.406-15.586 2.113-2.13 4.586-3.776 7.351-4.892a21.65 21.65 0 0 1 8.143-1.576c12.075 0 21.899 9.893 21.899 22.054 0 2.824-.524 5.578-1.558 8.185-1.105 2.782-2.736 5.272-4.849 7.401-4.138 4.171-9.639 6.468-15.493 6.468zm0-38.107a15.67 15.67 0 0 0-5.897 1.14 15.82 15.82 0 0 0-5.336 3.554c-3.009 3.033-4.666 7.068-4.666 11.36 0 8.852 7.132 16.054 15.899 16.054 4.242 0 8.231-1.667 11.233-4.693a15.98 15.98 0 0 0 3.531-5.39c.753-1.897 1.135-3.907 1.135-5.971 0-8.853-7.132-16.054-15.899-16.054z" />
        <ellipse cx="75.184" cy="33.831" rx="3.234" ry="3.261" />
      </g>
    </SvgIcon>
  );
}

export default Camera;
