flag icon

flag-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.

Name
flag-16
Set
Octicons
Style
16
Viewbox
16×16
License
MIT

1 other variant in Octicons

flag-24

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 16 16"><path fill="currentColor" d="M15 10.21V2.22c0-.08-.02-.15-.05-.23c0-.02 0-.04-.01-.06c-.02-.05-.06-.09-.09-.13s-.04-.08-.07-.11c-.02-.02-.04-.02-.06-.04a.8.8 0 0 0-.19-.12c-2.78-1.11-4.86-.25-6.69.5c-1.73.72-3.24 1.33-5.34.57v-.63c0-.41-.34-.75-.75-.75S1 1.56 1 1.97v12.5c0 .41.34.75.75.75s.75-.34.75-.75V4.18c.66.19 1.28.27 1.87.27c1.54 0 2.85-.54 4.05-1.04c1.66-.69 3.12-1.27 5.09-.65v6.43c-2.28-.56-4.06.17-5.66.84c-1.25.52-2.41 1-3.79.92c-.38-.03-.77.29-.8.7s.29.77.7.8c.14 0 .29.01.42.01c1.52 0 2.8-.53 4.04-1.04c1.79-.74 3.34-1.38 5.56-.5c.06.02.12.03.19.03c.03 0 .06.02.09.02c.23 0 .45-.12.59-.31c.04-.05.08-.09.1-.15c.02-.05.02-.1.03-.15c0-.04.03-.08.03-.13z"/></svg>

React

import type { SVGProps } from "react";

export function OcticonFlag16(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15 10.21V2.22c0-.08-.02-.15-.05-.23c0-.02 0-.04-.01-.06c-.02-.05-.06-.09-.09-.13s-.04-.08-.07-.11c-.02-.02-.04-.02-.06-.04a.8.8 0 0 0-.19-.12c-2.78-1.11-4.86-.25-6.69.5c-1.73.72-3.24 1.33-5.34.57v-.63c0-.41-.34-.75-.75-.75S1 1.56 1 1.97v12.5c0 .41.34.75.75.75s.75-.34.75-.75V4.18c.66.19 1.28.27 1.87.27c1.54 0 2.85-.54 4.05-1.04c1.66-.69 3.12-1.27 5.09-.65v6.43c-2.28-.56-4.06.17-5.66.84c-1.25.52-2.41 1-3.79.92c-.38-.03-.77.29-.8.7s.29.77.7.8c.14 0 .29.01.42.01c1.52 0 2.8-.53 4.04-1.04c1.79-.74 3.34-1.38 5.56-.5c.06.02.12.03.19.03c.03 0 .06.02.09.02c.23 0 .45-.12.59-.31c.04-.05.08-.09.1-.15c.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 16 16"><path fill="currentColor" d="M15 10.21V2.22c0-.08-.02-.15-.05-.23c0-.02 0-.04-.01-.06c-.02-.05-.06-.09-.09-.13s-.04-.08-.07-.11c-.02-.02-.04-.02-.06-.04a.8.8 0 0 0-.19-.12c-2.78-1.11-4.86-.25-6.69.5c-1.73.72-3.24 1.33-5.34.57v-.63c0-.41-.34-.75-.75-.75S1 1.56 1 1.97v12.5c0 .41.34.75.75.75s.75-.34.75-.75V4.18c.66.19 1.28.27 1.87.27c1.54 0 2.85-.54 4.05-1.04c1.66-.69 3.12-1.27 5.09-.65v6.43c-2.28-.56-4.06.17-5.66.84c-1.25.52-2.41 1-3.79.92c-.38-.03-.77.29-.8.7s.29.77.7.8c.14 0 .29.01.42.01c1.52 0 2.8-.53 4.04-1.04c1.79-.74 3.34-1.38 5.56-.5c.06.02.12.03.19.03c.03 0 .06.02.09.02c.23 0 .45-.12.59-.31c.04-.05.08-.09.1-.15c.02-.05.02-.1.03-.15c0-.04.03-.08.03-.13z"/></svg>
</template>

CSS

.icon-flag-16 {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%2010.21V2.22c0-.08-.02-.15-.05-.23c0-.02%200-.04-.01-.06c-.02-.05-.06-.09-.09-.13s-.04-.08-.07-.11c-.02-.02-.04-.02-.06-.04a.8.8%200%200%200-.19-.12c-2.78-1.11-4.86-.25-6.69.5c-1.73.72-3.24%201.33-5.34.57v-.63c0-.41-.34-.75-.75-.75S1%201.56%201%201.97v12.5c0%20.41.34.75.75.75s.75-.34.75-.75V4.18c.66.19%201.28.27%201.87.27c1.54%200%202.85-.54%204.05-1.04c1.66-.69%203.12-1.27%205.09-.65v6.43c-2.28-.56-4.06.17-5.66.84c-1.25.52-2.41%201-3.79.92c-.38-.03-.77.29-.8.7s.29.77.7.8c.14%200%20.29.01.42.01c1.52%200%202.8-.53%204.04-1.04c1.79-.74%203.34-1.38%205.56-.5c.06.02.12.03.19.03c.03%200%20.06.02.09.02c.23%200%20.45-.12.59-.31c.04-.05.08-.09.1-.15c.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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15%2010.21V2.22c0-.08-.02-.15-.05-.23c0-.02%200-.04-.01-.06c-.02-.05-.06-.09-.09-.13s-.04-.08-.07-.11c-.02-.02-.04-.02-.06-.04a.8.8%200%200%200-.19-.12c-2.78-1.11-4.86-.25-6.69.5c-1.73.72-3.24%201.33-5.34.57v-.63c0-.41-.34-.75-.75-.75S1%201.56%201%201.97v12.5c0%20.41.34.75.75.75s.75-.34.75-.75V4.18c.66.19%201.28.27%201.87.27c1.54%200%202.85-.54%204.05-1.04c1.66-.69%203.12-1.27%205.09-.65v6.43c-2.28-.56-4.06.17-5.66.84c-1.25.52-2.41%201-3.79.92c-.38-.03-.77.29-.8.7s.29.77.7.8c.14%200%20.29.01.42.01c1.52%200%202.8-.53%204.04-1.04c1.79-.74%203.34-1.38%205.56-.5c.06.02.12.03.19.03c.03%200%20.06.02.09.02c.23%200%20.45-.12.59-.31c.04-.05.08-.09.1-.15c.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-16.svg?color=%231a73e8&size=48