flag icon
flag-bold from Solar by 480 Design · Bold · UI · CC-BY-4.0 Attribution required.
- Name
- flag-bold
- Set
- Solar
- Style
- Bold
- 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="currentColor" d="M5.75 1C6.16421 1 6.5 1.33579 6.5 1.75V3.6L8.22067 3.25587C9.8712 2.92576 11.5821 3.08284 13.1449 3.70797L13.3486 3.78943C14.9097 4.41389 16.628 4.53051 18.2592 4.1227C19.0165 3.93339 19.75 4.50613 19.75 5.28669V12.6537C19.75 13.298 19.3115 13.8596 18.6864 14.0159L18.472 14.0695C16.7024 14.5119 14.8385 14.3854 13.1449 13.708C11.5821 13.0828 9.8712 12.9258 8.22067 13.2559L6.5 13.6V21.75C6.5 22.1642 6.16421 22.5 5.75 22.5C5.33579 22.5 5 22.1642 5 21.75V1.75C5 1.33579 5.33579 1 5.75 1Z"/></svg>
React
import type { SVGProps } from "react";
export function SolarFlagBold(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="M5.75 1C6.16421 1 6.5 1.33579 6.5 1.75V3.6L8.22067 3.25587C9.8712 2.92576 11.5821 3.08284 13.1449 3.70797L13.3486 3.78943C14.9097 4.41389 16.628 4.53051 18.2592 4.1227C19.0165 3.93339 19.75 4.50613 19.75 5.28669V12.6537C19.75 13.298 19.3115 13.8596 18.6864 14.0159L18.472 14.0695C16.7024 14.5119 14.8385 14.3854 13.1449 13.708C11.5821 13.0828 9.8712 12.9258 8.22067 13.2559L6.5 13.6V21.75C6.5 22.1642 6.16421 22.5 5.75 22.5C5.33579 22.5 5 22.1642 5 21.75V1.75C5 1.33579 5.33579 1 5.75 1Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.75 1C6.16421 1 6.5 1.33579 6.5 1.75V3.6L8.22067 3.25587C9.8712 2.92576 11.5821 3.08284 13.1449 3.70797L13.3486 3.78943C14.9097 4.41389 16.628 4.53051 18.2592 4.1227C19.0165 3.93339 19.75 4.50613 19.75 5.28669V12.6537C19.75 13.298 19.3115 13.8596 18.6864 14.0159L18.472 14.0695C16.7024 14.5119 14.8385 14.3854 13.1449 13.708C11.5821 13.0828 9.8712 12.9258 8.22067 13.2559L6.5 13.6V21.75C6.5 22.1642 6.16421 22.5 5.75 22.5C5.33579 22.5 5 22.1642 5 21.75V1.75C5 1.33579 5.33579 1 5.75 1Z"/></svg> </template>
CSS
.icon-flag-bold {
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%22M5.75%201C6.16421%201%206.5%201.33579%206.5%201.75V3.6L8.22067%203.25587C9.8712%202.92576%2011.5821%203.08284%2013.1449%203.70797L13.3486%203.78943C14.9097%204.41389%2016.628%204.53051%2018.2592%204.1227C19.0165%203.93339%2019.75%204.50613%2019.75%205.28669V12.6537C19.75%2013.298%2019.3115%2013.8596%2018.6864%2014.0159L18.472%2014.0695C16.7024%2014.5119%2014.8385%2014.3854%2013.1449%2013.708C11.5821%2013.0828%209.8712%2012.9258%208.22067%2013.2559L6.5%2013.6V21.75C6.5%2022.1642%206.16421%2022.5%205.75%2022.5C5.33579%2022.5%205%2022.1642%205%2021.75V1.75C5%201.33579%205.33579%201%205.75%201Z%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%22M5.75%201C6.16421%201%206.5%201.33579%206.5%201.75V3.6L8.22067%203.25587C9.8712%202.92576%2011.5821%203.08284%2013.1449%203.70797L13.3486%203.78943C14.9097%204.41389%2016.628%204.53051%2018.2592%204.1227C19.0165%203.93339%2019.75%204.50613%2019.75%205.28669V12.6537C19.75%2013.298%2019.3115%2013.8596%2018.6864%2014.0159L18.472%2014.0695C16.7024%2014.5119%2014.8385%2014.3854%2013.1449%2013.708C11.5821%2013.0828%209.8712%2012.9258%208.22067%2013.2559L6.5%2013.6V21.75C6.5%2022.1642%206.16421%2022.5%205.75%2022.5C5.33579%2022.5%205%2022.1642%205%2021.75V1.75C5%201.33579%205.33579%201%205.75%201Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/flag-bold.svg?color=%231a73e8&size=48
