us wa logo
us-wa from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.
- Name
- us-wa
- Set
- Circle Flags
- Style
- Circle
- Viewbox
- 512×512
- License
- MIT
Related icons in Circle Flags
Use the us wa logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs2"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs2)"><path fill="#6da544" d="M0 0h512v512H0z"/><circle cx="256" cy="256" r="156" fill="#333"/><circle cx="256" cy="256" r="144" fill="#ffda44"/><path fill="#338af3" d="M256 144a112 112 0 0 0-112 112a112 112 0 0 0 45 89h134a112 112 0 0 0 45-89a112 112 0 0 0-112-112"/><path fill="#ffd6bb" d="M256 189a46 46 0 0 0-47 46v23c0 25 21 52 47 52s47-27 47-52v-23c0-26-21-46-47-46"/><path fill="#eee" d="M321 243a13 13 0 0 0-10-18a13 13 0 0 0-11-18a47 47 0 0 0-87 0a13 13 0 0 0-12 18a13 13 0 0 0-9 18a13 13 0 0 0 1 25c0 5 4 9 9 10v1a12 12 0 0 0 18 10a58 58 0 0 1-3-5v-50c0-21 18-34 39-34c22 0 40 13 40 34v50l-4 5a12 12 0 0 0 19-11c4-1 8-5 9-10a13 13 0 0 0 1-25"/><path fill="#acabb1" d="M274 193a3 3 0 0 0-3 3v6l6 3v-9a3 3 0 0 0-3-3m-18-2a3 3 0 0 0-3 3v6a52 52 0 0 1 6 0v-6a3 3 0 0 0-3-3m-18 2a3 3 0 0 0-3 3v9a41 41 0 0 1 6-3v-6a3 3 0 0 0-3-3"/><rect width="34" height="6" x="239" y="281" fill="#333" rx="3" ry="3"/><rect width="6" height="12" x="231" y="250" fill="#333" rx="3" ry="3"/><rect width="6" height="12" x="275" y="250" fill="#333" rx="3" ry="3"/><path fill="none" d="M225 245s3-3 9-3s8 3 8 3m28 0s3-3 9-3s8 3 8 3"/><path fill="#eee" d="M239 303c-3 0-6 3-6 6v2h-2c-3 0-6 3-6 6v47a112 112 0 0 0 31 4a112 112 0 0 0 31-4v-47c0-3-3-6-6-6h-2v-2c0-3-3-6-6-6z"/><path fill="#333" d="m225 318l-30 9c-3 0-6 3-6 6v12a112 112 0 0 0 52 22v-43c0-3-3-6-6-6zm52 0c-3 0-6 3-6 6v43a112 112 0 0 0 52-22v-12c0-3-3-6-6-6l-30-9z"/><path fill="none" d="M258 597h344v341H258z"/><path fill="#ff9811" d="m256 250l8 20h-16z"/></g></svg>
React
import type { SVGProps } from "react";
export function CircleFlagsUsWa(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs2"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs2)"><path fill="#6da544" d="M0 0h512v512H0z"/><circle cx="256" cy="256" r="156" fill="#333"/><circle cx="256" cy="256" r="144" fill="#ffda44"/><path fill="#338af3" d="M256 144a112 112 0 0 0-112 112a112 112 0 0 0 45 89h134a112 112 0 0 0 45-89a112 112 0 0 0-112-112"/><path fill="#ffd6bb" d="M256 189a46 46 0 0 0-47 46v23c0 25 21 52 47 52s47-27 47-52v-23c0-26-21-46-47-46"/><path fill="#eee" d="M321 243a13 13 0 0 0-10-18a13 13 0 0 0-11-18a47 47 0 0 0-87 0a13 13 0 0 0-12 18a13 13 0 0 0-9 18a13 13 0 0 0 1 25c0 5 4 9 9 10v1a12 12 0 0 0 18 10a58 58 0 0 1-3-5v-50c0-21 18-34 39-34c22 0 40 13 40 34v50l-4 5a12 12 0 0 0 19-11c4-1 8-5 9-10a13 13 0 0 0 1-25"/><path fill="#acabb1" d="M274 193a3 3 0 0 0-3 3v6l6 3v-9a3 3 0 0 0-3-3m-18-2a3 3 0 0 0-3 3v6a52 52 0 0 1 6 0v-6a3 3 0 0 0-3-3m-18 2a3 3 0 0 0-3 3v9a41 41 0 0 1 6-3v-6a3 3 0 0 0-3-3"/><rect width="34" height="6" x="239" y="281" fill="#333" rx="3" ry="3"/><rect width="6" height="12" x="231" y="250" fill="#333" rx="3" ry="3"/><rect width="6" height="12" x="275" y="250" fill="#333" rx="3" ry="3"/><path fill="none" d="M225 245s3-3 9-3s8 3 8 3m28 0s3-3 9-3s8 3 8 3"/><path fill="#eee" d="M239 303c-3 0-6 3-6 6v2h-2c-3 0-6 3-6 6v47a112 112 0 0 0 31 4a112 112 0 0 0 31-4v-47c0-3-3-6-6-6h-2v-2c0-3-3-6-6-6z"/><path fill="#333" d="m225 318l-30 9c-3 0-6 3-6 6v12a112 112 0 0 0 52 22v-43c0-3-3-6-6-6zm52 0c-3 0-6 3-6 6v43a112 112 0 0 0 52-22v-12c0-3-3-6-6-6l-30-9z"/><path fill="none" d="M258 597h344v341H258z"/><path fill="#ff9811" d="m256 250l8 20h-16z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs2"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs2)"><path fill="#6da544" d="M0 0h512v512H0z"/><circle cx="256" cy="256" r="156" fill="#333"/><circle cx="256" cy="256" r="144" fill="#ffda44"/><path fill="#338af3" d="M256 144a112 112 0 0 0-112 112a112 112 0 0 0 45 89h134a112 112 0 0 0 45-89a112 112 0 0 0-112-112"/><path fill="#ffd6bb" d="M256 189a46 46 0 0 0-47 46v23c0 25 21 52 47 52s47-27 47-52v-23c0-26-21-46-47-46"/><path fill="#eee" d="M321 243a13 13 0 0 0-10-18a13 13 0 0 0-11-18a47 47 0 0 0-87 0a13 13 0 0 0-12 18a13 13 0 0 0-9 18a13 13 0 0 0 1 25c0 5 4 9 9 10v1a12 12 0 0 0 18 10a58 58 0 0 1-3-5v-50c0-21 18-34 39-34c22 0 40 13 40 34v50l-4 5a12 12 0 0 0 19-11c4-1 8-5 9-10a13 13 0 0 0 1-25"/><path fill="#acabb1" d="M274 193a3 3 0 0 0-3 3v6l6 3v-9a3 3 0 0 0-3-3m-18-2a3 3 0 0 0-3 3v6a52 52 0 0 1 6 0v-6a3 3 0 0 0-3-3m-18 2a3 3 0 0 0-3 3v9a41 41 0 0 1 6-3v-6a3 3 0 0 0-3-3"/><rect width="34" height="6" x="239" y="281" fill="#333" rx="3" ry="3"/><rect width="6" height="12" x="231" y="250" fill="#333" rx="3" ry="3"/><rect width="6" height="12" x="275" y="250" fill="#333" rx="3" ry="3"/><path fill="none" d="M225 245s3-3 9-3s8 3 8 3m28 0s3-3 9-3s8 3 8 3"/><path fill="#eee" d="M239 303c-3 0-6 3-6 6v2h-2c-3 0-6 3-6 6v47a112 112 0 0 0 31 4a112 112 0 0 0 31-4v-47c0-3-3-6-6-6h-2v-2c0-3-3-6-6-6z"/><path fill="#333" d="m225 318l-30 9c-3 0-6 3-6 6v12a112 112 0 0 0 52 22v-43c0-3-3-6-6-6zm52 0c-3 0-6 3-6 6v43a112 112 0 0 0 52-22v-12c0-3-3-6-6-6l-30-9z"/><path fill="none" d="M258 597h344v341H258z"/><path fill="#ff9811" d="m256 250l8 20h-16z"/></g></svg> </template>
CSS
.icon-us-wa {
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%20512%20512%22%3E%3Cmask%20id%3D%22SVGqdEcMdXs2%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGqdEcMdXs2)%22%3E%3Cpath%20fill%3D%22%236da544%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22156%22%20fill%3D%22%23333%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22144%22%20fill%3D%22%23ffda44%22%2F%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M256%20144a112%20112%200%200%200-112%20112a112%20112%200%200%200%2045%2089h134a112%20112%200%200%200%2045-89a112%20112%200%200%200-112-112%22%2F%3E%3Cpath%20fill%3D%22%23ffd6bb%22%20d%3D%22M256%20189a46%2046%200%200%200-47%2046v23c0%2025%2021%2052%2047%2052s47-27%2047-52v-23c0-26-21-46-47-46%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M321%20243a13%2013%200%200%200-10-18a13%2013%200%200%200-11-18a47%2047%200%200%200-87%200a13%2013%200%200%200-12%2018a13%2013%200%200%200-9%2018a13%2013%200%200%200%201%2025c0%205%204%209%209%2010v1a12%2012%200%200%200%2018%2010a58%2058%200%200%201-3-5v-50c0-21%2018-34%2039-34c22%200%2040%2013%2040%2034v50l-4%205a12%2012%200%200%200%2019-11c4-1%208-5%209-10a13%2013%200%200%200%201-25%22%2F%3E%3Cpath%20fill%3D%22%23acabb1%22%20d%3D%22M274%20193a3%203%200%200%200-3%203v6l6%203v-9a3%203%200%200%200-3-3m-18-2a3%203%200%200%200-3%203v6a52%2052%200%200%201%206%200v-6a3%203%200%200%200-3-3m-18%202a3%203%200%200%200-3%203v9a41%2041%200%200%201%206-3v-6a3%203%200%200%200-3-3%22%2F%3E%3Crect%20width%3D%2234%22%20height%3D%226%22%20x%3D%22239%22%20y%3D%22281%22%20fill%3D%22%23333%22%20rx%3D%223%22%20ry%3D%223%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%2212%22%20x%3D%22231%22%20y%3D%22250%22%20fill%3D%22%23333%22%20rx%3D%223%22%20ry%3D%223%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%2212%22%20x%3D%22275%22%20y%3D%22250%22%20fill%3D%22%23333%22%20rx%3D%223%22%20ry%3D%223%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M225%20245s3-3%209-3s8%203%208%203m28%200s3-3%209-3s8%203%208%203%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M239%20303c-3%200-6%203-6%206v2h-2c-3%200-6%203-6%206v47a112%20112%200%200%200%2031%204a112%20112%200%200%200%2031-4v-47c0-3-3-6-6-6h-2v-2c0-3-3-6-6-6z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22m225%20318l-30%209c-3%200-6%203-6%206v12a112%20112%200%200%200%2052%2022v-43c0-3-3-6-6-6zm52%200c-3%200-6%203-6%206v43a112%20112%200%200%200%2052-22v-12c0-3-3-6-6-6l-30-9z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M258%20597h344v341H258z%22%2F%3E%3Cpath%20fill%3D%22%23ff9811%22%20d%3D%22m256%20250l8%2020h-16z%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%20512%20512%22%3E%3Cmask%20id%3D%22SVGqdEcMdXs2%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22256%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVGqdEcMdXs2)%22%3E%3Cpath%20fill%3D%22%236da544%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22156%22%20fill%3D%22%23333%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22256%22%20r%3D%22144%22%20fill%3D%22%23ffda44%22%2F%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M256%20144a112%20112%200%200%200-112%20112a112%20112%200%200%200%2045%2089h134a112%20112%200%200%200%2045-89a112%20112%200%200%200-112-112%22%2F%3E%3Cpath%20fill%3D%22%23ffd6bb%22%20d%3D%22M256%20189a46%2046%200%200%200-47%2046v23c0%2025%2021%2052%2047%2052s47-27%2047-52v-23c0-26-21-46-47-46%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M321%20243a13%2013%200%200%200-10-18a13%2013%200%200%200-11-18a47%2047%200%200%200-87%200a13%2013%200%200%200-12%2018a13%2013%200%200%200-9%2018a13%2013%200%200%200%201%2025c0%205%204%209%209%2010v1a12%2012%200%200%200%2018%2010a58%2058%200%200%201-3-5v-50c0-21%2018-34%2039-34c22%200%2040%2013%2040%2034v50l-4%205a12%2012%200%200%200%2019-11c4-1%208-5%209-10a13%2013%200%200%200%201-25%22%2F%3E%3Cpath%20fill%3D%22%23acabb1%22%20d%3D%22M274%20193a3%203%200%200%200-3%203v6l6%203v-9a3%203%200%200%200-3-3m-18-2a3%203%200%200%200-3%203v6a52%2052%200%200%201%206%200v-6a3%203%200%200%200-3-3m-18%202a3%203%200%200%200-3%203v9a41%2041%200%200%201%206-3v-6a3%203%200%200%200-3-3%22%2F%3E%3Crect%20width%3D%2234%22%20height%3D%226%22%20x%3D%22239%22%20y%3D%22281%22%20fill%3D%22%23333%22%20rx%3D%223%22%20ry%3D%223%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%2212%22%20x%3D%22231%22%20y%3D%22250%22%20fill%3D%22%23333%22%20rx%3D%223%22%20ry%3D%223%22%2F%3E%3Crect%20width%3D%226%22%20height%3D%2212%22%20x%3D%22275%22%20y%3D%22250%22%20fill%3D%22%23333%22%20rx%3D%223%22%20ry%3D%223%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M225%20245s3-3%209-3s8%203%208%203m28%200s3-3%209-3s8%203%208%203%22%2F%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M239%20303c-3%200-6%203-6%206v2h-2c-3%200-6%203-6%206v47a112%20112%200%200%200%2031%204a112%20112%200%200%200%2031-4v-47c0-3-3-6-6-6h-2v-2c0-3-3-6-6-6z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22m225%20318l-30%209c-3%200-6%203-6%206v12a112%20112%200%200%200%2052%2022v-43c0-3-3-6-6-6zm52%200c-3%200-6%203-6%206v43a112%20112%200%200%200%2052-22v-12c0-3-3-6-6-6l-30-9z%22%2F%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M258%20597h344v341H258z%22%2F%3E%3Cpath%20fill%3D%22%23ff9811%22%20d%3D%22m256%20250l8%2020h-16z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/circle-flags/us-wa.svg?color=%231a73e8&size=48
