flag icon
flag-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.
- Name
- flag-24
- Set
- Octicons
- Style
- 24
- Viewbox
- 24×24
- License
- MIT
1 other variant in Octicons
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
Use the flag icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.99 14.37V4.92c0-.08-.02-.15-.05-.23c0-.02 0-.04-.01-.06c-.02-.05-.05-.08-.08-.12s-.05-.08-.08-.11c-.01-.01-.04-.02-.05-.03a.8.8 0 0 0-.19-.13c-3.23-1.29-5.73-.34-8.15.59c-2.2.84-4.28 1.62-6.88.65V3.75c0-.41-.34-.75-.75-.75S3 3.34 3 3.75v16.56c0 .41.34.75.75.75s.75-.34.75-.75V7.06c.85.26 1.65.37 2.41.37c1.82 0 3.43-.61 5-1.21c2.11-.81 4.12-1.55 6.58-.75v7.89c-2.79-.74-5.15.14-7.25.93c-1.62.61-3.14 1.18-4.79 1.08c-.38-.02-.77.29-.8.7s.29.77.7.8c.17.01.33.02.49.02c1.77 0 3.37-.61 4.92-1.19c2.31-.87 4.49-1.7 7.2-.61c.06.02.12.02.18.03c.03 0 .07.02.1.02c.09 0 .18-.02.26-.05h.03a.75.75 0 0 0 .29-.24c.04-.05.08-.1.11-.17c.02-.05.02-.1.03-.15c0-.04.03-.08.03-.13z"/></svg>
React
import type { SVGProps } from "react";
export function OcticonFlag24(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.99 14.37V4.92c0-.08-.02-.15-.05-.23c0-.02 0-.04-.01-.06c-.02-.05-.05-.08-.08-.12s-.05-.08-.08-.11c-.01-.01-.04-.02-.05-.03a.8.8 0 0 0-.19-.13c-3.23-1.29-5.73-.34-8.15.59c-2.2.84-4.28 1.62-6.88.65V3.75c0-.41-.34-.75-.75-.75S3 3.34 3 3.75v16.56c0 .41.34.75.75.75s.75-.34.75-.75V7.06c.85.26 1.65.37 2.41.37c1.82 0 3.43-.61 5-1.21c2.11-.81 4.12-1.55 6.58-.75v7.89c-2.79-.74-5.15.14-7.25.93c-1.62.61-3.14 1.18-4.79 1.08c-.38-.02-.77.29-.8.7s.29.77.7.8c.17.01.33.02.49.02c1.77 0 3.37-.61 4.92-1.19c2.31-.87 4.49-1.7 7.2-.61c.06.02.12.02.18.03c.03 0 .07.02.1.02c.09 0 .18-.02.26-.05h.03a.75.75 0 0 0 .29-.24c.04-.05.08-.1.11-.17c.02-.05.02-.1.03-.15c0-.04.03-.08.03-.13z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.99 14.37V4.92c0-.08-.02-.15-.05-.23c0-.02 0-.04-.01-.06c-.02-.05-.05-.08-.08-.12s-.05-.08-.08-.11c-.01-.01-.04-.02-.05-.03a.8.8 0 0 0-.19-.13c-3.23-1.29-5.73-.34-8.15.59c-2.2.84-4.28 1.62-6.88.65V3.75c0-.41-.34-.75-.75-.75S3 3.34 3 3.75v16.56c0 .41.34.75.75.75s.75-.34.75-.75V7.06c.85.26 1.65.37 2.41.37c1.82 0 3.43-.61 5-1.21c2.11-.81 4.12-1.55 6.58-.75v7.89c-2.79-.74-5.15.14-7.25.93c-1.62.61-3.14 1.18-4.79 1.08c-.38-.02-.77.29-.8.7s.29.77.7.8c.17.01.33.02.49.02c1.77 0 3.37-.61 4.92-1.19c2.31-.87 4.49-1.7 7.2-.61c.06.02.12.02.18.03c.03 0 .07.02.1.02c.09 0 .18-.02.26-.05h.03a.75.75 0 0 0 .29-.24c.04-.05.08-.1.11-.17c.02-.05.02-.1.03-.15c0-.04.03-.08.03-.13z"/></svg> </template>
CSS
.icon-flag-24 {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.99%2014.37V4.92c0-.08-.02-.15-.05-.23c0-.02%200-.04-.01-.06c-.02-.05-.05-.08-.08-.12s-.05-.08-.08-.11c-.01-.01-.04-.02-.05-.03a.8.8%200%200%200-.19-.13c-3.23-1.29-5.73-.34-8.15.59c-2.2.84-4.28%201.62-6.88.65V3.75c0-.41-.34-.75-.75-.75S3%203.34%203%203.75v16.56c0%20.41.34.75.75.75s.75-.34.75-.75V7.06c.85.26%201.65.37%202.41.37c1.82%200%203.43-.61%205-1.21c2.11-.81%204.12-1.55%206.58-.75v7.89c-2.79-.74-5.15.14-7.25.93c-1.62.61-3.14%201.18-4.79%201.08c-.38-.02-.77.29-.8.7s.29.77.7.8c.17.01.33.02.49.02c1.77%200%203.37-.61%204.92-1.19c2.31-.87%204.49-1.7%207.2-.61c.06.02.12.02.18.03c.03%200%20.07.02.1.02c.09%200%20.18-.02.26-.05h.03a.75.75%200%200%200%20.29-.24c.04-.05.08-.1.11-.17c.02-.05.02-.1.03-.15c0-.04.03-.08.03-.13z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.99%2014.37V4.92c0-.08-.02-.15-.05-.23c0-.02%200-.04-.01-.06c-.02-.05-.05-.08-.08-.12s-.05-.08-.08-.11c-.01-.01-.04-.02-.05-.03a.8.8%200%200%200-.19-.13c-3.23-1.29-5.73-.34-8.15.59c-2.2.84-4.28%201.62-6.88.65V3.75c0-.41-.34-.75-.75-.75S3%203.34%203%203.75v16.56c0%20.41.34.75.75.75s.75-.34.75-.75V7.06c.85.26%201.65.37%202.41.37c1.82%200%203.43-.61%205-1.21c2.11-.81%204.12-1.55%206.58-.75v7.89c-2.79-.74-5.15.14-7.25.93c-1.62.61-3.14%201.18-4.79%201.08c-.38-.02-.77.29-.8.7s.29.77.7.8c.17.01.33.02.49.02c1.77%200%203.37-.61%204.92-1.19c2.31-.87%204.49-1.7%207.2-.61c.06.02.12.02.18.03c.03%200%20.07.02.1.02c.09%200%20.18-.02.26-.05h.03a.75.75%200%200%200%20.29-.24c.04-.05.08-.1.11-.17c.02-.05.02-.1.03-.15c0-.04.03-.08.03-.13z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/flag-24.svg?color=%231a73e8&size=48
