cq logo

cq from Circle Flags by HatScripts · Circle · MIT Free for personal and commercial use.

Name: cq
Set: Circle Flags
Style: Circle
Viewbox: 512×512
License: MIT

Use the cq logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#eee" d="M304 0h208v208l-32 48l32 48v208H304l-48-32l-48 32H0V304Z"/><path fill="#d80027" d="M0 0v304h208v208h96V304h208v-96H304V0Z"/><path fill="#ffda44" d="M120 27a23 23 0 0 0-23 23v16h-9v-9c0-10-8-18-18-18c-2 0-4 2-4 4v42c0 2 2 4 4 4h27a21 21 0 0 0 21 22v9h-8c-11 0-19 8-19 18c0 3 2 5 5 5h41c3 0 5-2 5-5v-28h57v9h-9c-10 0-18 8-18 18c0 2 2 4 4 4h42c2 0 4-2 4-4V82c9 0 16-7 16-16s-7-16-16-16h-54c-3 0-5-2-5-5s2-6 5-6h54V29h-54c-8 0-16 7-16 16c0 8 8 16 16 16h54c3 0 6 2 6 5s-3 5-6 5h-58c-12 0-22-9-22-21a23 23 0 0 0-22-23m0 135a23 23 0 0 0-23 23v16h-9v-9c0-10-8-18-18-18c-2 0-4 2-4 4v42c0 2 2 4 4 4h27a21 21 0 0 0 21 22v9h-8c-11 0-19 8-19 18c0 3 2 5 5 5h41c3 0 5-2 5-5v-28h57v9h-9c-10 0-18 8-18 18c0 2 2 4 4 4h42c2 0 4-2 4-4v-55c9 0 16-7 16-16s-7-16-16-16h-54c-3 0-5-2-5-5s2-6 5-6h54v-10h-54c-8 0-16 7-16 16c0 8 8 16 16 16h54c3 0 6 2 6 5s-3 5-6 5h-58c-12 0-22-9-22-21a23 23 0 0 0-22-23"/></g></svg>

React

import type { SVGProps } from "react";

export function CircleFlagsCq(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#eee" d="M304 0h208v208l-32 48l32 48v208H304l-48-32l-48 32H0V304Z"/><path fill="#d80027" d="M0 0v304h208v208h96V304h208v-96H304V0Z"/><path fill="#ffda44" d="M120 27a23 23 0 0 0-23 23v16h-9v-9c0-10-8-18-18-18c-2 0-4 2-4 4v42c0 2 2 4 4 4h27a21 21 0 0 0 21 22v9h-8c-11 0-19 8-19 18c0 3 2 5 5 5h41c3 0 5-2 5-5v-28h57v9h-9c-10 0-18 8-18 18c0 2 2 4 4 4h42c2 0 4-2 4-4V82c9 0 16-7 16-16s-7-16-16-16h-54c-3 0-5-2-5-5s2-6 5-6h54V29h-54c-8 0-16 7-16 16c0 8 8 16 16 16h54c3 0 6 2 6 5s-3 5-6 5h-58c-12 0-22-9-22-21a23 23 0 0 0-22-23m0 135a23 23 0 0 0-23 23v16h-9v-9c0-10-8-18-18-18c-2 0-4 2-4 4v42c0 2 2 4 4 4h27a21 21 0 0 0 21 22v9h-8c-11 0-19 8-19 18c0 3 2 5 5 5h41c3 0 5-2 5-5v-28h57v9h-9c-10 0-18 8-18 18c0 2 2 4 4 4h42c2 0 4-2 4-4v-55c9 0 16-7 16-16s-7-16-16-16h-54c-3 0-5-2-5-5s2-6 5-6h54v-10h-54c-8 0-16 7-16 16c0 8 8 16 16 16h54c3 0 6 2 6 5s-3 5-6 5h-58c-12 0-22-9-22-21a23 23 0 0 0-22-23"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="SVGqdEcMdXs1"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#SVGqdEcMdXs1)"><path fill="#eee" d="M304 0h208v208l-32 48l32 48v208H304l-48-32l-48 32H0V304Z"/><path fill="#d80027" d="M0 0v304h208v208h96V304h208v-96H304V0Z"/><path fill="#ffda44" d="M120 27a23 23 0 0 0-23 23v16h-9v-9c0-10-8-18-18-18c-2 0-4 2-4 4v42c0 2 2 4 4 4h27a21 21 0 0 0 21 22v9h-8c-11 0-19 8-19 18c0 3 2 5 5 5h41c3 0 5-2 5-5v-28h57v9h-9c-10 0-18 8-18 18c0 2 2 4 4 4h42c2 0 4-2 4-4V82c9 0 16-7 16-16s-7-16-16-16h-54c-3 0-5-2-5-5s2-6 5-6h54V29h-54c-8 0-16 7-16 16c0 8 8 16 16 16h54c3 0 6 2 6 5s-3 5-6 5h-58c-12 0-22-9-22-21a23 23 0 0 0-22-23m0 135a23 23 0 0 0-23 23v16h-9v-9c0-10-8-18-18-18c-2 0-4 2-4 4v42c0 2 2 4 4 4h27a21 21 0 0 0 21 22v9h-8c-11 0-19 8-19 18c0 3 2 5 5 5h41c3 0 5-2 5-5v-28h57v9h-9c-10 0-18 8-18 18c0 2 2 4 4 4h42c2 0 4-2 4-4v-55c9 0 16-7 16-16s-7-16-16-16h-54c-3 0-5-2-5-5s2-6 5-6h54v-10h-54c-8 0-16 7-16 16c0 8 8 16 16 16h54c3 0 6 2 6 5s-3 5-6 5h-58c-12 0-22-9-22-21a23 23 0 0 0-22-23"/></g></svg>
</template>

CSS

.icon-cq {
  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%22SVGqdEcMdXs1%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(%23SVGqdEcMdXs1)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M304%200h208v208l-32%2048l32%2048v208H304l-48-32l-48%2032H0V304Z%22%2F%3E%3Cpath%20fill%3D%22%23d80027%22%20d%3D%22M0%200v304h208v208h96V304h208v-96H304V0Z%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22M120%2027a23%2023%200%200%200-23%2023v16h-9v-9c0-10-8-18-18-18c-2%200-4%202-4%204v42c0%202%202%204%204%204h27a21%2021%200%200%200%2021%2022v9h-8c-11%200-19%208-19%2018c0%203%202%205%205%205h41c3%200%205-2%205-5v-28h57v9h-9c-10%200-18%208-18%2018c0%202%202%204%204%204h42c2%200%204-2%204-4V82c9%200%2016-7%2016-16s-7-16-16-16h-54c-3%200-5-2-5-5s2-6%205-6h54V29h-54c-8%200-16%207-16%2016c0%208%208%2016%2016%2016h54c3%200%206%202%206%205s-3%205-6%205h-58c-12%200-22-9-22-21a23%2023%200%200%200-22-23m0%20135a23%2023%200%200%200-23%2023v16h-9v-9c0-10-8-18-18-18c-2%200-4%202-4%204v42c0%202%202%204%204%204h27a21%2021%200%200%200%2021%2022v9h-8c-11%200-19%208-19%2018c0%203%202%205%205%205h41c3%200%205-2%205-5v-28h57v9h-9c-10%200-18%208-18%2018c0%202%202%204%204%204h42c2%200%204-2%204-4v-55c9%200%2016-7%2016-16s-7-16-16-16h-54c-3%200-5-2-5-5s2-6%205-6h54v-10h-54c-8%200-16%207-16%2016c0%208%208%2016%2016%2016h54c3%200%206%202%206%205s-3%205-6%205h-58c-12%200-22-9-22-21a23%2023%200%200%200-22-23%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%22SVGqdEcMdXs1%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(%23SVGqdEcMdXs1)%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M304%200h208v208l-32%2048l32%2048v208H304l-48-32l-48%2032H0V304Z%22%2F%3E%3Cpath%20fill%3D%22%23d80027%22%20d%3D%22M0%200v304h208v208h96V304h208v-96H304V0Z%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22M120%2027a23%2023%200%200%200-23%2023v16h-9v-9c0-10-8-18-18-18c-2%200-4%202-4%204v42c0%202%202%204%204%204h27a21%2021%200%200%200%2021%2022v9h-8c-11%200-19%208-19%2018c0%203%202%205%205%205h41c3%200%205-2%205-5v-28h57v9h-9c-10%200-18%208-18%2018c0%202%202%204%204%204h42c2%200%204-2%204-4V82c9%200%2016-7%2016-16s-7-16-16-16h-54c-3%200-5-2-5-5s2-6%205-6h54V29h-54c-8%200-16%207-16%2016c0%208%208%2016%2016%2016h54c3%200%206%202%206%205s-3%205-6%205h-58c-12%200-22-9-22-21a23%2023%200%200%200-22-23m0%20135a23%2023%200%200%200-23%2023v16h-9v-9c0-10-8-18-18-18c-2%200-4%202-4%204v42c0%202%202%204%204%204h27a21%2021%200%200%200%2021%2022v9h-8c-11%200-19%208-19%2018c0%203%202%205%205%205h41c3%200%205-2%205-5v-28h57v9h-9c-10%200-18%208-18%2018c0%202%202%204%204%204h42c2%200%204-2%204-4v-55c9%200%2016-7%2016-16s-7-16-16-16h-54c-3%200-5-2-5-5s2-6%205-6h54v-10h-54c-8%200-16%207-16%2016c0%208%208%2016%2016%2016h54c3%200%206%202%206%205s-3%205-6%205h-58c-12%200-22-9-22-21a23%2023%200%200%200-22-23%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/cq.svg?color=%231a73e8&size=48