bi logo

bi-1x1 from Flag Icons by Panayiotis Lipiridis · 1x1 · MIT Free for personal and commercial use.

Name: bi-1x1
Set: Flag Icons
Style: 1x1
Viewbox: 512×512
License: MIT

1 other variant in Flag Icons

The same logo in other sets

Use the bi logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><defs><clipPath id="SVGW4fGAdoL"><path fill="gray" d="M60.8 337h175v175h-175z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#SVGW4fGAdoL)" transform="translate(-178 -986)scale(2.9257)"><path fill="#18b637" d="m0 337l146.6 87.5L0 512zm293.1 0l-146.5 87.5L293 512z"/><path fill="#cf0921" d="m0 337l146.6 87.5L293 337zm0 175l146.6-87.5L293 512z"/><path fill="#fff" d="M293.1 337h-27.3L0 495.7V512h27.3l265.8-158.7z"/><path fill="#fff" d="M197.2 424.5a50.6 50.6 0 1 1-101.2 0a50.6 50.6 0 0 1 101.2 0"/><path fill="#fff" d="M0 337v16.3L265.8 512h27.3v-16.3L27.3 337z"/><path fill="#cf0921" stroke="#18b637" stroke-width="1pt" d="m156.5 405.4l-6.6.1l-3.4 5.6l-3.4-5.6l-6.5-.1l3.2-5.8l-3.2-5.7l6.6-.2l3.4-5.6l3.4 5.7h6.5l-3.1 5.8zm-22 38.2h-6.6l-3.4 5.7l-3.4-5.6l-6.6-.2l3.2-5.7l-3.1-5.8l6.5-.1l3.4-5.6l3.4 5.6l6.6.2l-3.2 5.7zm44.6 0h-6.6l-3.4 5.7l-3.4-5.6l-6.5-.2l3.1-5.7l-3.1-5.8l6.6-.1l3.4-5.6l3.4 5.6l6.5.2l-3.2 5.7z"/></g></svg>

React

import type { SVGProps } from "react";

export function FlagBi1x1(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><defs><clipPath id="SVGW4fGAdoL"><path fill="gray" d="M60.8 337h175v175h-175z"/></clipPath></defs><g fillRule="evenodd" clipPath="url(#SVGW4fGAdoL)" transform="translate(-178 -986)scale(2.9257)"><path fill="#18b637" d="m0 337l146.6 87.5L0 512zm293.1 0l-146.5 87.5L293 512z"/><path fill="#cf0921" d="m0 337l146.6 87.5L293 337zm0 175l146.6-87.5L293 512z"/><path fill="#fff" d="M293.1 337h-27.3L0 495.7V512h27.3l265.8-158.7z"/><path fill="#fff" d="M197.2 424.5a50.6 50.6 0 1 1-101.2 0a50.6 50.6 0 0 1 101.2 0"/><path fill="#fff" d="M0 337v16.3L265.8 512h27.3v-16.3L27.3 337z"/><path fill="#cf0921" stroke="#18b637" strokeWidth="1pt" d="m156.5 405.4l-6.6.1l-3.4 5.6l-3.4-5.6l-6.5-.1l3.2-5.8l-3.2-5.7l6.6-.2l3.4-5.6l3.4 5.7h6.5l-3.1 5.8zm-22 38.2h-6.6l-3.4 5.7l-3.4-5.6l-6.6-.2l3.2-5.7l-3.1-5.8l6.5-.1l3.4-5.6l3.4 5.6l6.6.2l-3.2 5.7zm44.6 0h-6.6l-3.4 5.7l-3.4-5.6l-6.5-.2l3.1-5.7l-3.1-5.8l6.6-.1l3.4-5.6l3.4 5.6l6.5.2l-3.2 5.7z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><defs><clipPath id="SVGW4fGAdoL"><path fill="gray" d="M60.8 337h175v175h-175z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#SVGW4fGAdoL)" transform="translate(-178 -986)scale(2.9257)"><path fill="#18b637" d="m0 337l146.6 87.5L0 512zm293.1 0l-146.5 87.5L293 512z"/><path fill="#cf0921" d="m0 337l146.6 87.5L293 337zm0 175l146.6-87.5L293 512z"/><path fill="#fff" d="M293.1 337h-27.3L0 495.7V512h27.3l265.8-158.7z"/><path fill="#fff" d="M197.2 424.5a50.6 50.6 0 1 1-101.2 0a50.6 50.6 0 0 1 101.2 0"/><path fill="#fff" d="M0 337v16.3L265.8 512h27.3v-16.3L27.3 337z"/><path fill="#cf0921" stroke="#18b637" stroke-width="1pt" d="m156.5 405.4l-6.6.1l-3.4 5.6l-3.4-5.6l-6.5-.1l3.2-5.8l-3.2-5.7l6.6-.2l3.4-5.6l3.4 5.7h6.5l-3.1 5.8zm-22 38.2h-6.6l-3.4 5.7l-3.4-5.6l-6.6-.2l3.2-5.7l-3.1-5.8l6.5-.1l3.4-5.6l3.4 5.6l6.6.2l-3.2 5.7zm44.6 0h-6.6l-3.4 5.7l-3.4-5.6l-6.5-.2l3.1-5.7l-3.1-5.8l6.6-.1l3.4-5.6l3.4 5.6l6.5.2l-3.2 5.7z"/></g></svg>
</template>

CSS

.icon-bi-1x1 {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGW4fGAdoL%22%3E%3Cpath%20fill%3D%22gray%22%20d%3D%22M60.8%20337h175v175h-175z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-path%3D%22url(%23SVGW4fGAdoL)%22%20transform%3D%22translate(-178%20-986)scale(2.9257)%22%3E%3Cpath%20fill%3D%22%2318b637%22%20d%3D%22m0%20337l146.6%2087.5L0%20512zm293.1%200l-146.5%2087.5L293%20512z%22%2F%3E%3Cpath%20fill%3D%22%23cf0921%22%20d%3D%22m0%20337l146.6%2087.5L293%20337zm0%20175l146.6-87.5L293%20512z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M293.1%20337h-27.3L0%20495.7V512h27.3l265.8-158.7z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M197.2%20424.5a50.6%2050.6%200%201%201-101.2%200a50.6%2050.6%200%200%201%20101.2%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20337v16.3L265.8%20512h27.3v-16.3L27.3%20337z%22%2F%3E%3Cpath%20fill%3D%22%23cf0921%22%20stroke%3D%22%2318b637%22%20stroke-width%3D%221pt%22%20d%3D%22m156.5%20405.4l-6.6.1l-3.4%205.6l-3.4-5.6l-6.5-.1l3.2-5.8l-3.2-5.7l6.6-.2l3.4-5.6l3.4%205.7h6.5l-3.1%205.8zm-22%2038.2h-6.6l-3.4%205.7l-3.4-5.6l-6.6-.2l3.2-5.7l-3.1-5.8l6.5-.1l3.4-5.6l3.4%205.6l6.6.2l-3.2%205.7zm44.6%200h-6.6l-3.4%205.7l-3.4-5.6l-6.5-.2l3.1-5.7l-3.1-5.8l6.6-.1l3.4-5.6l3.4%205.6l6.5.2l-3.2%205.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGW4fGAdoL%22%3E%3Cpath%20fill%3D%22gray%22%20d%3D%22M60.8%20337h175v175h-175z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-path%3D%22url(%23SVGW4fGAdoL)%22%20transform%3D%22translate(-178%20-986)scale(2.9257)%22%3E%3Cpath%20fill%3D%22%2318b637%22%20d%3D%22m0%20337l146.6%2087.5L0%20512zm293.1%200l-146.5%2087.5L293%20512z%22%2F%3E%3Cpath%20fill%3D%22%23cf0921%22%20d%3D%22m0%20337l146.6%2087.5L293%20337zm0%20175l146.6-87.5L293%20512z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M293.1%20337h-27.3L0%20495.7V512h27.3l265.8-158.7z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M197.2%20424.5a50.6%2050.6%200%201%201-101.2%200a50.6%2050.6%200%200%201%20101.2%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%20337v16.3L265.8%20512h27.3v-16.3L27.3%20337z%22%2F%3E%3Cpath%20fill%3D%22%23cf0921%22%20stroke%3D%22%2318b637%22%20stroke-width%3D%221pt%22%20d%3D%22m156.5%20405.4l-6.6.1l-3.4%205.6l-3.4-5.6l-6.5-.1l3.2-5.8l-3.2-5.7l6.6-.2l3.4-5.6l3.4%205.7h6.5l-3.1%205.8zm-22%2038.2h-6.6l-3.4%205.7l-3.4-5.6l-6.6-.2l3.2-5.7l-3.1-5.8l6.5-.1l3.4-5.6l3.4%205.6l6.6.2l-3.2%205.7zm44.6%200h-6.6l-3.4%205.7l-3.4-5.6l-6.5-.2l3.1-5.7l-3.1-5.8l6.6-.1l3.4-5.6l3.4%205.6l6.5.2l-3.2%205.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flag/bi-1x1.svg?color=%231a73e8&size=48