Flags icon

Guinea-Bissau JSX Icon

Q: Is the Guinea-Bissau JSX icon free?

Yes. You can copy the Guinea-Bissau JSX component and use it in React and Next.js projects.

Q: Can I customize the Guinea-Bissau icon?

Yes. Edit SVG attributes or pass className, width, height and color props depending on the component.

Copy the Guinea-Bissau icon as an optimized JSX SVG component for React, Next.js, dashboards, landing pages and Tailwind interfaces.

Browse all icons

ComponentGuineaBissauFlag

FileguineabissauFlag.jsx

CategoryFlags

Copy-ready code

Guinea-Bissau React JSX component

// Source: https://raw.githubusercontent.com/lipis/flag-icons/086f7e97d657358203916dbe84f61c2bccaa81eb/flags/4x3/gw.svg
// Asset license: flag-icons MIT. Country flags are national symbols; use respectfully and verify local requirements where applicable.
export const GuineaBissauFlag = ({ width = "40px", height = "30px", ...props }) => (
  <svg {...props} width={width} height={height} viewBox="0 0 640 480" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" preserveAspectRatio="xMidYMid meet">
    <path fill="#ce1126" d="M0 0h220v480H0z"/>
  <path fill="#fcd116" d="M220 0h420v240H220z"/>
  <path fill="#009e49" d="M220 240h420v240H220z"/>
  <g id="gw-b" transform="matrix(80 0 0 80 110 240)">
    <path id="gw-a" fill="#000001" d="M0-1v1h.5" transform="rotate(18 0 -1)"/>
    <use href="#gw-a" width="100%" height="100%" transform="scale(-1 1)"/>
  </g>
  <use href="#gw-b" width="100%" height="100%" transform="rotate(72 110 240)"/>
  <use href="#gw-b" width="100%" height="100%" transform="rotate(144 110 240)"/>
  <use href="#gw-b" width="100%" height="100%" transform="rotate(-144 110 240)"/>
  <use href="#gw-b" width="100%" height="100%" transform="rotate(-72 110 240)"/>
  </svg>
)

How to use the Guinea-Bissau icon

import { GuineaBissauFlag } from "@/assets/icons/guineabissauFlag"

export default function Example() {
  return <GuineaBissauFlag width="32px" height="32px" />
}

Built for the web

Use it in your stack

This copy-ready component works in React and Next.js projects, and the SVG can be adapted for any interface.

ReactNext.jsJSXSVGFlags icons

Looking for a similar mark? Browse the related icons below or explore the full flags collection.

Related JSX icons

Afghanistan

Algeria

Angola

Anguilla

Antigua and Barbuda

Argentina

Armenia

Aruba

FAQ

Is the Guinea-Bissau JSX icon free?

Yes. You can copy the JSX component and use it in React and Next.js projects.

Can I customize it?

Yes. Edit the SVG attributes or pass className, width, height and color props depending on the component.