flag checkered icon

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

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

5 other variants in Phosphor

flag-checkered-boldflag-checkered-duotoneflag-checkered-fillflag-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.41c28.49 14.09 60.77 30.06 96.79-1.13a8 8 0 0 0 2.76-6V56a8 8 0 0 0-4.68-7.25M216 71.6v40.65c-14 11.06-27 13.22-40 10.88V79.34a60.05 60.05 0 0 0 40-7.74m-56 3.76v43c-6.66-2.67-13.43-6-20.45-9.48c-8.82-4.37-18-8.91-27.55-12.18v-43c6.66 2.66 13.43 6 20.45 9.48c8.82 4.37 18.01 8.91 27.55 12.18M96 48.91v43.78a60.06 60.06 0 0 0-40 7.75V59.78c14-11.06 27-13.21 40-10.87M86.58 152A60.06 60.06 0 0 0 56 160.43v-40.65c14-11.06 27-13.22 40-10.88v43.8a65.6 65.6 0 0 0-9.42-.7m25.42 4.67v-43c6.66 2.66 13.43 6 20.45 9.48c8.82 4.37 18 8.9 27.55 12.17v43c-6.66-2.67-13.43-6-20.45-9.48c-8.82-4.37-18.01-8.9-27.55-12.17m64 26.45v-43.8a65.6 65.6 0 0 0 9.42.72a60.1 60.1 0 0 0 30.58-8.47v40.68c-14 11.06-27 13.21-40 10.87"/></svg>

React

import type { SVGProps } from "react";

export function PhFlagCheckered(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.41c28.49 14.09 60.77 30.06 96.79-1.13a8 8 0 0 0 2.76-6V56a8 8 0 0 0-4.68-7.25M216 71.6v40.65c-14 11.06-27 13.22-40 10.88V79.34a60.05 60.05 0 0 0 40-7.74m-56 3.76v43c-6.66-2.67-13.43-6-20.45-9.48c-8.82-4.37-18-8.91-27.55-12.18v-43c6.66 2.66 13.43 6 20.45 9.48c8.82 4.37 18.01 8.91 27.55 12.18M96 48.91v43.78a60.06 60.06 0 0 0-40 7.75V59.78c14-11.06 27-13.21 40-10.87M86.58 152A60.06 60.06 0 0 0 56 160.43v-40.65c14-11.06 27-13.22 40-10.88v43.8a65.6 65.6 0 0 0-9.42-.7m25.42 4.67v-43c6.66 2.66 13.43 6 20.45 9.48c8.82 4.37 18 8.9 27.55 12.17v43c-6.66-2.67-13.43-6-20.45-9.48c-8.82-4.37-18.01-8.9-27.55-12.17m64 26.45v-43.8a65.6 65.6 0 0 0 9.42.72a60.1 60.1 0 0 0 30.58-8.47v40.68c-14 11.06-27 13.21-40 10.87"/></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.41c28.49 14.09 60.77 30.06 96.79-1.13a8 8 0 0 0 2.76-6V56a8 8 0 0 0-4.68-7.25M216 71.6v40.65c-14 11.06-27 13.22-40 10.88V79.34a60.05 60.05 0 0 0 40-7.74m-56 3.76v43c-6.66-2.67-13.43-6-20.45-9.48c-8.82-4.37-18-8.91-27.55-12.18v-43c6.66 2.66 13.43 6 20.45 9.48c8.82 4.37 18.01 8.91 27.55 12.18M96 48.91v43.78a60.06 60.06 0 0 0-40 7.75V59.78c14-11.06 27-13.21 40-10.87M86.58 152A60.06 60.06 0 0 0 56 160.43v-40.65c14-11.06 27-13.22 40-10.88v43.8a65.6 65.6 0 0 0-9.42-.7m25.42 4.67v-43c6.66 2.66 13.43 6 20.45 9.48c8.82 4.37 18 8.9 27.55 12.17v43c-6.66-2.67-13.43-6-20.45-9.48c-8.82-4.37-18.01-8.9-27.55-12.17m64 26.45v-43.8a65.6 65.6 0 0 0 9.42.72a60.1 60.1 0 0 0 30.58-8.47v40.68c-14 11.06-27 13.21-40 10.87"/></svg>
</template>

CSS

.icon-flag-checkered {
  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.41c28.49%2014.09%2060.77%2030.06%2096.79-1.13a8%208%200%200%200%202.76-6V56a8%208%200%200%200-4.68-7.25M216%2071.6v40.65c-14%2011.06-27%2013.22-40%2010.88V79.34a60.05%2060.05%200%200%200%2040-7.74m-56%203.76v43c-6.66-2.67-13.43-6-20.45-9.48c-8.82-4.37-18-8.91-27.55-12.18v-43c6.66%202.66%2013.43%206%2020.45%209.48c8.82%204.37%2018.01%208.91%2027.55%2012.18M96%2048.91v43.78a60.06%2060.06%200%200%200-40%207.75V59.78c14-11.06%2027-13.21%2040-10.87M86.58%20152A60.06%2060.06%200%200%200%2056%20160.43v-40.65c14-11.06%2027-13.22%2040-10.88v43.8a65.6%2065.6%200%200%200-9.42-.7m25.42%204.67v-43c6.66%202.66%2013.43%206%2020.45%209.48c8.82%204.37%2018%208.9%2027.55%2012.17v43c-6.66-2.67-13.43-6-20.45-9.48c-8.82-4.37-18.01-8.9-27.55-12.17m64%2026.45v-43.8a65.6%2065.6%200%200%200%209.42.72a60.1%2060.1%200%200%200%2030.58-8.47v40.68c-14%2011.06-27%2013.21-40%2010.87%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.41c28.49%2014.09%2060.77%2030.06%2096.79-1.13a8%208%200%200%200%202.76-6V56a8%208%200%200%200-4.68-7.25M216%2071.6v40.65c-14%2011.06-27%2013.22-40%2010.88V79.34a60.05%2060.05%200%200%200%2040-7.74m-56%203.76v43c-6.66-2.67-13.43-6-20.45-9.48c-8.82-4.37-18-8.91-27.55-12.18v-43c6.66%202.66%2013.43%206%2020.45%209.48c8.82%204.37%2018.01%208.91%2027.55%2012.18M96%2048.91v43.78a60.06%2060.06%200%200%200-40%207.75V59.78c14-11.06%2027-13.21%2040-10.87M86.58%20152A60.06%2060.06%200%200%200%2056%20160.43v-40.65c14-11.06%2027-13.22%2040-10.88v43.8a65.6%2065.6%200%200%200-9.42-.7m25.42%204.67v-43c6.66%202.66%2013.43%206%2020.45%209.48c8.82%204.37%2018%208.9%2027.55%2012.17v43c-6.66-2.67-13.43-6-20.45-9.48c-8.82-4.37-18.01-8.9-27.55-12.17m64%2026.45v-43.8a65.6%2065.6%200%200%200%209.42.72a60.1%2060.1%200%200%200%2030.58-8.47v40.68c-14%2011.06-27%2013.21-40%2010.87%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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