flag for south africa emoji

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

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

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 south africa emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#699635" d="M60.9 40c.7-2.5 1.1-5.2 1.1-8s-.4-5.5-1.1-8H31.7L14.8 7.4c-4 2.8-7.3 6.6-9.6 11L19 32L5.3 45.6c2.2 4.4 5.5 8.2 9.6 11L31.7 40z"/><path fill="#3e4347" d="M3.5 22.5c-1 3-1.5 6.2-1.5 9.5s.5 6.5 1.5 9.5l9.6-9.5z"/><path fill="#428bc1" d="M18.3 58.7C22.4 60.8 27.1 62 32 62c12.3 0 22.9-7.4 27.5-18.1H33.4z"/><path fill="#ed4c5c" d="M59.5 20.1C54.9 9.4 44.3 2 32 2c-4.9 0-9.6 1.2-13.7 3.3l15.1 14.8z"/><path fill="#fff" d="M60.5 22.7c-.3-.9-.6-1.8-1-2.6H33.4L18.3 5.3c-.7.3-1.3.7-2 1.1c-.5.3-1 .7-1.5 1L31.7 24h29.2c-.1-.4-.2-.9-.4-1.3"/><path fill="#ffce31" d="M5.3 18.4c-.1.2-.2.4-.3.7c-.5 1.1-1 2.2-1.4 3.4l9.6 9.5l-9.6 9.5c.4 1.2.8 2.3 1.4 3.4c.1.2.2.4.3.7L19 32z"/><path fill="#fff" d="M31.7 40L14.8 56.6c.3.2.7.5 1 .7c.8.5 1.6 1 2.5 1.4l15.1-14.8h26.1c.4-1 .8-2 1.2-3.1c.1-.3.1-.5.2-.8z"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneFlagForSouthAfrica(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#699635" d="M60.9 40c.7-2.5 1.1-5.2 1.1-8s-.4-5.5-1.1-8H31.7L14.8 7.4c-4 2.8-7.3 6.6-9.6 11L19 32L5.3 45.6c2.2 4.4 5.5 8.2 9.6 11L31.7 40z"/><path fill="#3e4347" d="M3.5 22.5c-1 3-1.5 6.2-1.5 9.5s.5 6.5 1.5 9.5l9.6-9.5z"/><path fill="#428bc1" d="M18.3 58.7C22.4 60.8 27.1 62 32 62c12.3 0 22.9-7.4 27.5-18.1H33.4z"/><path fill="#ed4c5c" d="M59.5 20.1C54.9 9.4 44.3 2 32 2c-4.9 0-9.6 1.2-13.7 3.3l15.1 14.8z"/><path fill="#fff" d="M60.5 22.7c-.3-.9-.6-1.8-1-2.6H33.4L18.3 5.3c-.7.3-1.3.7-2 1.1c-.5.3-1 .7-1.5 1L31.7 24h29.2c-.1-.4-.2-.9-.4-1.3"/><path fill="#ffce31" d="M5.3 18.4c-.1.2-.2.4-.3.7c-.5 1.1-1 2.2-1.4 3.4l9.6 9.5l-9.6 9.5c.4 1.2.8 2.3 1.4 3.4c.1.2.2.4.3.7L19 32z"/><path fill="#fff" d="M31.7 40L14.8 56.6c.3.2.7.5 1 .7c.8.5 1.6 1 2.5 1.4l15.1-14.8h26.1c.4-1 .8-2 1.2-3.1c.1-.3.1-.5.2-.8z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#699635" d="M60.9 40c.7-2.5 1.1-5.2 1.1-8s-.4-5.5-1.1-8H31.7L14.8 7.4c-4 2.8-7.3 6.6-9.6 11L19 32L5.3 45.6c2.2 4.4 5.5 8.2 9.6 11L31.7 40z"/><path fill="#3e4347" d="M3.5 22.5c-1 3-1.5 6.2-1.5 9.5s.5 6.5 1.5 9.5l9.6-9.5z"/><path fill="#428bc1" d="M18.3 58.7C22.4 60.8 27.1 62 32 62c12.3 0 22.9-7.4 27.5-18.1H33.4z"/><path fill="#ed4c5c" d="M59.5 20.1C54.9 9.4 44.3 2 32 2c-4.9 0-9.6 1.2-13.7 3.3l15.1 14.8z"/><path fill="#fff" d="M60.5 22.7c-.3-.9-.6-1.8-1-2.6H33.4L18.3 5.3c-.7.3-1.3.7-2 1.1c-.5.3-1 .7-1.5 1L31.7 24h29.2c-.1-.4-.2-.9-.4-1.3"/><path fill="#ffce31" d="M5.3 18.4c-.1.2-.2.4-.3.7c-.5 1.1-1 2.2-1.4 3.4l9.6 9.5l-9.6 9.5c.4 1.2.8 2.3 1.4 3.4c.1.2.2.4.3.7L19 32z"/><path fill="#fff" d="M31.7 40L14.8 56.6c.3.2.7.5 1 .7c.8.5 1.6 1 2.5 1.4l15.1-14.8h26.1c.4-1 .8-2 1.2-3.1c.1-.3.1-.5.2-.8z"/></svg>
</template>

CSS

.icon-flag-for-south-africa {
  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%23699635%22%20d%3D%22M60.9%2040c.7-2.5%201.1-5.2%201.1-8s-.4-5.5-1.1-8H31.7L14.8%207.4c-4%202.8-7.3%206.6-9.6%2011L19%2032L5.3%2045.6c2.2%204.4%205.5%208.2%209.6%2011L31.7%2040z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M3.5%2022.5c-1%203-1.5%206.2-1.5%209.5s.5%206.5%201.5%209.5l9.6-9.5z%22%2F%3E%3Cpath%20fill%3D%22%23428bc1%22%20d%3D%22M18.3%2058.7C22.4%2060.8%2027.1%2062%2032%2062c12.3%200%2022.9-7.4%2027.5-18.1H33.4z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M59.5%2020.1C54.9%209.4%2044.3%202%2032%202c-4.9%200-9.6%201.2-13.7%203.3l15.1%2014.8z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M60.5%2022.7c-.3-.9-.6-1.8-1-2.6H33.4L18.3%205.3c-.7.3-1.3.7-2%201.1c-.5.3-1%20.7-1.5%201L31.7%2024h29.2c-.1-.4-.2-.9-.4-1.3%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M5.3%2018.4c-.1.2-.2.4-.3.7c-.5%201.1-1%202.2-1.4%203.4l9.6%209.5l-9.6%209.5c.4%201.2.8%202.3%201.4%203.4c.1.2.2.4.3.7L19%2032z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31.7%2040L14.8%2056.6c.3.2.7.5%201%20.7c.8.5%201.6%201%202.5%201.4l15.1-14.8h26.1c.4-1%20.8-2%201.2-3.1c.1-.3.1-.5.2-.8z%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%23699635%22%20d%3D%22M60.9%2040c.7-2.5%201.1-5.2%201.1-8s-.4-5.5-1.1-8H31.7L14.8%207.4c-4%202.8-7.3%206.6-9.6%2011L19%2032L5.3%2045.6c2.2%204.4%205.5%208.2%209.6%2011L31.7%2040z%22%2F%3E%3Cpath%20fill%3D%22%233e4347%22%20d%3D%22M3.5%2022.5c-1%203-1.5%206.2-1.5%209.5s.5%206.5%201.5%209.5l9.6-9.5z%22%2F%3E%3Cpath%20fill%3D%22%23428bc1%22%20d%3D%22M18.3%2058.7C22.4%2060.8%2027.1%2062%2032%2062c12.3%200%2022.9-7.4%2027.5-18.1H33.4z%22%2F%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M59.5%2020.1C54.9%209.4%2044.3%202%2032%202c-4.9%200-9.6%201.2-13.7%203.3l15.1%2014.8z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M60.5%2022.7c-.3-.9-.6-1.8-1-2.6H33.4L18.3%205.3c-.7.3-1.3.7-2%201.1c-.5.3-1%20.7-1.5%201L31.7%2024h29.2c-.1-.4-.2-.9-.4-1.3%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M5.3%2018.4c-.1.2-.2.4-.3.7c-.5%201.1-1%202.2-1.4%203.4l9.6%209.5l-9.6%209.5c.4%201.2.8%202.3%201.4%203.4c.1.2.2.4.3.7L19%2032z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31.7%2040L14.8%2056.6c.3.2.7.5%201%20.7c.8.5%201.6%201%202.5%201.4l15.1-14.8h26.1c.4-1%20.8-2%201.2-3.1c.1-.3.1-.5.2-.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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