flag icon
flag-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- flag-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
flagAkar Iconsflag-filledAnt Design IconsflagBootstrap IconsflagBoxIcons v2flagBoxIcons v2 SolidflagCarbonflagCodiconsflagElement Plusflag-fillEva IconsflagFramework7 IconsflagFont Awesome 6 RegularflagFont Awesome 6 SolidflagFont Awesome RegularflagFont Awesome SolidflagFeather Iconsflag-outlineFlowbite Iconsflag-16-filledFluent UI System Iconsflag-16Fluent UI System Color Iconsflagcss.ggflagHeroIconsflagHumbleiconsflagIconParkflagIconPark OutlineflagIconPark Solid
Related icons in Phosphor
Use the flag icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M45.39 53.06a4 4 0 0 0-1.39 3V224a4 4 0 0 0 8 0v-46.13c29.41-24.39 55.08-11.69 82.23 1.73c16.5 8.17 33.33 16.5 51.13 16.5c13.14 0 26.81-4.55 41.26-17.06a4 4 0 0 0 1.38-3v-120a4 4 0 0 0-6.62-3c-30 26-56 13.07-83.61-.57c-28.7-14.19-58.37-28.85-92.38.59M220 174.17c-29.41 24.4-55.08 11.7-82.23-1.73c-26.82-13.27-54.5-27-85.77-4.66V57.92c29.41-24.4 55.08-11.7 82.23 1.73c26.82 13.27 54.5 27 85.77 4.66Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFlagThin(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="M45.39 53.06a4 4 0 0 0-1.39 3V224a4 4 0 0 0 8 0v-46.13c29.41-24.39 55.08-11.69 82.23 1.73c16.5 8.17 33.33 16.5 51.13 16.5c13.14 0 26.81-4.55 41.26-17.06a4 4 0 0 0 1.38-3v-120a4 4 0 0 0-6.62-3c-30 26-56 13.07-83.61-.57c-28.7-14.19-58.37-28.85-92.38.59M220 174.17c-29.41 24.4-55.08 11.7-82.23-1.73c-26.82-13.27-54.5-27-85.77-4.66V57.92c29.41-24.4 55.08-11.7 82.23 1.73c26.82 13.27 54.5 27 85.77 4.66Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M45.39 53.06a4 4 0 0 0-1.39 3V224a4 4 0 0 0 8 0v-46.13c29.41-24.39 55.08-11.69 82.23 1.73c16.5 8.17 33.33 16.5 51.13 16.5c13.14 0 26.81-4.55 41.26-17.06a4 4 0 0 0 1.38-3v-120a4 4 0 0 0-6.62-3c-30 26-56 13.07-83.61-.57c-28.7-14.19-58.37-28.85-92.38.59M220 174.17c-29.41 24.4-55.08 11.7-82.23-1.73c-26.82-13.27-54.5-27-85.77-4.66V57.92c29.41-24.4 55.08-11.7 82.23 1.73c26.82 13.27 54.5 27 85.77 4.66Z"/></svg> </template>
CSS
.icon-flag-thin {
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%22M45.39%2053.06a4%204%200%200%200-1.39%203V224a4%204%200%200%200%208%200v-46.13c29.41-24.39%2055.08-11.69%2082.23%201.73c16.5%208.17%2033.33%2016.5%2051.13%2016.5c13.14%200%2026.81-4.55%2041.26-17.06a4%204%200%200%200%201.38-3v-120a4%204%200%200%200-6.62-3c-30%2026-56%2013.07-83.61-.57c-28.7-14.19-58.37-28.85-92.38.59M220%20174.17c-29.41%2024.4-55.08%2011.7-82.23-1.73c-26.82-13.27-54.5-27-85.77-4.66V57.92c29.41-24.4%2055.08-11.7%2082.23%201.73c26.82%2013.27%2054.5%2027%2085.77%204.66Z%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%22M45.39%2053.06a4%204%200%200%200-1.39%203V224a4%204%200%200%200%208%200v-46.13c29.41-24.39%2055.08-11.69%2082.23%201.73c16.5%208.17%2033.33%2016.5%2051.13%2016.5c13.14%200%2026.81-4.55%2041.26-17.06a4%204%200%200%200%201.38-3v-120a4%204%200%200%200-6.62-3c-30%2026-56%2013.07-83.61-.57c-28.7-14.19-58.37-28.85-92.38.59M220%20174.17c-29.41%2024.4-55.08%2011.7-82.23-1.73c-26.82-13.27-54.5-27-85.77-4.66V57.92c29.41-24.4%2055.08-11.7%2082.23%201.73c26.82%2013.27%2054.5%2027%2085.77%204.66Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/flag-thin.svg?color=%231a73e8&size=48
