bootstrap

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

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

import * as React from "react";

function BootstrapBadge4KFill(props) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={16}
      height={16}
      fill="currentColor"
      className="prefix__bi prefix__bi-badge-4k-fill"
      {...props}
    >
      <path d="M3.577 8.9v.03h1.828V5.898h-.062a46.781 46.781 0 00-1.766 3.001z" />
      <path d="M2 2a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H2zm2.372 3.715l.435-.714h1.71v3.93h.733v.957h-.733V11H5.405V9.888H2.5v-.971c.574-1.077 1.225-2.142 1.872-3.202zm7.73-.714h1.306l-2.14 2.584L13.5 11h-1.428l-1.679-2.624-.615.7V11H8.59V5.001h1.187v2.686h.057L12.102 5z" />
    </svg>
  );
}

export default BootstrapBadge4KFill;


import * as React from "react";

function BootstrapBadge4KFill(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={16}
      height={16}
      fill="currentColor"
      className="prefix__bi prefix__bi-badge-4k-fill"
      {...props}
    >
      <path d="M3.577 8.9v.03h1.828V5.898h-.062a46.781 46.781 0 00-1.766 3.001z" />
      <path d="M2 2a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H2zm2.372 3.715l.435-.714h1.71v3.93h.733v.957h-.733V11H5.405V9.888H2.5v-.971c.574-1.077 1.225-2.142 1.872-3.202zm7.73-.714h1.306l-2.14 2.584L13.5 11h-1.428l-1.679-2.624-.615.7V11H8.59V5.001h1.187v2.686h.057L12.102 5z" />
    </svg>
  );
}

export default BootstrapBadge4KFill;


import { BsBadge4KFill } from react-icons/bs;

import { Badge4KFill } from 'react-native-bootstrap-icons/icons/badge-(4)k-fill';

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

function BootstrapBadge4KFill(props) {
  return (
    <Svg
      xmlns="http://www.w3.org/2000/svg"
      width={16}
      height={16}
      fill="currentColor"
      className="prefix__bi prefix__bi-badge-4k-fill"
      {...props}
    >
      <Path d="M3.577 8.9v.03h1.828V5.898h-.062a46.781 46.781 0 00-1.766 3.001z" />
      <Path d="M2 2a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H2zm2.372 3.715l.435-.714h1.71v3.93h.733v.957h-.733V11H5.405V9.888H2.5v-.971c.574-1.077 1.225-2.142 1.872-3.202zm7.73-.714h1.306l-2.14 2.584L13.5 11h-1.428l-1.679-2.624-.615.7V11H8.59V5.001h1.187v2.686h.057L12.102 5z" />
    </Svg>
  );
}

export default BootstrapBadge4KFill;


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

function BootstrapBadge4KFill(props: SvgProps) {
  return (
    <Svg
      xmlns="http://www.w3.org/2000/svg"
      width={16}
      height={16}
      fill="currentColor"
      className="prefix__bi prefix__bi-badge-4k-fill"
      {...props}
    >
      <Path d="M3.577 8.9v.03h1.828V5.898h-.062a46.781 46.781 0 00-1.766 3.001z" />
      <Path d="M2 2a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H2zm2.372 3.715l.435-.714h1.71v3.93h.733v.957h-.733V11H5.405V9.888H2.5v-.971c.574-1.077 1.225-2.142 1.872-3.202zm7.73-.714h1.306l-2.14 2.584L13.5 11h-1.428l-1.679-2.624-.615.7V11H8.59V5.001h1.187v2.686h.057L12.102 5z" />
    </Svg>
  );
}

export default BootstrapBadge4KFill;


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-badge-4k-fill"
      {...props}
    >
      <path d="M3.577 8.9v.03h1.828V5.898h-.062a46.781 46.781 0 00-1.766 3.001z" />
      <path d="M2 2a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H2zm2.372 3.715l.435-.714h1.71v3.93h.733v.957h-.733V11H5.405V9.888H2.5v-.971c.574-1.077 1.225-2.142 1.872-3.202zm7.73-.714h1.306l-2.14 2.584L13.5 11h-1.428l-1.679-2.624-.615.7V11H8.59V5.001h1.187v2.686h.057L12.102 5z" />
    </svg>
  ))({
    className: props.className,
  });

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


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-badge-4k-fill"
      {...props}
    >
      <path d="M3.577 8.9v.03h1.828V5.898h-.062a46.781 46.781 0 00-1.766 3.001z" />
      <path d="M2 2a2 2 0 00-2 2v8a2 2 0 002 2h12a2 2 0 002-2V4a2 2 0 00-2-2H2zm2.372 3.715l.435-.714h1.71v3.93h.733v.957h-.733V11H5.405V9.888H2.5v-.971c.574-1.077 1.225-2.142 1.872-3.202zm7.73-.714h1.306l-2.14 2.584L13.5 11h-1.428l-1.679-2.624-.615.7V11H8.59V5.001h1.187v2.686h.057L12.102 5z" />
    </svg>
  ))({
    className: props.className,
  });

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


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

Vue.component(Badge4KFill.name, Badge4KFill);