flag check icon
flag-check-rounded from Material Symbols Light by Google · Rounded · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- flag-check-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More maps icons from Material Symbols Light
Use the flag check icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.143 20.357Q6 20.214 6 20V5.808q0-.348.23-.578T6.808 5h3.375q.31 0 .536.235t.235.563q-.006.052-.009.101T10.942 6q.166 2.548 2.011 4.238q1.845 1.689 4.355 1.689q.225 0 .45-.012t.444-.057q.315-.05.557.148q.241.198.241.508v1.678q0 .349-.23.578t-.578.23H14.48q-.292 0-.52-.177q-.226-.177-.282-.47L13.407 13H7v7q0 .214-.143.357T6.5 20.5t-.357-.143m14-17.65q1.165 1.164 1.165 2.835t-1.165 2.836t-2.835 1.164t-2.836-1.164t-1.164-2.836q0-1.67 1.164-2.835q1.165-1.165 2.836-1.165t2.835 1.165m-3.541 3.595l-.988-.988q-.13-.13-.305-.136q-.174-.007-.322.141t-.149.314q0 .165.149.313l1.05 1.05q.242.243.565.243t.565-.243l2.462-2.455q.129-.13.138-.307q.01-.178-.138-.326t-.314-.145t-.313.145z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightFlagCheckRounded(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="M6.143 20.357Q6 20.214 6 20V5.808q0-.348.23-.578T6.808 5h3.375q.31 0 .536.235t.235.563q-.006.052-.009.101T10.942 6q.166 2.548 2.011 4.238q1.845 1.689 4.355 1.689q.225 0 .45-.012t.444-.057q.315-.05.557.148q.241.198.241.508v1.678q0 .349-.23.578t-.578.23H14.48q-.292 0-.52-.177q-.226-.177-.282-.47L13.407 13H7v7q0 .214-.143.357T6.5 20.5t-.357-.143m14-17.65q1.165 1.164 1.165 2.835t-1.165 2.836t-2.835 1.164t-2.836-1.164t-1.164-2.836q0-1.67 1.164-2.835q1.165-1.165 2.836-1.165t2.835 1.165m-3.541 3.595l-.988-.988q-.13-.13-.305-.136q-.174-.007-.322.141t-.149.314q0 .165.149.313l1.05 1.05q.242.243.565.243t.565-.243l2.462-2.455q.129-.13.138-.307q.01-.178-.138-.326t-.314-.145t-.313.145z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.143 20.357Q6 20.214 6 20V5.808q0-.348.23-.578T6.808 5h3.375q.31 0 .536.235t.235.563q-.006.052-.009.101T10.942 6q.166 2.548 2.011 4.238q1.845 1.689 4.355 1.689q.225 0 .45-.012t.444-.057q.315-.05.557.148q.241.198.241.508v1.678q0 .349-.23.578t-.578.23H14.48q-.292 0-.52-.177q-.226-.177-.282-.47L13.407 13H7v7q0 .214-.143.357T6.5 20.5t-.357-.143m14-17.65q1.165 1.164 1.165 2.835t-1.165 2.836t-2.835 1.164t-2.836-1.164t-1.164-2.836q0-1.67 1.164-2.835q1.165-1.165 2.836-1.165t2.835 1.165m-3.541 3.595l-.988-.988q-.13-.13-.305-.136q-.174-.007-.322.141t-.149.314q0 .165.149.313l1.05 1.05q.242.243.565.243t.565-.243l2.462-2.455q.129-.13.138-.307q.01-.178-.138-.326t-.314-.145t-.313.145z"/></svg> </template>
CSS
.icon-flag-check-rounded {
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%22M6.143%2020.357Q6%2020.214%206%2020V5.808q0-.348.23-.578T6.808%205h3.375q.31%200%20.536.235t.235.563q-.006.052-.009.101T10.942%206q.166%202.548%202.011%204.238q1.845%201.689%204.355%201.689q.225%200%20.45-.012t.444-.057q.315-.05.557.148q.241.198.241.508v1.678q0%20.349-.23.578t-.578.23H14.48q-.292%200-.52-.177q-.226-.177-.282-.47L13.407%2013H7v7q0%20.214-.143.357T6.5%2020.5t-.357-.143m14-17.65q1.165%201.164%201.165%202.835t-1.165%202.836t-2.835%201.164t-2.836-1.164t-1.164-2.836q0-1.67%201.164-2.835q1.165-1.165%202.836-1.165t2.835%201.165m-3.541%203.595l-.988-.988q-.13-.13-.305-.136q-.174-.007-.322.141t-.149.314q0%20.165.149.313l1.05%201.05q.242.243.565.243t.565-.243l2.462-2.455q.129-.13.138-.307q.01-.178-.138-.326t-.314-.145t-.313.145z%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%22M6.143%2020.357Q6%2020.214%206%2020V5.808q0-.348.23-.578T6.808%205h3.375q.31%200%20.536.235t.235.563q-.006.052-.009.101T10.942%206q.166%202.548%202.011%204.238q1.845%201.689%204.355%201.689q.225%200%20.45-.012t.444-.057q.315-.05.557.148q.241.198.241.508v1.678q0%20.349-.23.578t-.578.23H14.48q-.292%200-.52-.177q-.226-.177-.282-.47L13.407%2013H7v7q0%20.214-.143.357T6.5%2020.5t-.357-.143m14-17.65q1.165%201.164%201.165%202.835t-1.165%202.836t-2.835%201.164t-2.836-1.164t-1.164-2.836q0-1.67%201.164-2.835q1.165-1.165%202.836-1.165t2.835%201.165m-3.541%203.595l-.988-.988q-.13-.13-.305-.136q-.174-.007-.322.141t-.149.314q0%20.165.149.313l1.05%201.05q.242.243.565.243t.565-.243l2.462-2.455q.129-.13.138-.307q.01-.178-.138-.326t-.314-.145t-.313.145z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/flag-check-rounded.svg?color=%231a73e8&size=48
