flag checkered icon

flag-checkered-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
flag-checkered-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

flag-checkeredflag-checkered-boldflag-checkered-duotoneflag-checkered-lightflag-checkered-thin

The same icon in other sets

flag-checkeredBoxIcons v2 Solidflag-checkeredFont Awesome 6 Solidflag-checkeredFont Awesome Solidflag-checkered-20-filledFluent UI System Iconsflag-checkeredLine Awesomeflag-checkeredMaterial Design Icons

Related icons in Phosphor

flag-bannerflag-banner-foldflag-pennant

Use the flag checkered icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M227.32 48.75a8 8 0 0 0-8.56 1.25c-28 24.22-51.72 12.48-79.21-1.13C111.07 34.76 78.78 18.79 42.76 50A8 8 0 0 0 40 56v168a8 8 0 0 0 16 0v-44.23c26.79-21.16 49.87-9.75 76.45 3.41c16.4 8.11 34.06 16.85 53 16.85c13.93 0 28.54-4.75 43.82-18a8 8 0 0 0 2.76-6V56a8 8 0 0 0-4.71-7.25M56 160.44v-50.56c16.85-11.28 32.64-11.59 48-7.34v51.74c-15.13-3.81-31.13-3.57-48 6.16m48-109.57c9.25 2.83 18.61 7.45 28.45 12.32c11.26 5.57 23.11 11.43 35.55 14.56v51.74c15.35 4.25 31.14 3.94 48-7.35v50.11c-16.87 13.32-32.27 13.72-48 8.91v-51.67c-21.62-6-42.38-21-64-26.95Z"/></svg>

React

import type { SVGProps } from "react";

export function PhFlagCheckeredFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M227.32 48.75a8 8 0 0 0-8.56 1.25c-28 24.22-51.72 12.48-79.21-1.13C111.07 34.76 78.78 18.79 42.76 50A8 8 0 0 0 40 56v168a8 8 0 0 0 16 0v-44.23c26.79-21.16 49.87-9.75 76.45 3.41c16.4 8.11 34.06 16.85 53 16.85c13.93 0 28.54-4.75 43.82-18a8 8 0 0 0 2.76-6V56a8 8 0 0 0-4.71-7.25M56 160.44v-50.56c16.85-11.28 32.64-11.59 48-7.34v51.74c-15.13-3.81-31.13-3.57-48 6.16m48-109.57c9.25 2.83 18.61 7.45 28.45 12.32c11.26 5.57 23.11 11.43 35.55 14.56v51.74c15.35 4.25 31.14 3.94 48-7.35v50.11c-16.87 13.32-32.27 13.72-48 8.91v-51.67c-21.62-6-42.38-21-64-26.95Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M227.32 48.75a8 8 0 0 0-8.56 1.25c-28 24.22-51.72 12.48-79.21-1.13C111.07 34.76 78.78 18.79 42.76 50A8 8 0 0 0 40 56v168a8 8 0 0 0 16 0v-44.23c26.79-21.16 49.87-9.75 76.45 3.41c16.4 8.11 34.06 16.85 53 16.85c13.93 0 28.54-4.75 43.82-18a8 8 0 0 0 2.76-6V56a8 8 0 0 0-4.71-7.25M56 160.44v-50.56c16.85-11.28 32.64-11.59 48-7.34v51.74c-15.13-3.81-31.13-3.57-48 6.16m48-109.57c9.25 2.83 18.61 7.45 28.45 12.32c11.26 5.57 23.11 11.43 35.55 14.56v51.74c15.35 4.25 31.14 3.94 48-7.35v50.11c-16.87 13.32-32.27 13.72-48 8.91v-51.67c-21.62-6-42.38-21-64-26.95Z"/></svg>
</template>

CSS

.icon-flag-checkered-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M227.32%2048.75a8%208%200%200%200-8.56%201.25c-28%2024.22-51.72%2012.48-79.21-1.13C111.07%2034.76%2078.78%2018.79%2042.76%2050A8%208%200%200%200%2040%2056v168a8%208%200%200%200%2016%200v-44.23c26.79-21.16%2049.87-9.75%2076.45%203.41c16.4%208.11%2034.06%2016.85%2053%2016.85c13.93%200%2028.54-4.75%2043.82-18a8%208%200%200%200%202.76-6V56a8%208%200%200%200-4.71-7.25M56%20160.44v-50.56c16.85-11.28%2032.64-11.59%2048-7.34v51.74c-15.13-3.81-31.13-3.57-48%206.16m48-109.57c9.25%202.83%2018.61%207.45%2028.45%2012.32c11.26%205.57%2023.11%2011.43%2035.55%2014.56v51.74c15.35%204.25%2031.14%203.94%2048-7.35v50.11c-16.87%2013.32-32.27%2013.72-48%208.91v-51.67c-21.62-6-42.38-21-64-26.95Z%22%2F%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M227.32%2048.75a8%208%200%200%200-8.56%201.25c-28%2024.22-51.72%2012.48-79.21-1.13C111.07%2034.76%2078.78%2018.79%2042.76%2050A8%208%200%200%200%2040%2056v168a8%208%200%200%200%2016%200v-44.23c26.79-21.16%2049.87-9.75%2076.45%203.41c16.4%208.11%2034.06%2016.85%2053%2016.85c13.93%200%2028.54-4.75%2043.82-18a8%208%200%200%200%202.76-6V56a8%208%200%200%200-4.71-7.25M56%20160.44v-50.56c16.85-11.28%2032.64-11.59%2048-7.34v51.74c-15.13-3.81-31.13-3.57-48%206.16m48-109.57c9.25%202.83%2018.61%207.45%2028.45%2012.32c11.26%205.57%2023.11%2011.43%2035.55%2014.56v51.74c15.35%204.25%2031.14%203.94%2048-7.35v50.11c-16.87%2013.32-32.27%2013.72-48%208.91v-51.67c-21.62-6-42.38-21-64-26.95Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/flag-checkered-fill.svg?color=%231a73e8&size=48