react-country-flags/src/flags/react/FlagPh.js

Flags of the world as react components.

import React from 'react';

const FlagPh = props => (
  <svg xmlnsXlink="http://www.w3.org/1999/xlink" viewBox="0 0 180 90" {...props}>
    <path fill="#0038a8" d="M0 0h180v90H0z" />
    <path fill="#ce1126" d="M0 45h180v45H0z" />
    <path d="M77.942 45L0 90V0" fill="#fff" />
    <g transform="translate(28 45)" fill="#fcd116">
      <circle r={9} />
      <g id="s94ec592d">
        <g id="sf31cda82">
          <g id="sa25ec7ea">
            <path d="M-1 0l.062.062L0 0l-.938-.062z" transform="scale(19)" />
            <path id="s7c77c517" d="M-.884.116l.05.05L0 0z" transform="scale(19.2381)" />
            <use xlinkHref="#s7c77c517" transform="scale(1 -1)" />
          </g>
          <use xlinkHref="#sa25ec7ea" transform="rotate(45)" />
        </g>
        <use xlinkHref="#sf31cda82" transform="rotate(90)" />
      </g>
      <use xlinkHref="#s94ec592d" transform="rotate(180)" />
      <g transform="translate(-2.02)">
        <g id="s9adb718d" transform="translate(37.962)">
          <path id="sfefc3cc8" d="M5 0L1.618 1.176l-.073 3.58-2.163-2.854-3.427 1.037L-2 0z" />
          <use xlinkHref="#sfefc3cc8" transform="scale(1 -1)" />
        </g>
        <use xlinkHref="#s9adb718d" transform="rotate(120)" />
        <use xlinkHref="#s9adb718d" transform="rotate(-120)" />
      </g>
    </g>
  </svg>
);

export default FlagPh;