bi logo

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

Name: bi-4x3
Set: Flag Icons
Style: 4x3
Viewbox: 640×480
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 640 480"><defs><clipPath id="SVGBHMIHeMC"><path fill-opacity=".7" d="M-90.5 0H592v512H-90.5z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#SVGBHMIHeMC)" transform="translate(84.9)scale(.9375)"><path fill="#18b637" d="m-178 0l428.8 256L-178 512zm857.6 0L250.8 256l428.8 256z"/><path fill="#cf0921" d="m-178 0l428.8 256L679.6 0zm0 512l428.8-256l428.8 256z"/><path fill="#fff" d="M679.6 0h-79.9L-178 464.3V512h79.9L679.6 47.7z"/><path fill="#fff" d="M398.9 256a148 148 0 1 1-296.1 0a148 148 0 0 1 296 0z"/><path fill="#fff" d="M-178 0v47.7L599.7 512h79.9v-47.7L-98.1 0z"/><path fill="#cf0921" stroke="#18b637" stroke-width="3.9" d="m280 200.2l-19.3.3l-10 16.4l-9.9-16.4l-19.2-.4l9.3-16.9l-9.2-16.8l19.2-.4l10-16.4l9.9 16.5l19.2.4l-9.3 16.8zm-64.6 111.6l-19.2.3l-10 16.4l-9.9-16.4l-19.2-.4l9.3-16.9l-9.2-16.8l19.2-.4l10-16.4l9.9 16.5l19.2.4l-9.3 16.8zm130.6 0l-19.2.3l-10 16.4l-10-16.4l-19.1-.4l9.3-16.9l-9.3-16.8l19.2-.4l10-16.4l10 16.5l19.2.4l-9.4 16.8z"/></g></svg>

React

import type { SVGProps } from "react";

export function FlagBi4x3(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><defs><clipPath id="SVGBHMIHeMC"><path fillOpacity=".7" d="M-90.5 0H592v512H-90.5z"/></clipPath></defs><g fillRule="evenodd" clipPath="url(#SVGBHMIHeMC)" transform="translate(84.9)scale(.9375)"><path fill="#18b637" d="m-178 0l428.8 256L-178 512zm857.6 0L250.8 256l428.8 256z"/><path fill="#cf0921" d="m-178 0l428.8 256L679.6 0zm0 512l428.8-256l428.8 256z"/><path fill="#fff" d="M679.6 0h-79.9L-178 464.3V512h79.9L679.6 47.7z"/><path fill="#fff" d="M398.9 256a148 148 0 1 1-296.1 0a148 148 0 0 1 296 0z"/><path fill="#fff" d="M-178 0v47.7L599.7 512h79.9v-47.7L-98.1 0z"/><path fill="#cf0921" stroke="#18b637" strokeWidth="3.9" d="m280 200.2l-19.3.3l-10 16.4l-9.9-16.4l-19.2-.4l9.3-16.9l-9.2-16.8l19.2-.4l10-16.4l9.9 16.5l19.2.4l-9.3 16.8zm-64.6 111.6l-19.2.3l-10 16.4l-9.9-16.4l-19.2-.4l9.3-16.9l-9.2-16.8l19.2-.4l10-16.4l9.9 16.5l19.2.4l-9.3 16.8zm130.6 0l-19.2.3l-10 16.4l-10-16.4l-19.1-.4l9.3-16.9l-9.3-16.8l19.2-.4l10-16.4l10 16.5l19.2.4l-9.4 16.8z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><defs><clipPath id="SVGBHMIHeMC"><path fill-opacity=".7" d="M-90.5 0H592v512H-90.5z"/></clipPath></defs><g fill-rule="evenodd" clip-path="url(#SVGBHMIHeMC)" transform="translate(84.9)scale(.9375)"><path fill="#18b637" d="m-178 0l428.8 256L-178 512zm857.6 0L250.8 256l428.8 256z"/><path fill="#cf0921" d="m-178 0l428.8 256L679.6 0zm0 512l428.8-256l428.8 256z"/><path fill="#fff" d="M679.6 0h-79.9L-178 464.3V512h79.9L679.6 47.7z"/><path fill="#fff" d="M398.9 256a148 148 0 1 1-296.1 0a148 148 0 0 1 296 0z"/><path fill="#fff" d="M-178 0v47.7L599.7 512h79.9v-47.7L-98.1 0z"/><path fill="#cf0921" stroke="#18b637" stroke-width="3.9" d="m280 200.2l-19.3.3l-10 16.4l-9.9-16.4l-19.2-.4l9.3-16.9l-9.2-16.8l19.2-.4l10-16.4l9.9 16.5l19.2.4l-9.3 16.8zm-64.6 111.6l-19.2.3l-10 16.4l-9.9-16.4l-19.2-.4l9.3-16.9l-9.2-16.8l19.2-.4l10-16.4l9.9 16.5l19.2.4l-9.3 16.8zm130.6 0l-19.2.3l-10 16.4l-10-16.4l-19.1-.4l9.3-16.9l-9.3-16.8l19.2-.4l10-16.4l10 16.5l19.2.4l-9.4 16.8z"/></g></svg>
</template>

CSS

.icon-bi-4x3 {
  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%20640%20480%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGBHMIHeMC%22%3E%3Cpath%20fill-opacity%3D%22.7%22%20d%3D%22M-90.5%200H592v512H-90.5z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-path%3D%22url(%23SVGBHMIHeMC)%22%20transform%3D%22translate(84.9)scale(.9375)%22%3E%3Cpath%20fill%3D%22%2318b637%22%20d%3D%22m-178%200l428.8%20256L-178%20512zm857.6%200L250.8%20256l428.8%20256z%22%2F%3E%3Cpath%20fill%3D%22%23cf0921%22%20d%3D%22m-178%200l428.8%20256L679.6%200zm0%20512l428.8-256l428.8%20256z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M679.6%200h-79.9L-178%20464.3V512h79.9L679.6%2047.7z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M398.9%20256a148%20148%200%201%201-296.1%200a148%20148%200%200%201%20296%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M-178%200v47.7L599.7%20512h79.9v-47.7L-98.1%200z%22%2F%3E%3Cpath%20fill%3D%22%23cf0921%22%20stroke%3D%22%2318b637%22%20stroke-width%3D%223.9%22%20d%3D%22m280%20200.2l-19.3.3l-10%2016.4l-9.9-16.4l-19.2-.4l9.3-16.9l-9.2-16.8l19.2-.4l10-16.4l9.9%2016.5l19.2.4l-9.3%2016.8zm-64.6%20111.6l-19.2.3l-10%2016.4l-9.9-16.4l-19.2-.4l9.3-16.9l-9.2-16.8l19.2-.4l10-16.4l9.9%2016.5l19.2.4l-9.3%2016.8zm130.6%200l-19.2.3l-10%2016.4l-10-16.4l-19.1-.4l9.3-16.9l-9.3-16.8l19.2-.4l10-16.4l10%2016.5l19.2.4l-9.4%2016.8z%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%20640%20480%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGBHMIHeMC%22%3E%3Cpath%20fill-opacity%3D%22.7%22%20d%3D%22M-90.5%200H592v512H-90.5z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-path%3D%22url(%23SVGBHMIHeMC)%22%20transform%3D%22translate(84.9)scale(.9375)%22%3E%3Cpath%20fill%3D%22%2318b637%22%20d%3D%22m-178%200l428.8%20256L-178%20512zm857.6%200L250.8%20256l428.8%20256z%22%2F%3E%3Cpath%20fill%3D%22%23cf0921%22%20d%3D%22m-178%200l428.8%20256L679.6%200zm0%20512l428.8-256l428.8%20256z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M679.6%200h-79.9L-178%20464.3V512h79.9L679.6%2047.7z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M398.9%20256a148%20148%200%201%201-296.1%200a148%20148%200%200%201%20296%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M-178%200v47.7L599.7%20512h79.9v-47.7L-98.1%200z%22%2F%3E%3Cpath%20fill%3D%22%23cf0921%22%20stroke%3D%22%2318b637%22%20stroke-width%3D%223.9%22%20d%3D%22m280%20200.2l-19.3.3l-10%2016.4l-9.9-16.4l-19.2-.4l9.3-16.9l-9.2-16.8l19.2-.4l10-16.4l9.9%2016.5l19.2.4l-9.3%2016.8zm-64.6%20111.6l-19.2.3l-10%2016.4l-9.9-16.4l-19.2-.4l9.3-16.9l-9.2-16.8l19.2-.4l10-16.4l9.9%2016.5l19.2.4l-9.3%2016.8zm130.6%200l-19.2.3l-10%2016.4l-10-16.4l-19.1-.4l9.3-16.9l-9.3-16.8l19.2-.4l10-16.4l10%2016.5l19.2.4l-9.4%2016.8z%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-4x3.svg?color=%231a73e8&size=48