flag icon
flag-bold-duotone from Solar by 480 Design · Bold Duotone · UI · CC-BY-4.0 Attribution required.
- Name
- flag-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- 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"><g fill="currentColor"><path fill-rule="evenodd" d="M6.5 1.75C6.5 1.33579 6.16421 1 5.75 1C5.33579 1 5 1.33579 5 1.75V21.75C5 22.1642 5.33579 22.5 5.75 22.5C6.16421 22.5 6.5 22.1642 6.5 21.75V13.6V3.6V1.75Z" clip-rule="evenodd" opacity=".5"/><path d="M13.3486 3.78947L13.1449 3.70801C11.5821 3.08288 9.8712 2.9258 8.22067 3.25591L6.5 3.60004V13.6L8.22067 13.2559C9.8712 12.9258 11.5821 13.0829 13.1449 13.708C14.8385 14.3854 16.7024 14.5119 18.472 14.0695L18.6864 14.0159C19.3115 13.8597 19.75 13.298 19.75 12.6538V5.28673C19.75 4.50617 19.0165 3.93343 18.2592 4.12274C16.628 4.53055 14.9097 4.41393 13.3486 3.78947Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFlagBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M6.5 1.75C6.5 1.33579 6.16421 1 5.75 1C5.33579 1 5 1.33579 5 1.75V21.75C5 22.1642 5.33579 22.5 5.75 22.5C6.16421 22.5 6.5 22.1642 6.5 21.75V13.6V3.6V1.75Z" clipRule="evenodd" opacity=".5"/><path d="M13.3486 3.78947L13.1449 3.70801C11.5821 3.08288 9.8712 2.9258 8.22067 3.25591L6.5 3.60004V13.6L8.22067 13.2559C9.8712 12.9258 11.5821 13.0829 13.1449 13.708C14.8385 14.3854 16.7024 14.5119 18.472 14.0695L18.6864 14.0159C19.3115 13.8597 19.75 13.298 19.75 12.6538V5.28673C19.75 4.50617 19.0165 3.93343 18.2592 4.12274C16.628 4.53055 14.9097 4.41393 13.3486 3.78947Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M6.5 1.75C6.5 1.33579 6.16421 1 5.75 1C5.33579 1 5 1.33579 5 1.75V21.75C5 22.1642 5.33579 22.5 5.75 22.5C6.16421 22.5 6.5 22.1642 6.5 21.75V13.6V3.6V1.75Z" clip-rule="evenodd" opacity=".5"/><path d="M13.3486 3.78947L13.1449 3.70801C11.5821 3.08288 9.8712 2.9258 8.22067 3.25591L6.5 3.60004V13.6L8.22067 13.2559C9.8712 12.9258 11.5821 13.0829 13.1449 13.708C14.8385 14.3854 16.7024 14.5119 18.472 14.0695L18.6864 14.0159C19.3115 13.8597 19.75 13.298 19.75 12.6538V5.28673C19.75 4.50617 19.0165 3.93343 18.2592 4.12274C16.628 4.53055 14.9097 4.41393 13.3486 3.78947Z"/></g></svg> </template>
CSS
.icon-flag-bold-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.5%201.75C6.5%201.33579%206.16421%201%205.75%201C5.33579%201%205%201.33579%205%201.75V21.75C5%2022.1642%205.33579%2022.5%205.75%2022.5C6.16421%2022.5%206.5%2022.1642%206.5%2021.75V13.6V3.6V1.75Z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M13.3486%203.78947L13.1449%203.70801C11.5821%203.08288%209.8712%202.9258%208.22067%203.25591L6.5%203.60004V13.6L8.22067%2013.2559C9.8712%2012.9258%2011.5821%2013.0829%2013.1449%2013.708C14.8385%2014.3854%2016.7024%2014.5119%2018.472%2014.0695L18.6864%2014.0159C19.3115%2013.8597%2019.75%2013.298%2019.75%2012.6538V5.28673C19.75%204.50617%2019.0165%203.93343%2018.2592%204.12274C16.628%204.53055%2014.9097%204.41393%2013.3486%203.78947Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.5%201.75C6.5%201.33579%206.16421%201%205.75%201C5.33579%201%205%201.33579%205%201.75V21.75C5%2022.1642%205.33579%2022.5%205.75%2022.5C6.16421%2022.5%206.5%2022.1642%206.5%2021.75V13.6V3.6V1.75Z%22%20clip-rule%3D%22evenodd%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M13.3486%203.78947L13.1449%203.70801C11.5821%203.08288%209.8712%202.9258%208.22067%203.25591L6.5%203.60004V13.6L8.22067%2013.2559C9.8712%2012.9258%2011.5821%2013.0829%2013.1449%2013.708C14.8385%2014.3854%2016.7024%2014.5119%2018.472%2014.0695L18.6864%2014.0159C19.3115%2013.8597%2019.75%2013.298%2019.75%2012.6538V5.28673C19.75%204.50617%2019.0165%203.93343%2018.2592%204.12274C16.628%204.53055%2014.9097%204.41393%2013.3486%203.78947Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/flag-bold-duotone.svg?color=%231a73e8&size=48
