guarani logo

guarani from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.

Name: guarani
Set: Circle Flags
Style: Circle
Viewbox: 512×512
License: MIT

Use the guarani logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#eee" d="m0 167l256-32l256 32v178l-256 32L0 345Z"/><path fill="#d80027" d="M0 0h512v167H0Z"/><path fill="#0052b4" d="M0 345h512v167H0Z"/><path fill="#333" d="M256 80A176 176 0 0 0 80 256a176 176 0 0 0 176 176a176 176 0 0 0 176-176A176 176 0 0 0 256 80m0 16a160 160 0 0 1 160 160a160 160 0 0 1-160 160A160 160 0 0 1 96 256A160 160 0 0 1 256 96m0 7a32 32 0 0 0-32 32a32 32 0 0 0 20 30v28a64 64 0 0 0-24 10l-20-20a32 32 0 0 0-7-35a32 32 0 0 0-23-10a32 32 0 0 0-22 10a32 32 0 0 0 0 45a32 32 0 0 0 35 7l20 20a64 64 0 0 0-10 24h-29a32 32 0 0 0-29-20a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 29-20h29a64 64 0 0 0 10 24l-20 20a32 32 0 0 0-35 7a32 32 0 0 0 0 45a32 32 0 0 0 45 0a32 32 0 0 0 7-35l20-20a64 64 0 0 0 24 10v28a32 32 0 0 0-20 30a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-20-30v-28a64 64 0 0 0 24-10l20 20a32 32 0 0 0 7 35a32 32 0 0 0 45 0a32 32 0 0 0 0-45a32 32 0 0 0-35-7l-20-20a64 64 0 0 0 10-24h28a32 32 0 0 0 30 20a32 32 0 0 0 32-32a32 32 0 0 0-32-32a32 32 0 0 0-30 20h-28a64 64 0 0 0-10-24l20-20a32 32 0 0 0 35-7a32 32 0 0 0 0-45a32 32 0 0 0-22-10a32 32 0 0 0-23 10a32 32 0 0 0-7 35l-20 20a64 64 0 0 0-24-10v-28a32 32 0 0 0 20-30a32 32 0 0 0-32-32m0 105a48 48 0 0 1 48 48a48 48 0 0 1-48 48a48 48 0 0 1-48-48a48 48 0 0 1 48-48m0 16a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-32-32"/></g></svg>

React

import type { SVGProps } from "react";

export function CircleFlagsGuarani(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#eee" d="m0 167l256-32l256 32v178l-256 32L0 345Z"/><path fill="#d80027" d="M0 0h512v167H0Z"/><path fill="#0052b4" d="M0 345h512v167H0Z"/><path fill="#333" d="M256 80A176 176 0 0 0 80 256a176 176 0 0 0 176 176a176 176 0 0 0 176-176A176 176 0 0 0 256 80m0 16a160 160 0 0 1 160 160a160 160 0 0 1-160 160A160 160 0 0 1 96 256A160 160 0 0 1 256 96m0 7a32 32 0 0 0-32 32a32 32 0 0 0 20 30v28a64 64 0 0 0-24 10l-20-20a32 32 0 0 0-7-35a32 32 0 0 0-23-10a32 32 0 0 0-22 10a32 32 0 0 0 0 45a32 32 0 0 0 35 7l20 20a64 64 0 0 0-10 24h-29a32 32 0 0 0-29-20a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 29-20h29a64 64 0 0 0 10 24l-20 20a32 32 0 0 0-35 7a32 32 0 0 0 0 45a32 32 0 0 0 45 0a32 32 0 0 0 7-35l20-20a64 64 0 0 0 24 10v28a32 32 0 0 0-20 30a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-20-30v-28a64 64 0 0 0 24-10l20 20a32 32 0 0 0 7 35a32 32 0 0 0 45 0a32 32 0 0 0 0-45a32 32 0 0 0-35-7l-20-20a64 64 0 0 0 10-24h28a32 32 0 0 0 30 20a32 32 0 0 0 32-32a32 32 0 0 0-32-32a32 32 0 0 0-30 20h-28a64 64 0 0 0-10-24l20-20a32 32 0 0 0 35-7a32 32 0 0 0 0-45a32 32 0 0 0-22-10a32 32 0 0 0-23 10a32 32 0 0 0-7 35l-20 20a64 64 0 0 0-24-10v-28a32 32 0 0 0 20-30a32 32 0 0 0-32-32m0 105a48 48 0 0 1 48 48a48 48 0 0 1-48 48a48 48 0 0 1-48-48a48 48 0 0 1 48-48m0 16a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-32-32"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#eee" d="m0 167l256-32l256 32v178l-256 32L0 345Z"/><path fill="#d80027" d="M0 0h512v167H0Z"/><path fill="#0052b4" d="M0 345h512v167H0Z"/><path fill="#333" d="M256 80A176 176 0 0 0 80 256a176 176 0 0 0 176 176a176 176 0 0 0 176-176A176 176 0 0 0 256 80m0 16a160 160 0 0 1 160 160a160 160 0 0 1-160 160A160 160 0 0 1 96 256A160 160 0 0 1 256 96m0 7a32 32 0 0 0-32 32a32 32 0 0 0 20 30v28a64 64 0 0 0-24 10l-20-20a32 32 0 0 0-7-35a32 32 0 0 0-23-10a32 32 0 0 0-22 10a32 32 0 0 0 0 45a32 32 0 0 0 35 7l20 20a64 64 0 0 0-10 24h-29a32 32 0 0 0-29-20a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 29-20h29a64 64 0 0 0 10 24l-20 20a32 32 0 0 0-35 7a32 32 0 0 0 0 45a32 32 0 0 0 45 0a32 32 0 0 0 7-35l20-20a64 64 0 0 0 24 10v28a32 32 0 0 0-20 30a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-20-30v-28a64 64 0 0 0 24-10l20 20a32 32 0 0 0 7 35a32 32 0 0 0 45 0a32 32 0 0 0 0-45a32 32 0 0 0-35-7l-20-20a64 64 0 0 0 10-24h28a32 32 0 0 0 30 20a32 32 0 0 0 32-32a32 32 0 0 0-32-32a32 32 0 0 0-30 20h-28a64 64 0 0 0-10-24l20-20a32 32 0 0 0 35-7a32 32 0 0 0 0-45a32 32 0 0 0-22-10a32 32 0 0 0-23 10a32 32 0 0 0-7 35l-20 20a64 64 0 0 0-24-10v-28a32 32 0 0 0 20-30a32 32 0 0 0-32-32m0 105a48 48 0 0 1 48 48a48 48 0 0 1-48 48a48 48 0 0 1-48-48a48 48 0 0 1 48-48m0 16a32 32 0 0 0-32 32a32 32 0 0 0 32 32a32 32 0 0 0 32-32a32 32 0 0 0-32-32"/></g></svg>
</template>

CSS

.icon-guarani {
  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%3Cmask%20id%3D%22SVGqdEcMdXs1%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGqdEcMdXs1)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22m0%20167l256-32l256%2032v178l-256%2032L0%20345Z%22%2F%3E%3Cpath%20fill%3D%22%23d80027%22%20d%3D%22M0%200h512v167H0Z%22%2F%3E%3Cpath%20fill%3D%22%230052b4%22%20d%3D%22M0%20345h512v167H0Z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M256%2080A176%20176%200%200%200%2080%20256a176%20176%200%200%200%20176%20176a176%20176%200%200%200%20176-176A176%20176%200%200%200%20256%2080m0%2016a160%20160%200%200%201%20160%20160a160%20160%200%200%201-160%20160A160%20160%200%200%201%2096%20256A160%20160%200%200%201%20256%2096m0%207a32%2032%200%200%200-32%2032a32%2032%200%200%200%2020%2030v28a64%2064%200%200%200-24%2010l-20-20a32%2032%200%200%200-7-35a32%2032%200%200%200-23-10a32%2032%200%200%200-22%2010a32%2032%200%200%200%200%2045a32%2032%200%200%200%2035%207l20%2020a64%2064%200%200%200-10%2024h-29a32%2032%200%200%200-29-20a32%2032%200%200%200-32%2032a32%2032%200%200%200%2032%2032a32%2032%200%200%200%2029-20h29a64%2064%200%200%200%2010%2024l-20%2020a32%2032%200%200%200-35%207a32%2032%200%200%200%200%2045a32%2032%200%200%200%2045%200a32%2032%200%200%200%207-35l20-20a64%2064%200%200%200%2024%2010v28a32%2032%200%200%200-20%2030a32%2032%200%200%200%2032%2032a32%2032%200%200%200%2032-32a32%2032%200%200%200-20-30v-28a64%2064%200%200%200%2024-10l20%2020a32%2032%200%200%200%207%2035a32%2032%200%200%200%2045%200a32%2032%200%200%200%200-45a32%2032%200%200%200-35-7l-20-20a64%2064%200%200%200%2010-24h28a32%2032%200%200%200%2030%2020a32%2032%200%200%200%2032-32a32%2032%200%200%200-32-32a32%2032%200%200%200-30%2020h-28a64%2064%200%200%200-10-24l20-20a32%2032%200%200%200%2035-7a32%2032%200%200%200%200-45a32%2032%200%200%200-22-10a32%2032%200%200%200-23%2010a32%2032%200%200%200-7%2035l-20%2020a64%2064%200%200%200-24-10v-28a32%2032%200%200%200%2020-30a32%2032%200%200%200-32-32m0%20105a48%2048%200%200%201%2048%2048a48%2048%200%200%201-48%2048a48%2048%200%200%201-48-48a48%2048%200%200%201%2048-48m0%2016a32%2032%200%200%200-32%2032a32%2032%200%200%200%2032%2032a32%2032%200%200%200%2032-32a32%2032%200%200%200-32-32%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%3Cmask%20id%3D%22SVGqdEcMdXs1%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGqdEcMdXs1)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22m0%20167l256-32l256%2032v178l-256%2032L0%20345Z%22%2F%3E%3Cpath%20fill%3D%22%23d80027%22%20d%3D%22M0%200h512v167H0Z%22%2F%3E%3Cpath%20fill%3D%22%230052b4%22%20d%3D%22M0%20345h512v167H0Z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M256%2080A176%20176%200%200%200%2080%20256a176%20176%200%200%200%20176%20176a176%20176%200%200%200%20176-176A176%20176%200%200%200%20256%2080m0%2016a160%20160%200%200%201%20160%20160a160%20160%200%200%201-160%20160A160%20160%200%200%201%2096%20256A160%20160%200%200%201%20256%2096m0%207a32%2032%200%200%200-32%2032a32%2032%200%200%200%2020%2030v28a64%2064%200%200%200-24%2010l-20-20a32%2032%200%200%200-7-35a32%2032%200%200%200-23-10a32%2032%200%200%200-22%2010a32%2032%200%200%200%200%2045a32%2032%200%200%200%2035%207l20%2020a64%2064%200%200%200-10%2024h-29a32%2032%200%200%200-29-20a32%2032%200%200%200-32%2032a32%2032%200%200%200%2032%2032a32%2032%200%200%200%2029-20h29a64%2064%200%200%200%2010%2024l-20%2020a32%2032%200%200%200-35%207a32%2032%200%200%200%200%2045a32%2032%200%200%200%2045%200a32%2032%200%200%200%207-35l20-20a64%2064%200%200%200%2024%2010v28a32%2032%200%200%200-20%2030a32%2032%200%200%200%2032%2032a32%2032%200%200%200%2032-32a32%2032%200%200%200-20-30v-28a64%2064%200%200%200%2024-10l20%2020a32%2032%200%200%200%207%2035a32%2032%200%200%200%2045%200a32%2032%200%200%200%200-45a32%2032%200%200%200-35-7l-20-20a64%2064%200%200%200%2010-24h28a32%2032%200%200%200%2030%2020a32%2032%200%200%200%2032-32a32%2032%200%200%200-32-32a32%2032%200%200%200-30%2020h-28a64%2064%200%200%200-10-24l20-20a32%2032%200%200%200%2035-7a32%2032%200%200%200%200-45a32%2032%200%200%200-22-10a32%2032%200%200%200-23%2010a32%2032%200%200%200-7%2035l-20%2020a64%2064%200%200%200-24-10v-28a32%2032%200%200%200%2020-30a32%2032%200%200%200-32-32m0%20105a48%2048%200%200%201%2048%2048a48%2048%200%200%201-48%2048a48%2048%200%200%201-48-48a48%2048%200%200%201%2048-48m0%2016a32%2032%200%200%200-32%2032a32%2032%200%200%200%2032%2032a32%2032%200%200%200%2032-32a32%2032%200%200%200-32-32%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/circle-flags/guarani.svg?color=%231a73e8&size=48