flag banner fold icon
flag-banner-fold-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- flag-banner-fold-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the flag banner fold icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M237 44.75a6 6 0 0 0-5-2.75h-80a6 6 0 0 0-5.46 3.52L137.23 66H28a6 6 0 0 0-4.44 10l36.33 40l-36.33 40A6 6 0 0 0 28 166h73.09a6 6 0 0 0 5.46-3.52l9.31-20.48h66.82l-36.14 79.52a6 6 0 0 0 3 7.94a5.9 5.9 0 0 0 2.46.54a6 6 0 0 0 5.46-3.52l80-176a6 6 0 0 0-.46-5.73M97.23 154H41.56l30.88-34a6 6 0 0 0 0-8.08L41.56 78h90.21Zm90.91-24h-66.82l34.54-76h66.82Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFlagBannerFoldLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M237 44.75a6 6 0 0 0-5-2.75h-80a6 6 0 0 0-5.46 3.52L137.23 66H28a6 6 0 0 0-4.44 10l36.33 40l-36.33 40A6 6 0 0 0 28 166h73.09a6 6 0 0 0 5.46-3.52l9.31-20.48h66.82l-36.14 79.52a6 6 0 0 0 3 7.94a5.9 5.9 0 0 0 2.46.54a6 6 0 0 0 5.46-3.52l80-176a6 6 0 0 0-.46-5.73M97.23 154H41.56l30.88-34a6 6 0 0 0 0-8.08L41.56 78h90.21Zm90.91-24h-66.82l34.54-76h66.82Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M237 44.75a6 6 0 0 0-5-2.75h-80a6 6 0 0 0-5.46 3.52L137.23 66H28a6 6 0 0 0-4.44 10l36.33 40l-36.33 40A6 6 0 0 0 28 166h73.09a6 6 0 0 0 5.46-3.52l9.31-20.48h66.82l-36.14 79.52a6 6 0 0 0 3 7.94a5.9 5.9 0 0 0 2.46.54a6 6 0 0 0 5.46-3.52l80-176a6 6 0 0 0-.46-5.73M97.23 154H41.56l30.88-34a6 6 0 0 0 0-8.08L41.56 78h90.21Zm90.91-24h-66.82l34.54-76h66.82Z"/></svg> </template>
CSS
.icon-flag-banner-fold-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M237%2044.75a6%206%200%200%200-5-2.75h-80a6%206%200%200%200-5.46%203.52L137.23%2066H28a6%206%200%200%200-4.44%2010l36.33%2040l-36.33%2040A6%206%200%200%200%2028%20166h73.09a6%206%200%200%200%205.46-3.52l9.31-20.48h66.82l-36.14%2079.52a6%206%200%200%200%203%207.94a5.9%205.9%200%200%200%202.46.54a6%206%200%200%200%205.46-3.52l80-176a6%206%200%200%200-.46-5.73M97.23%20154H41.56l30.88-34a6%206%200%200%200%200-8.08L41.56%2078h90.21Zm90.91-24h-66.82l34.54-76h66.82Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M237%2044.75a6%206%200%200%200-5-2.75h-80a6%206%200%200%200-5.46%203.52L137.23%2066H28a6%206%200%200%200-4.44%2010l36.33%2040l-36.33%2040A6%206%200%200%200%2028%20166h73.09a6%206%200%200%200%205.46-3.52l9.31-20.48h66.82l-36.14%2079.52a6%206%200%200%200%203%207.94a5.9%205.9%200%200%200%202.46.54a6%206%200%200%200%205.46-3.52l80-176a6%206%200%200%200-.46-5.73M97.23%20154H41.56l30.88-34a6%206%200%200%200%200-8.08L41.56%2078h90.21Zm90.91-24h-66.82l34.54-76h66.82Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/flag-banner-fold-light.svg?color=%231a73e8&size=48
