flag for botswana emoji

flag-for-botswana from Emoji One (Colored) by Emoji One · Default · Flags · CC-BY-4.0 Attribution required.

Name
flag-for-botswana
Set
Emoji One (Colored)
Style
Default
Category
Flags
Viewbox
64×64
License
CC BY 4.0
Aliases
flag-for-flag-botswana

More flags icons from Emoji One (Colored)

flag-englandflag-for-afghanistanflag-for-aland-islandsflag-for-albaniaflag-for-algeriaflag-for-american-samoaflag-for-andorraflag-for-angolaflag-for-anguillaflag-for-antarcticaflag-for-antigua-and-barbudaflag-for-argentinaflag-for-armeniaflag-for-arubaflag-for-ascension-islandflag-for-australiaflag-for-austriaflag-for-azerbaijanflag-for-bahamasflag-for-bahrainflag-for-bangladeshflag-for-barbadosflag-for-belarusflag-for-belgium

Use the flag for botswana emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b4d7ee" d="M60.9 24C57.4 11.3 45.8 2 32 2S6.6 11.3 3.1 24v16C6.6 52.7 18.2 62 32 62s25.4-9.3 28.9-22z"/><path fill="#fff" d="M61.6 27c-.2-1-.4-2-.7-3H3.1c-.3 1-.5 2-.7 3zM2.4 37c.2 1 .4 2 .7 3h57.8c.3-1 .5-2 .7-3z"/><path fill="#3e4347" d="M2 32c0 1.7.1 3.4.4 5h59.2c.3-1.6.4-3.3.4-5s-.1-3.4-.4-5H2.4c-.3 1.6-.4 3.3-.4 5"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneFlagForBotswana(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b4d7ee" d="M60.9 24C57.4 11.3 45.8 2 32 2S6.6 11.3 3.1 24v16C6.6 52.7 18.2 62 32 62s25.4-9.3 28.9-22z"/><path fill="#fff" d="M61.6 27c-.2-1-.4-2-.7-3H3.1c-.3 1-.5 2-.7 3zM2.4 37c.2 1 .4 2 .7 3h57.8c.3-1 .5-2 .7-3z"/><path fill="#3e4347" d="M2 32c0 1.7.1 3.4.4 5h59.2c.3-1.6.4-3.3.4-5s-.1-3.4-.4-5H2.4c-.3 1.6-.4 3.3-.4 5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#b4d7ee" d="M60.9 24C57.4 11.3 45.8 2 32 2S6.6 11.3 3.1 24v16C6.6 52.7 18.2 62 32 62s25.4-9.3 28.9-22z"/><path fill="#fff" d="M61.6 27c-.2-1-.4-2-.7-3H3.1c-.3 1-.5 2-.7 3zM2.4 37c.2 1 .4 2 .7 3h57.8c.3-1 .5-2 .7-3z"/><path fill="#3e4347" d="M2 32c0 1.7.1 3.4.4 5h59.2c.3-1.6.4-3.3.4-5s-.1-3.4-.4-5H2.4c-.3 1.6-.4 3.3-.4 5"/></svg>
</template>

CSS

.icon-flag-for-botswana {
  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%2064%2064%22%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M60.9%2024C57.4%2011.3%2045.8%202%2032%202S6.6%2011.3%203.1%2024v16C6.6%2052.7%2018.2%2062%2032%2062s25.4-9.3%2028.9-22z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M61.6%2027c-.2-1-.4-2-.7-3H3.1c-.3%201-.5%202-.7%203zM2.4%2037c.2%201%20.4%202%20.7%203h57.8c.3-1%20.5-2%20.7-3z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M2%2032c0%201.7.1%203.4.4%205h59.2c.3-1.6.4-3.3.4-5s-.1-3.4-.4-5H2.4c-.3%201.6-.4%203.3-.4%205%22%2F%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23b4d7ee%22%20d%3D%22M60.9%2024C57.4%2011.3%2045.8%202%2032%202S6.6%2011.3%203.1%2024v16C6.6%2052.7%2018.2%2062%2032%2062s25.4-9.3%2028.9-22z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M61.6%2027c-.2-1-.4-2-.7-3H3.1c-.3%201-.5%202-.7%203zM2.4%2037c.2%201%20.4%202%20.7%203h57.8c.3-1%20.5-2%20.7-3z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M2%2032c0%201.7.1%203.4.4%205h59.2c.3-1.6.4-3.3.4-5s-.1-3.4-.4-5H2.4c-.3%201.6-.4%203.3-.4%205%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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