flag 2 icon
flag-2-line-duotone from Solar by 480 Design · Line Duotone · UI · CC-BY-4.0 Attribution required.
- Name
- flag-2-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
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 2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M5 22V14V4V2"/><path d="M5 14L7.47067 13.5059C9.1212 13.1758 10.8321 13.3329 12.3949 13.958C14.0885 14.6354 15.9524 14.7619 17.722 14.3195L17.8221 14.2945C18.4082 14.148 18.6861 13.4769 18.3753 12.9589L16.8147 10.3578C16.4732 9.78867 16.3024 9.50409 16.2619 9.19455C16.2451 9.06543 16.2451 8.93466 16.2619 8.80553C16.3024 8.49599 16.4732 8.21141 16.8147 7.64225L18.0932 5.51136C18.4278 4.95364 17.9211 4.26976 17.2901 4.42751C15.8013 4.79971 14.2331 4.69328 12.8082 4.12333L12.3949 3.95801C10.8321 3.33288 9.1212 3.1758 7.47067 3.50591L5 4.00004" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFlag2LineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M5 22V14V4V2"/><path d="M5 14L7.47067 13.5059C9.1212 13.1758 10.8321 13.3329 12.3949 13.958C14.0885 14.6354 15.9524 14.7619 17.722 14.3195L17.8221 14.2945C18.4082 14.148 18.6861 13.4769 18.3753 12.9589L16.8147 10.3578C16.4732 9.78867 16.3024 9.50409 16.2619 9.19455C16.2451 9.06543 16.2451 8.93466 16.2619 8.80553C16.3024 8.49599 16.4732 8.21141 16.8147 7.64225L18.0932 5.51136C18.4278 4.95364 17.9211 4.26976 17.2901 4.42751C15.8013 4.79971 14.2331 4.69328 12.8082 4.12333L12.3949 3.95801C10.8321 3.33288 9.1212 3.1758 7.47067 3.50591L5 4.00004" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M5 22V14V4V2"/><path d="M5 14L7.47067 13.5059C9.1212 13.1758 10.8321 13.3329 12.3949 13.958C14.0885 14.6354 15.9524 14.7619 17.722 14.3195L17.8221 14.2945C18.4082 14.148 18.6861 13.4769 18.3753 12.9589L16.8147 10.3578C16.4732 9.78867 16.3024 9.50409 16.2619 9.19455C16.2451 9.06543 16.2451 8.93466 16.2619 8.80553C16.3024 8.49599 16.4732 8.21141 16.8147 7.64225L18.0932 5.51136C18.4278 4.95364 17.9211 4.26976 17.2901 4.42751C15.8013 4.79971 14.2331 4.69328 12.8082 4.12333L12.3949 3.95801C10.8321 3.33288 9.1212 3.1758 7.47067 3.50591L5 4.00004" opacity=".5"/></g></svg> </template>
CSS
.icon-flag-2-line-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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M5%2022V14V4V2%22%2F%3E%3Cpath%20d%3D%22M5%2014L7.47067%2013.5059C9.1212%2013.1758%2010.8321%2013.3329%2012.3949%2013.958C14.0885%2014.6354%2015.9524%2014.7619%2017.722%2014.3195L17.8221%2014.2945C18.4082%2014.148%2018.6861%2013.4769%2018.3753%2012.9589L16.8147%2010.3578C16.4732%209.78867%2016.3024%209.50409%2016.2619%209.19455C16.2451%209.06543%2016.2451%208.93466%2016.2619%208.80553C16.3024%208.49599%2016.4732%208.21141%2016.8147%207.64225L18.0932%205.51136C18.4278%204.95364%2017.9211%204.26976%2017.2901%204.42751C15.8013%204.79971%2014.2331%204.69328%2012.8082%204.12333L12.3949%203.95801C10.8321%203.33288%209.1212%203.1758%207.47067%203.50591L5%204.00004%22%20opacity%3D%22.5%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M5%2022V14V4V2%22%2F%3E%3Cpath%20d%3D%22M5%2014L7.47067%2013.5059C9.1212%2013.1758%2010.8321%2013.3329%2012.3949%2013.958C14.0885%2014.6354%2015.9524%2014.7619%2017.722%2014.3195L17.8221%2014.2945C18.4082%2014.148%2018.6861%2013.4769%2018.3753%2012.9589L16.8147%2010.3578C16.4732%209.78867%2016.3024%209.50409%2016.2619%209.19455C16.2451%209.06543%2016.2451%208.93466%2016.2619%208.80553C16.3024%208.49599%2016.4732%208.21141%2016.8147%207.64225L18.0932%205.51136C18.4278%204.95364%2017.9211%204.26976%2017.2901%204.42751C15.8013%204.79971%2014.2331%204.69328%2012.8082%204.12333L12.3949%203.95801C10.8321%203.33288%209.1212%203.1758%207.47067%203.50591L5%204.00004%22%20opacity%3D%22.5%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-2-line-duotone.svg?color=%231a73e8&size=48
