lang-co from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.

Name
lang-co
Set
Circle Flags
Style
Circle
Viewbox
512×512
License
MIT

Related icons in Circle Flags

Use the lang co logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#eee" d="M0 0h512v512H0z"/><path fill="#333" d="M345.1 216.8A98 98 0 0 0 157.5 177l-12 43.8l11 11.2l-22.2 44.5l22.3 11.1l-11.2 11.1V310l11.2 11.1v22.3l11.1 11l33.4-11s0 11 11.1 22.2s22.3 33.4 22.3 33.4s33.4 11.1 55.6-22.2c22.3-33.4 44.6-44.6 44.6-44.6l-21.5-42.9a98 98 0 0 0 32-72.4z"/><path fill="#acabb1" d="M353.1 254.3c45.3-7.6 52.8-96.2 52.8-96.2h-62.3c32.2 78-1.5 83.2-1.5 83.2a8110 8110 0 0 0-173.6-83c-1.3 1.7-5.9 6-11.5 19.8c-5.6 13.7-7 26-7 26a6870 6870 0 0 0 181.2 63c9.2 5.9 20.4 23.7 14.1 76.6l60-16.9s-20.4-54.1-52.2-72.5"/></g></svg>

React

import type { SVGProps } from "react";

export function CircleFlagsLangCo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#eee" d="M0 0h512v512H0z"/><path fill="#333" d="M345.1 216.8A98 98 0 0 0 157.5 177l-12 43.8l11 11.2l-22.2 44.5l22.3 11.1l-11.2 11.1V310l11.2 11.1v22.3l11.1 11l33.4-11s0 11 11.1 22.2s22.3 33.4 22.3 33.4s33.4 11.1 55.6-22.2c22.3-33.4 44.6-44.6 44.6-44.6l-21.5-42.9a98 98 0 0 0 32-72.4z"/><path fill="#acabb1" d="M353.1 254.3c45.3-7.6 52.8-96.2 52.8-96.2h-62.3c32.2 78-1.5 83.2-1.5 83.2a8110 8110 0 0 0-173.6-83c-1.3 1.7-5.9 6-11.5 19.8c-5.6 13.7-7 26-7 26a6870 6870 0 0 0 181.2 63c9.2 5.9 20.4 23.7 14.1 76.6l60-16.9s-20.4-54.1-52.2-72.5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGuywqVbel"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGuywqVbel)"><path fill="#eee" d="M0 0h512v512H0z"/><path fill="#333" d="M345.1 216.8A98 98 0 0 0 157.5 177l-12 43.8l11 11.2l-22.2 44.5l22.3 11.1l-11.2 11.1V310l11.2 11.1v22.3l11.1 11l33.4-11s0 11 11.1 22.2s22.3 33.4 22.3 33.4s33.4 11.1 55.6-22.2c22.3-33.4 44.6-44.6 44.6-44.6l-21.5-42.9a98 98 0 0 0 32-72.4z"/><path fill="#acabb1" d="M353.1 254.3c45.3-7.6 52.8-96.2 52.8-96.2h-62.3c32.2 78-1.5 83.2-1.5 83.2a8110 8110 0 0 0-173.6-83c-1.3 1.7-5.9 6-11.5 19.8c-5.6 13.7-7 26-7 26a6870 6870 0 0 0 181.2 63c9.2 5.9 20.4 23.7 14.1 76.6l60-16.9s-20.4-54.1-52.2-72.5"/></g></svg>
</template>

CSS

.icon-lang-co {
  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%22SVGuywqVbel%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(%23SVGuywqVbel)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M345.1%20216.8A98%2098%200%200%200%20157.5%20177l-12%2043.8l11%2011.2l-22.2%2044.5l22.3%2011.1l-11.2%2011.1V310l11.2%2011.1v22.3l11.1%2011l33.4-11s0%2011%2011.1%2022.2s22.3%2033.4%2022.3%2033.4s33.4%2011.1%2055.6-22.2c22.3-33.4%2044.6-44.6%2044.6-44.6l-21.5-42.9a98%2098%200%200%200%2032-72.4z%22%2F%3E%3Cpath%20fill%3D%22%23acabb1%22%20d%3D%22M353.1%20254.3c45.3-7.6%2052.8-96.2%2052.8-96.2h-62.3c32.2%2078-1.5%2083.2-1.5%2083.2a8110%208110%200%200%200-173.6-83c-1.3%201.7-5.9%206-11.5%2019.8c-5.6%2013.7-7%2026-7%2026a6870%206870%200%200%200%20181.2%2063c9.2%205.9%2020.4%2023.7%2014.1%2076.6l60-16.9s-20.4-54.1-52.2-72.5%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%22SVGuywqVbel%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(%23SVGuywqVbel)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M345.1%20216.8A98%2098%200%200%200%20157.5%20177l-12%2043.8l11%2011.2l-22.2%2044.5l22.3%2011.1l-11.2%2011.1V310l11.2%2011.1v22.3l11.1%2011l33.4-11s0%2011%2011.1%2022.2s22.3%2033.4%2022.3%2033.4s33.4%2011.1%2055.6-22.2c22.3-33.4%2044.6-44.6%2044.6-44.6l-21.5-42.9a98%2098%200%200%200%2032-72.4z%22%2F%3E%3Cpath%20fill%3D%22%23acabb1%22%20d%3D%22M353.1%20254.3c45.3-7.6%2052.8-96.2%2052.8-96.2h-62.3c32.2%2078-1.5%2083.2-1.5%2083.2a8110%208110%200%200%200-173.6-83c-1.3%201.7-5.9%206-11.5%2019.8c-5.6%2013.7-7%2026-7%2026a6870%206870%200%200%200%20181.2%2063c9.2%205.9%2020.4%2023.7%2014.1%2076.6l60-16.9s-20.4-54.1-52.2-72.5%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-co.svg?color=%231a73e8&size=48