za logo
za-4x3 from Flag Icons by Panayiotis Lipiridis · 4x3 · MIT Free for personal and commercial use.
- Name
- za-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 za logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><defs><clipPath id="SVGqqWqAbyx"><path fill-opacity=".7" d="M-71.9 0h682.7v512H-71.9z"/></clipPath></defs><g clip-path="url(#SVGqqWqAbyx)" transform="translate(67.4)scale(.93748)"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#000001" d="M-71.9 407.8V104.4L154 256.1z"/><path fill="#000c8a" d="m82.2 512.1l253.6-170.6H696V512H82.2z"/><path fill="#e1392d" d="M66 0h630v170.8H335.7S69.3-1.7 66 0"/><path fill="#ffb915" d="M-71.9 64v40.4L154 256L-72 407.8v40.3l284.5-192z"/><path fill="#007847" d="M-71.9 64V0h95l301.2 204h371.8v104.2H324.3L23 512h-94.9v-63.9l284.4-192L-71.8 64z"/><path fill="#fff" d="M23 0h59.2l253.6 170.7H696V204H324.3zm0 512.1h59.2l253.6-170.6H696v-33.2H324.3L23 512z"/></g></g></svg>
React
import type { SVGProps } from "react";
export function FlagZa4x3(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="SVGqqWqAbyx"><path fillOpacity=".7" d="M-71.9 0h682.7v512H-71.9z"/></clipPath></defs><g clipPath="url(#SVGqqWqAbyx)" transform="translate(67.4)scale(.93748)"><g fillRule="evenodd" strokeWidth="1pt"><path fill="#000001" d="M-71.9 407.8V104.4L154 256.1z"/><path fill="#000c8a" d="m82.2 512.1l253.6-170.6H696V512H82.2z"/><path fill="#e1392d" d="M66 0h630v170.8H335.7S69.3-1.7 66 0"/><path fill="#ffb915" d="M-71.9 64v40.4L154 256L-72 407.8v40.3l284.5-192z"/><path fill="#007847" d="M-71.9 64V0h95l301.2 204h371.8v104.2H324.3L23 512h-94.9v-63.9l284.4-192L-71.8 64z"/><path fill="#fff" d="M23 0h59.2l253.6 170.7H696V204H324.3zm0 512.1h59.2l253.6-170.6H696v-33.2H324.3L23 512z"/></g></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 480"><defs><clipPath id="SVGqqWqAbyx"><path fill-opacity=".7" d="M-71.9 0h682.7v512H-71.9z"/></clipPath></defs><g clip-path="url(#SVGqqWqAbyx)" transform="translate(67.4)scale(.93748)"><g fill-rule="evenodd" stroke-width="1pt"><path fill="#000001" d="M-71.9 407.8V104.4L154 256.1z"/><path fill="#000c8a" d="m82.2 512.1l253.6-170.6H696V512H82.2z"/><path fill="#e1392d" d="M66 0h630v170.8H335.7S69.3-1.7 66 0"/><path fill="#ffb915" d="M-71.9 64v40.4L154 256L-72 407.8v40.3l284.5-192z"/><path fill="#007847" d="M-71.9 64V0h95l301.2 204h371.8v104.2H324.3L23 512h-94.9v-63.9l284.4-192L-71.8 64z"/><path fill="#fff" d="M23 0h59.2l253.6 170.7H696V204H324.3zm0 512.1h59.2l253.6-170.6H696v-33.2H324.3L23 512z"/></g></g></svg> </template>
CSS
.icon-za-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%22SVGqqWqAbyx%22%3E%3Cpath%20fill-opacity%3D%22.7%22%20d%3D%22M-71.9%200h682.7v512H-71.9z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23SVGqqWqAbyx)%22%20transform%3D%22translate(67.4)scale(.93748)%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20stroke-width%3D%221pt%22%3E%3Cpath%20fill%3D%22%23000001%22%20d%3D%22M-71.9%20407.8V104.4L154%20256.1z%22%2F%3E%3Cpath%20fill%3D%22%23000c8a%22%20d%3D%22m82.2%20512.1l253.6-170.6H696V512H82.2z%22%2F%3E%3Cpath%20fill%3D%22%23e1392d%22%20d%3D%22M66%200h630v170.8H335.7S69.3-1.7%2066%200%22%2F%3E%3Cpath%20fill%3D%22%23ffb915%22%20d%3D%22M-71.9%2064v40.4L154%20256L-72%20407.8v40.3l284.5-192z%22%2F%3E%3Cpath%20fill%3D%22%23007847%22%20d%3D%22M-71.9%2064V0h95l301.2%20204h371.8v104.2H324.3L23%20512h-94.9v-63.9l284.4-192L-71.8%2064z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23%200h59.2l253.6%20170.7H696V204H324.3zm0%20512.1h59.2l253.6-170.6H696v-33.2H324.3L23%20512z%22%2F%3E%3C%2Fg%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%22SVGqqWqAbyx%22%3E%3Cpath%20fill-opacity%3D%22.7%22%20d%3D%22M-71.9%200h682.7v512H-71.9z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23SVGqqWqAbyx)%22%20transform%3D%22translate(67.4)scale(.93748)%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20stroke-width%3D%221pt%22%3E%3Cpath%20fill%3D%22%23000001%22%20d%3D%22M-71.9%20407.8V104.4L154%20256.1z%22%2F%3E%3Cpath%20fill%3D%22%23000c8a%22%20d%3D%22m82.2%20512.1l253.6-170.6H696V512H82.2z%22%2F%3E%3Cpath%20fill%3D%22%23e1392d%22%20d%3D%22M66%200h630v170.8H335.7S69.3-1.7%2066%200%22%2F%3E%3Cpath%20fill%3D%22%23ffb915%22%20d%3D%22M-71.9%2064v40.4L154%20256L-72%20407.8v40.3l284.5-192z%22%2F%3E%3Cpath%20fill%3D%22%23007847%22%20d%3D%22M-71.9%2064V0h95l301.2%20204h371.8v104.2H324.3L23%20512h-94.9v-63.9l284.4-192L-71.8%2064z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M23%200h59.2l253.6%20170.7H696V204H324.3zm0%20512.1h59.2l253.6-170.6H696v-33.2H324.3L23%20512z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/flag/za-4x3.svg?color=%231a73e8&size=48
