bootstrap

import { Camera2outlined } from "@ant-design/icons-react-native";

import { Camera2 } from 'react-bootstrap-icons';

import * as React from "react";

function BootstrapCamera2(props) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={16}
      height={16}
      fill="currentColor"
      className="prefix__bi prefix__bi-camera2"
      {...props}
    >
      <path d="M5 8c0-1.657 2.343-3 4-3V4a4 4 0 00-4 4z" />
      <path d="M12.318 3h2.015C15.253 3 16 3.746 16 4.667v6.666c0 .92-.746 1.667-1.667 1.667h-2.015A5.97 5.97 0 019 14a5.972 5.972 0 01-3.318-1H1.667C.747 13 0 12.254 0 11.333V4.667C0 3.747.746 3 1.667 3H2a1 1 0 011-1h1a1 1 0 011 1h.682A5.97 5.97 0 019 2c1.227 0 2.367.368 3.318 1zM2 4.5a.5.5 0 10-1 0 .5.5 0 001 0zM14 8A5 5 0 104 8a5 5 0 0010 0z" />
    </svg>
  );
}

export default BootstrapCamera2;


import * as React from "react";

function BootstrapCamera2(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={16}
      height={16}
      fill="currentColor"
      className="prefix__bi prefix__bi-camera2"
      {...props}
    >
      <path d="M5 8c0-1.657 2.343-3 4-3V4a4 4 0 00-4 4z" />
      <path d="M12.318 3h2.015C15.253 3 16 3.746 16 4.667v6.666c0 .92-.746 1.667-1.667 1.667h-2.015A5.97 5.97 0 019 14a5.972 5.972 0 01-3.318-1H1.667C.747 13 0 12.254 0 11.333V4.667C0 3.747.746 3 1.667 3H2a1 1 0 011-1h1a1 1 0 011 1h.682A5.97 5.97 0 019 2c1.227 0 2.367.368 3.318 1zM2 4.5a.5.5 0 10-1 0 .5.5 0 001 0zM14 8A5 5 0 104 8a5 5 0 0010 0z" />
    </svg>
  );
}

export default BootstrapCamera2;


import { BsCamera2 } from react-icons/bs;

import { Camera2 } from 'react-native-bootstrap-icons/icons/camera(2)';

import * as React from "react";
import Svg, { Path } from "react-native-svg";

function BootstrapCamera2(props) {
  return (
    <Svg
      xmlns="http://www.w3.org/2000/svg"
      width={16}
      height={16}
      fill="currentColor"
      className="prefix__bi prefix__bi-camera2"
      {...props}
    >
      <Path d="M5 8c0-1.657 2.343-3 4-3V4a4 4 0 00-4 4z" />
      <Path d="M12.318 3h2.015C15.253 3 16 3.746 16 4.667v6.666c0 .92-.746 1.667-1.667 1.667h-2.015A5.97 5.97 0 019 14a5.972 5.972 0 01-3.318-1H1.667C.747 13 0 12.254 0 11.333V4.667C0 3.747.746 3 1.667 3H2a1 1 0 011-1h1a1 1 0 011 1h.682A5.97 5.97 0 019 2c1.227 0 2.367.368 3.318 1zM2 4.5a.5.5 0 10-1 0 .5.5 0 001 0zM14 8A5 5 0 104 8a5 5 0 0010 0z" />
    </Svg>
  );
}

export default BootstrapCamera2;


import * as React from "react";
import Svg, { SvgProps, Path } from "react-native-svg";

function BootstrapCamera2(props: SvgProps) {
  return (
    <Svg
      xmlns="http://www.w3.org/2000/svg"
      width={16}
      height={16}
      fill="currentColor"
      className="prefix__bi prefix__bi-camera2"
      {...props}
    >
      <Path d="M5 8c0-1.657 2.343-3 4-3V4a4 4 0 00-4 4z" />
      <Path d="M12.318 3h2.015C15.253 3 16 3.746 16 4.667v6.666c0 .92-.746 1.667-1.667 1.667h-2.015A5.97 5.97 0 019 14a5.972 5.972 0 01-3.318-1H1.667C.747 13 0 12.254 0 11.333V4.667C0 3.747.746 3 1.667 3H2a1 1 0 011-1h1a1 1 0 011 1h.682A5.97 5.97 0 019 2c1.227 0 2.367.368 3.318 1zM2 4.5a.5.5 0 10-1 0 .5.5 0 001 0zM14 8A5 5 0 104 8a5 5 0 0010 0z" />
    </Svg>
  );
}

export default BootstrapCamera2;


import styled, { css } from 'styled-components';

import styled, { css } from "styled-components";

const SvgIcon = (props) =>
  ((props) => (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={16}
      height={16}
      fill="currentColor"
      className="prefix__bi prefix__bi-camera2"
      {...props}
    >
      <path d="M5 8c0-1.657 2.343-3 4-3V4a4 4 0 00-4 4z" />
      <path d="M12.318 3h2.015C15.253 3 16 3.746 16 4.667v6.666c0 .92-.746 1.667-1.667 1.667h-2.015A5.97 5.97 0 019 14a5.972 5.972 0 01-3.318-1H1.667C.747 13 0 12.254 0 11.333V4.667C0 3.747.746 3 1.667 3H2a1 1 0 011-1h1a1 1 0 011 1h.682A5.97 5.97 0 019 2c1.227 0 2.367.368 3.318 1zM2 4.5a.5.5 0 10-1 0 .5.5 0 001 0zM14 8A5 5 0 104 8a5 5 0 0010 0z" />
    </svg>
  ))({
    className: props.className,
  });

const StyledBootstrapCamera2 = styled(SvgIcon)(
  [],
  ({ theme, fill, width }) => css`
    width: ${width || theme.sizes.width};
    height: ${width || theme.sizes.width};
    fill: ${fill || theme.colors.fillColor};
  `
);
export default StyledBootstrapCamera2;


import styled, { css } from "styled-components";

const SvgIcon = (props: React.SVGProps<SVGSVGElement>) =>
  ((props) => (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={16}
      height={16}
      fill="currentColor"
      className="prefix__bi prefix__bi-camera2"
      {...props}
    >
      <path d="M5 8c0-1.657 2.343-3 4-3V4a4 4 0 00-4 4z" />
      <path d="M12.318 3h2.015C15.253 3 16 3.746 16 4.667v6.666c0 .92-.746 1.667-1.667 1.667h-2.015A5.97 5.97 0 019 14a5.972 5.972 0 01-3.318-1H1.667C.747 13 0 12.254 0 11.333V4.667C0 3.747.746 3 1.667 3H2a1 1 0 011-1h1a1 1 0 011 1h.682A5.97 5.97 0 019 2c1.227 0 2.367.368 3.318 1zM2 4.5a.5.5 0 10-1 0 .5.5 0 001 0zM14 8A5 5 0 104 8a5 5 0 0010 0z" />
    </svg>
  ))({
    className: props.className,
  });

const StyledBootstrapCamera2 = styled(SvgIcon)(
  [],
  ({ theme, fill, width }) => css`
    width: ${width || theme.sizes.width};
    height: ${width || theme.sizes.width};
    fill: ${fill || theme.colors.fillColor};
  `
);
export default StyledBootstrapCamera2;


import { Camera2 } from '@ant-design/icons-vue';