za logo
za from Flagpack by Yummygum · Rounded · MIT Free for personal and commercial use.
- Name
- za
- Set
- Flagpack
- Style
- Rounded
- Viewbox
- 32×24
- License
- MIT
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 32 24"><g fill="none"><path fill="#f7fcff" fill-rule="evenodd" d="M0 0h32v24H0z" clip-rule="evenodd"/><path fill="#e31d1c" fill-rule="evenodd" d="M0 0v8h32V0z" clip-rule="evenodd"/><path fill="#3d58db" fill-rule="evenodd" d="M0 16v8h32v-8z" clip-rule="evenodd"/><mask id="SVGJRkaecvp" width="36" height="38" x="-2" y="-7" fill="#000" maskUnits="userSpaceOnUse"><path fill="#fff" d="M-2-7h36v38H-2z"/><path fill-rule="evenodd" d="M15.429 10L0-2v28l15.429-12H32v-4z" clip-rule="evenodd"/></mask><path fill="#5eaa22" fill-rule="evenodd" d="M15.429 10L0-2v28l15.429-12H32v-4z" clip-rule="evenodd"/><path fill="#f7fcff" d="m0-2l1.228-1.579L-2-6.089V-2zm15.429 12L14.2 11.579l.541.421h.687zM0 26h-2v4.09l3.228-2.511zm15.429-12v-2h-.687l-.541.421zM32 14v2h2v-2zm0-4h2V8h-2zM-1.228-.421l15.429 12l2.456-3.158l-15.43-12zM2 26V-2h-4v28zm12.2-13.579l-15.428 12l2.456 3.158l15.429-12zM32 12H15.429v4H32zm-2-2v4h4v-4zm-14.571 2H32V8H15.429z" mask="url(#SVGJRkaecvp)"/><path fill="#272727" stroke="#feca00" stroke-width="2" d="M.6 5.2L-1 4v16l1.6-1.2l8-6l1.067-.8l-1.067-.8z"/></g></svg>
React
import type { SVGProps } from "react";
export function FlagpackZa(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 24"><g fill="none"><path fill="#f7fcff" fillRule="evenodd" d="M0 0h32v24H0z" clipRule="evenodd"/><path fill="#e31d1c" fillRule="evenodd" d="M0 0v8h32V0z" clipRule="evenodd"/><path fill="#3d58db" fillRule="evenodd" d="M0 16v8h32v-8z" clipRule="evenodd"/><mask id="SVGJRkaecvp" width="36" height="38" x="-2" y="-7" fill="#000" maskUnits="userSpaceOnUse"><path fill="#fff" d="M-2-7h36v38H-2z"/><path fillRule="evenodd" d="M15.429 10L0-2v28l15.429-12H32v-4z" clipRule="evenodd"/></mask><path fill="#5eaa22" fillRule="evenodd" d="M15.429 10L0-2v28l15.429-12H32v-4z" clipRule="evenodd"/><path fill="#f7fcff" d="m0-2l1.228-1.579L-2-6.089V-2zm15.429 12L14.2 11.579l.541.421h.687zM0 26h-2v4.09l3.228-2.511zm15.429-12v-2h-.687l-.541.421zM32 14v2h2v-2zm0-4h2V8h-2zM-1.228-.421l15.429 12l2.456-3.158l-15.43-12zM2 26V-2h-4v28zm12.2-13.579l-15.428 12l2.456 3.158l15.429-12zM32 12H15.429v4H32zm-2-2v4h4v-4zm-14.571 2H32V8H15.429z" mask="url(#SVGJRkaecvp)"/><path fill="#272727" stroke="#feca00" strokeWidth="2" d="M.6 5.2L-1 4v16l1.6-1.2l8-6l1.067-.8l-1.067-.8z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 24"><g fill="none"><path fill="#f7fcff" fill-rule="evenodd" d="M0 0h32v24H0z" clip-rule="evenodd"/><path fill="#e31d1c" fill-rule="evenodd" d="M0 0v8h32V0z" clip-rule="evenodd"/><path fill="#3d58db" fill-rule="evenodd" d="M0 16v8h32v-8z" clip-rule="evenodd"/><mask id="SVGJRkaecvp" width="36" height="38" x="-2" y="-7" fill="#000" maskUnits="userSpaceOnUse"><path fill="#fff" d="M-2-7h36v38H-2z"/><path fill-rule="evenodd" d="M15.429 10L0-2v28l15.429-12H32v-4z" clip-rule="evenodd"/></mask><path fill="#5eaa22" fill-rule="evenodd" d="M15.429 10L0-2v28l15.429-12H32v-4z" clip-rule="evenodd"/><path fill="#f7fcff" d="m0-2l1.228-1.579L-2-6.089V-2zm15.429 12L14.2 11.579l.541.421h.687zM0 26h-2v4.09l3.228-2.511zm15.429-12v-2h-.687l-.541.421zM32 14v2h2v-2zm0-4h2V8h-2zM-1.228-.421l15.429 12l2.456-3.158l-15.43-12zM2 26V-2h-4v28zm12.2-13.579l-15.428 12l2.456 3.158l15.429-12zM32 12H15.429v4H32zm-2-2v4h4v-4zm-14.571 2H32V8H15.429z" mask="url(#SVGJRkaecvp)"/><path fill="#272727" stroke="#feca00" stroke-width="2" d="M.6 5.2L-1 4v16l1.6-1.2l8-6l1.067-.8l-1.067-.8z"/></g></svg> </template>
CSS
.icon-za {
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%2032%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f7fcff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h32v24H0z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e31d1c%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200v8h32V0z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%233d58db%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%2016v8h32v-8z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cmask%20id%3D%22SVGJRkaecvp%22%20width%3D%2236%22%20height%3D%2238%22%20x%3D%22-2%22%20y%3D%22-7%22%20fill%3D%22%23000%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M-2-7h36v38H-2z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15.429%2010L0-2v28l15.429-12H32v-4z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%235eaa22%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.429%2010L0-2v28l15.429-12H32v-4z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23f7fcff%22%20d%3D%22m0-2l1.228-1.579L-2-6.089V-2zm15.429%2012L14.2%2011.579l.541.421h.687zM0%2026h-2v4.09l3.228-2.511zm15.429-12v-2h-.687l-.541.421zM32%2014v2h2v-2zm0-4h2V8h-2zM-1.228-.421l15.429%2012l2.456-3.158l-15.43-12zM2%2026V-2h-4v28zm12.2-13.579l-15.428%2012l2.456%203.158l15.429-12zM32%2012H15.429v4H32zm-2-2v4h4v-4zm-14.571%202H32V8H15.429z%22%20mask%3D%22url(%23SVGJRkaecvp)%22%2F%3E%3Cpath%20fill%3D%22%23272727%22%20stroke%3D%22%23feca00%22%20stroke-width%3D%222%22%20d%3D%22M.6%205.2L-1%204v16l1.6-1.2l8-6l1.067-.8l-1.067-.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%2032%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f7fcff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200h32v24H0z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23e31d1c%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%200v8h32V0z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%233d58db%22%20fill-rule%3D%22evenodd%22%20d%3D%22M0%2016v8h32v-8z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cmask%20id%3D%22SVGJRkaecvp%22%20width%3D%2236%22%20height%3D%2238%22%20x%3D%22-2%22%20y%3D%22-7%22%20fill%3D%22%23000%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M-2-7h36v38H-2z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M15.429%2010L0-2v28l15.429-12H32v-4z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%235eaa22%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.429%2010L0-2v28l15.429-12H32v-4z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23f7fcff%22%20d%3D%22m0-2l1.228-1.579L-2-6.089V-2zm15.429%2012L14.2%2011.579l.541.421h.687zM0%2026h-2v4.09l3.228-2.511zm15.429-12v-2h-.687l-.541.421zM32%2014v2h2v-2zm0-4h2V8h-2zM-1.228-.421l15.429%2012l2.456-3.158l-15.43-12zM2%2026V-2h-4v28zm12.2-13.579l-15.428%2012l2.456%203.158l15.429-12zM32%2012H15.429v4H32zm-2-2v4h4v-4zm-14.571%202H32V8H15.429z%22%20mask%3D%22url(%23SVGJRkaecvp)%22%2F%3E%3Cpath%20fill%3D%22%23272727%22%20stroke%3D%22%23feca00%22%20stroke-width%3D%222%22%20d%3D%22M.6%205.2L-1%204v16l1.6-1.2l8-6l1.067-.8l-1.067-.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/flagpack/za.svg?color=%231a73e8&size=48
