lang as logo
lang-as from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.
- Name
- lang-as
- Set
- Circle Flags
- Style
- Circle
- Viewbox
- 512×512
- License
- MIT
Related icons in Circle Flags
Use the lang as logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGuywqVbel25"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel25)"><path fill="#eee" d="M0 0h512v512H0z"/><path fill="#333" d="M256 112c-22 0-40 18-40 40c-7-12-20-20-34-20a40 40 0 1 0 0 80h6v126h-2c-10 0-20 8-20 20v16c0 10 10 20 20 20h2v2c0 12 10 20 20 20h96c12 0 20-8 20-20v-2h2c12 0 20-10 20-20v-16c0-12-8-20-20-20h-2V212h6a40 40 0 1 0 0-80c-14 1-27 9-34 22v-2c0-22-18-40-40-40"/><rect width="224" height="32" x="144" y="448" fill="#acabb1" rx="16" ry="16"/><rect width="192" height="48" x="160" y="32" fill="#acabb1" rx="24" ry="24"/></g></svg>
React
import type { SVGProps } from "react";
export function CircleFlagsLangAs(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGuywqVbel25"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel25)"><path fill="#eee" d="M0 0h512v512H0z"/><path fill="#333" d="M256 112c-22 0-40 18-40 40c-7-12-20-20-34-20a40 40 0 1 0 0 80h6v126h-2c-10 0-20 8-20 20v16c0 10 10 20 20 20h2v2c0 12 10 20 20 20h96c12 0 20-8 20-20v-2h2c12 0 20-10 20-20v-16c0-12-8-20-20-20h-2V212h6a40 40 0 1 0 0-80c-14 1-27 9-34 22v-2c0-22-18-40-40-40"/><rect width="224" height="32" x="144" y="448" fill="#acabb1" rx="16" ry="16"/><rect width="192" height="48" x="160" y="32" fill="#acabb1" rx="24" ry="24"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGuywqVbel25"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel25)"><path fill="#eee" d="M0 0h512v512H0z"/><path fill="#333" d="M256 112c-22 0-40 18-40 40c-7-12-20-20-34-20a40 40 0 1 0 0 80h6v126h-2c-10 0-20 8-20 20v16c0 10 10 20 20 20h2v2c0 12 10 20 20 20h96c12 0 20-8 20-20v-2h2c12 0 20-10 20-20v-16c0-12-8-20-20-20h-2V212h6a40 40 0 1 0 0-80c-14 1-27 9-34 22v-2c0-22-18-40-40-40"/><rect width="224" height="32" x="144" y="448" fill="#acabb1" rx="16" ry="16"/><rect width="192" height="48" x="160" y="32" fill="#acabb1" rx="24" ry="24"/></g></svg> </template>
CSS
.icon-lang-as {
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%22SVGuywqVbel25%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(%23SVGuywqVbel25)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M256%20112c-22%200-40%2018-40%2040c-7-12-20-20-34-20a40%2040%200%201%200%200%2080h6v126h-2c-10%200-20%208-20%2020v16c0%2010%2010%2020%2020%2020h2v2c0%2012%2010%2020%2020%2020h96c12%200%2020-8%2020-20v-2h2c12%200%2020-10%2020-20v-16c0-12-8-20-20-20h-2V212h6a40%2040%200%201%200%200-80c-14%201-27%209-34%2022v-2c0-22-18-40-40-40%22%2F%3E%3Crect%20width%3D%22224%22%20height%3D%2232%22%20x%3D%22144%22%20y%3D%22448%22%20fill%3D%22%23acabb1%22%20rx%3D%2216%22%20ry%3D%2216%22%2F%3E%3Crect%20width%3D%22192%22%20height%3D%2248%22%20x%3D%22160%22%20y%3D%2232%22%20fill%3D%22%23acabb1%22%20rx%3D%2224%22%20ry%3D%2224%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%22SVGuywqVbel25%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(%23SVGuywqVbel25)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M256%20112c-22%200-40%2018-40%2040c-7-12-20-20-34-20a40%2040%200%201%200%200%2080h6v126h-2c-10%200-20%208-20%2020v16c0%2010%2010%2020%2020%2020h2v2c0%2012%2010%2020%2020%2020h96c12%200%2020-8%2020-20v-2h2c12%200%2020-10%2020-20v-16c0-12-8-20-20-20h-2V212h6a40%2040%200%201%200%200-80c-14%201-27%209-34%2022v-2c0-22-18-40-40-40%22%2F%3E%3Crect%20width%3D%22224%22%20height%3D%2232%22%20x%3D%22144%22%20y%3D%22448%22%20fill%3D%22%23acabb1%22%20rx%3D%2216%22%20ry%3D%2216%22%2F%3E%3Crect%20width%3D%22192%22%20height%3D%2248%22%20x%3D%22160%22%20y%3D%2232%22%20fill%3D%22%23acabb1%22%20rx%3D%2224%22%20ry%3D%2224%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/lang-as.svg?color=%231a73e8&size=48
