yua logo
yua from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.
- Name
- yua
- Set
- Circle Flags
- Style
- Circle
- Viewbox
- 512×512
- License
- MIT
Use the yua logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="circleFlagsYua"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#circleFlagsYua)"><path fill="#eee" d="M144 0h223l33 256l-33 256H144l-32-256z"/><path fill="#496e2d" d="M0 0h144v512H0z"/><path fill="#d80027" d="M368 0h144v512H368z"/><path fill="#ffda44" d="M256 277v10h12l10-22z"/><path fill="#496e2d" d="M160 242a96 96 0 0 0 192 0h-11a85 85 0 0 1-170 0zm39 17l-4 2c-2 2-2 6 1 8c15 14 34 22 54 24v17h12v-17c20-2 39-10 54-24c3-2 3-6 1-8s-6-2-8 0a78 78 0 0 1-53 21c-19 0-38-8-53-21z"/><path fill="#338af3" d="M256 316c-14 0-28-5-40-13l6-9c20 13 48 13 68 0l7 9c-12 8-26 13-41 13"/><path fill="#751a46" d="M256 174c22 11 12 33 11 34l-2-4c-5-11-18-18-31-18v11c6 0 11 5 11 11c-7 7-9 17-4 26l4 8l-13 23l29-7l18 18v-11l11 11l23-11l-35-21l-5-21l28 16c4 11 12 21 23 26c9-83-42-91-61-91z"/><path fill="#6da544" d="M222 271c-15 0-33-12-38-40l11-2c4 23 18 31 27 31q4.5 0 6-3c0-2 0-3-6-5c-3-1-7-2-10-5c-10-12 4-24 11-30c1-1 2-2 1-3c0 0-2-2-5-2c-7 0-12-4-14-11c-2-6 2-13 8-17l5 11c-2 0-2 2-2 4c0 0 1 2 3 2c7 0 14 4 16 9c1 3 2 9-5 15c-7 7-11 12-9 15l5 1c5 2 14 5 13 17c-1 8-8 13-17 13h-1z"/><path fill="#ffda44" d="m234 186l-12 11v11l18-9c3-1 3-5 1-7z"/><circle cx="172" cy="275" r="8" fill="#ffda44"/><circle cx="189" cy="302" r="8" fill="#ffda44"/><circle cx="216" cy="323" r="8" fill="#ffda44"/><circle cx="297" cy="323" r="8" fill="#ffda44"/><circle cx="324" cy="302" r="8" fill="#ffda44"/><circle cx="341" cy="275" r="8" fill="#ffda44"/><rect width="34" height="22" x="239" y="299" fill="#ff9811" rx="11" ry="11"/></g></svg>
React
import type { SVGProps } from "react";
export function CircleFlagsYua(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="circleFlagsYua"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#circleFlagsYua)"><path fill="#eee" d="M144 0h223l33 256l-33 256H144l-32-256z"/><path fill="#496e2d" d="M0 0h144v512H0z"/><path fill="#d80027" d="M368 0h144v512H368z"/><path fill="#ffda44" d="M256 277v10h12l10-22z"/><path fill="#496e2d" d="M160 242a96 96 0 0 0 192 0h-11a85 85 0 0 1-170 0zm39 17l-4 2c-2 2-2 6 1 8c15 14 34 22 54 24v17h12v-17c20-2 39-10 54-24c3-2 3-6 1-8s-6-2-8 0a78 78 0 0 1-53 21c-19 0-38-8-53-21z"/><path fill="#338af3" d="M256 316c-14 0-28-5-40-13l6-9c20 13 48 13 68 0l7 9c-12 8-26 13-41 13"/><path fill="#751a46" d="M256 174c22 11 12 33 11 34l-2-4c-5-11-18-18-31-18v11c6 0 11 5 11 11c-7 7-9 17-4 26l4 8l-13 23l29-7l18 18v-11l11 11l23-11l-35-21l-5-21l28 16c4 11 12 21 23 26c9-83-42-91-61-91z"/><path fill="#6da544" d="M222 271c-15 0-33-12-38-40l11-2c4 23 18 31 27 31q4.5 0 6-3c0-2 0-3-6-5c-3-1-7-2-10-5c-10-12 4-24 11-30c1-1 2-2 1-3c0 0-2-2-5-2c-7 0-12-4-14-11c-2-6 2-13 8-17l5 11c-2 0-2 2-2 4c0 0 1 2 3 2c7 0 14 4 16 9c1 3 2 9-5 15c-7 7-11 12-9 15l5 1c5 2 14 5 13 17c-1 8-8 13-17 13h-1z"/><path fill="#ffda44" d="m234 186l-12 11v11l18-9c3-1 3-5 1-7z"/><circle cx="172" cy="275" r="8" fill="#ffda44"/><circle cx="189" cy="302" r="8" fill="#ffda44"/><circle cx="216" cy="323" r="8" fill="#ffda44"/><circle cx="297" cy="323" r="8" fill="#ffda44"/><circle cx="324" cy="302" r="8" fill="#ffda44"/><circle cx="341" cy="275" r="8" fill="#ffda44"/><rect width="34" height="22" x="239" y="299" fill="#ff9811" rx="11" ry="11"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="circleFlagsYua"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#circleFlagsYua)"><path fill="#eee" d="M144 0h223l33 256l-33 256H144l-32-256z"/><path fill="#496e2d" d="M0 0h144v512H0z"/><path fill="#d80027" d="M368 0h144v512H368z"/><path fill="#ffda44" d="M256 277v10h12l10-22z"/><path fill="#496e2d" d="M160 242a96 96 0 0 0 192 0h-11a85 85 0 0 1-170 0zm39 17l-4 2c-2 2-2 6 1 8c15 14 34 22 54 24v17h12v-17c20-2 39-10 54-24c3-2 3-6 1-8s-6-2-8 0a78 78 0 0 1-53 21c-19 0-38-8-53-21z"/><path fill="#338af3" d="M256 316c-14 0-28-5-40-13l6-9c20 13 48 13 68 0l7 9c-12 8-26 13-41 13"/><path fill="#751a46" d="M256 174c22 11 12 33 11 34l-2-4c-5-11-18-18-31-18v11c6 0 11 5 11 11c-7 7-9 17-4 26l4 8l-13 23l29-7l18 18v-11l11 11l23-11l-35-21l-5-21l28 16c4 11 12 21 23 26c9-83-42-91-61-91z"/><path fill="#6da544" d="M222 271c-15 0-33-12-38-40l11-2c4 23 18 31 27 31q4.5 0 6-3c0-2 0-3-6-5c-3-1-7-2-10-5c-10-12 4-24 11-30c1-1 2-2 1-3c0 0-2-2-5-2c-7 0-12-4-14-11c-2-6 2-13 8-17l5 11c-2 0-2 2-2 4c0 0 1 2 3 2c7 0 14 4 16 9c1 3 2 9-5 15c-7 7-11 12-9 15l5 1c5 2 14 5 13 17c-1 8-8 13-17 13h-1z"/><path fill="#ffda44" d="m234 186l-12 11v11l18-9c3-1 3-5 1-7z"/><circle cx="172" cy="275" r="8" fill="#ffda44"/><circle cx="189" cy="302" r="8" fill="#ffda44"/><circle cx="216" cy="323" r="8" fill="#ffda44"/><circle cx="297" cy="323" r="8" fill="#ffda44"/><circle cx="324" cy="302" r="8" fill="#ffda44"/><circle cx="341" cy="275" r="8" fill="#ffda44"/><rect width="34" height="22" x="239" y="299" fill="#ff9811" rx="11" ry="11"/></g></svg> </template>
CSS
.icon-yua {
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%22circleFlagsYua%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(%23circleFlagsYua)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M144%200h223l33%20256l-33%20256H144l-32-256z%22%2F%3E%3Cpath%20fill%3D%22%23496e2d%22%20d%3D%22M0%200h144v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23d80027%22%20d%3D%22M368%200h144v512H368z%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22M256%20277v10h12l10-22z%22%2F%3E%3Cpath%20fill%3D%22%23496e2d%22%20d%3D%22M160%20242a96%2096%200%200%200%20192%200h-11a85%2085%200%200%201-170%200zm39%2017l-4%202c-2%202-2%206%201%208c15%2014%2034%2022%2054%2024v17h12v-17c20-2%2039-10%2054-24c3-2%203-6%201-8s-6-2-8%200a78%2078%200%200%201-53%2021c-19%200-38-8-53-21z%22%2F%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M256%20316c-14%200-28-5-40-13l6-9c20%2013%2048%2013%2068%200l7%209c-12%208-26%2013-41%2013%22%2F%3E%3Cpath%20fill%3D%22%23751a46%22%20d%3D%22M256%20174c22%2011%2012%2033%2011%2034l-2-4c-5-11-18-18-31-18v11c6%200%2011%205%2011%2011c-7%207-9%2017-4%2026l4%208l-13%2023l29-7l18%2018v-11l11%2011l23-11l-35-21l-5-21l28%2016c4%2011%2012%2021%2023%2026c9-83-42-91-61-91z%22%2F%3E%3Cpath%20fill%3D%22%236da544%22%20d%3D%22M222%20271c-15%200-33-12-38-40l11-2c4%2023%2018%2031%2027%2031q4.5%200%206-3c0-2%200-3-6-5c-3-1-7-2-10-5c-10-12%204-24%2011-30c1-1%202-2%201-3c0%200-2-2-5-2c-7%200-12-4-14-11c-2-6%202-13%208-17l5%2011c-2%200-2%202-2%204c0%200%201%202%203%202c7%200%2014%204%2016%209c1%203%202%209-5%2015c-7%207-11%2012-9%2015l5%201c5%202%2014%205%2013%2017c-1%208-8%2013-17%2013h-1z%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22m234%20186l-12%2011v11l18-9c3-1%203-5%201-7z%22%2F%3E%3Ccircle%20cx%3D%22172%22%20cy%3D%22275%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Ccircle%20cx%3D%22189%22%20cy%3D%22302%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Ccircle%20cx%3D%22216%22%20cy%3D%22323%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Ccircle%20cx%3D%22297%22%20cy%3D%22323%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Ccircle%20cx%3D%22324%22%20cy%3D%22302%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Ccircle%20cx%3D%22341%22%20cy%3D%22275%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Crect%20width%3D%2234%22%20height%3D%2222%22%20x%3D%22239%22%20y%3D%22299%22%20fill%3D%22%23ff9811%22%20rx%3D%2211%22%20ry%3D%2211%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%22circleFlagsYua%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(%23circleFlagsYua)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M144%200h223l33%20256l-33%20256H144l-32-256z%22%2F%3E%3Cpath%20fill%3D%22%23496e2d%22%20d%3D%22M0%200h144v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23d80027%22%20d%3D%22M368%200h144v512H368z%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22M256%20277v10h12l10-22z%22%2F%3E%3Cpath%20fill%3D%22%23496e2d%22%20d%3D%22M160%20242a96%2096%200%200%200%20192%200h-11a85%2085%200%200%201-170%200zm39%2017l-4%202c-2%202-2%206%201%208c15%2014%2034%2022%2054%2024v17h12v-17c20-2%2039-10%2054-24c3-2%203-6%201-8s-6-2-8%200a78%2078%200%200%201-53%2021c-19%200-38-8-53-21z%22%2F%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M256%20316c-14%200-28-5-40-13l6-9c20%2013%2048%2013%2068%200l7%209c-12%208-26%2013-41%2013%22%2F%3E%3Cpath%20fill%3D%22%23751a46%22%20d%3D%22M256%20174c22%2011%2012%2033%2011%2034l-2-4c-5-11-18-18-31-18v11c6%200%2011%205%2011%2011c-7%207-9%2017-4%2026l4%208l-13%2023l29-7l18%2018v-11l11%2011l23-11l-35-21l-5-21l28%2016c4%2011%2012%2021%2023%2026c9-83-42-91-61-91z%22%2F%3E%3Cpath%20fill%3D%22%236da544%22%20d%3D%22M222%20271c-15%200-33-12-38-40l11-2c4%2023%2018%2031%2027%2031q4.5%200%206-3c0-2%200-3-6-5c-3-1-7-2-10-5c-10-12%204-24%2011-30c1-1%202-2%201-3c0%200-2-2-5-2c-7%200-12-4-14-11c-2-6%202-13%208-17l5%2011c-2%200-2%202-2%204c0%200%201%202%203%202c7%200%2014%204%2016%209c1%203%202%209-5%2015c-7%207-11%2012-9%2015l5%201c5%202%2014%205%2013%2017c-1%208-8%2013-17%2013h-1z%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22m234%20186l-12%2011v11l18-9c3-1%203-5%201-7z%22%2F%3E%3Ccircle%20cx%3D%22172%22%20cy%3D%22275%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Ccircle%20cx%3D%22189%22%20cy%3D%22302%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Ccircle%20cx%3D%22216%22%20cy%3D%22323%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Ccircle%20cx%3D%22297%22%20cy%3D%22323%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Ccircle%20cx%3D%22324%22%20cy%3D%22302%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Ccircle%20cx%3D%22341%22%20cy%3D%22275%22%20r%3D%228%22%20fill%3D%22%23ffda44%22%2F%3E%3Crect%20width%3D%2234%22%20height%3D%2222%22%20x%3D%22239%22%20y%3D%22299%22%20fill%3D%22%23ff9811%22%20rx%3D%2211%22%20ry%3D%2211%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/yua.svg?color=%231a73e8&size=48
