flag icon
flag-linear from Solar by 480 Design · Linear · UI · CC-BY-4.0 Attribution required.
- Name
- flag-linear
- Set
- Solar
- Style
- Linear
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the flag icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M5 22V14M5 14V4M5 14L7.47067 13.5059C9.1212 13.1758 10.8321 13.3328 12.3949 13.958C14.0885 14.6354 15.9524 14.7619 17.722 14.3195L17.9364 14.2659C18.5615 14.1096 19 13.548 19 12.9037V5.53669C19 4.75613 18.2665 4.18339 17.5092 4.3727C15.878 4.78051 14.1597 4.66389 12.5986 4.03943L12.3949 3.95797C10.8321 3.33284 9.1212 3.17576 7.47067 3.50587L5 4M5 4V2"/></svg>
React
import type { SVGProps } from "react";
export function SolarFlagLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M5 22V14M5 14V4M5 14L7.47067 13.5059C9.1212 13.1758 10.8321 13.3328 12.3949 13.958C14.0885 14.6354 15.9524 14.7619 17.722 14.3195L17.9364 14.2659C18.5615 14.1096 19 13.548 19 12.9037V5.53669C19 4.75613 18.2665 4.18339 17.5092 4.3727C15.878 4.78051 14.1597 4.66389 12.5986 4.03943L12.3949 3.95797C10.8321 3.33284 9.1212 3.17576 7.47067 3.50587L5 4M5 4V2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M5 22V14M5 14V4M5 14L7.47067 13.5059C9.1212 13.1758 10.8321 13.3328 12.3949 13.958C14.0885 14.6354 15.9524 14.7619 17.722 14.3195L17.9364 14.2659C18.5615 14.1096 19 13.548 19 12.9037V5.53669C19 4.75613 18.2665 4.18339 17.5092 4.3727C15.878 4.78051 14.1597 4.66389 12.5986 4.03943L12.3949 3.95797C10.8321 3.33284 9.1212 3.17576 7.47067 3.50587L5 4M5 4V2"/></svg> </template>
CSS
.icon-flag-linear {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5%2022V14M5%2014V4M5%2014L7.47067%2013.5059C9.1212%2013.1758%2010.8321%2013.3328%2012.3949%2013.958C14.0885%2014.6354%2015.9524%2014.7619%2017.722%2014.3195L17.9364%2014.2659C18.5615%2014.1096%2019%2013.548%2019%2012.9037V5.53669C19%204.75613%2018.2665%204.18339%2017.5092%204.3727C15.878%204.78051%2014.1597%204.66389%2012.5986%204.03943L12.3949%203.95797C10.8321%203.33284%209.1212%203.17576%207.47067%203.50587L5%204M5%204V2%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5%2022V14M5%2014V4M5%2014L7.47067%2013.5059C9.1212%2013.1758%2010.8321%2013.3328%2012.3949%2013.958C14.0885%2014.6354%2015.9524%2014.7619%2017.722%2014.3195L17.9364%2014.2659C18.5615%2014.1096%2019%2013.548%2019%2012.9037V5.53669C19%204.75613%2018.2665%204.18339%2017.5092%204.3727C15.878%204.78051%2014.1597%204.66389%2012.5986%204.03943L12.3949%203.95797C10.8321%203.33284%209.1212%203.17576%207.47067%203.50587L5%204M5%204V2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/flag-linear.svg?color=%231a73e8&size=48
