kk logo

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

Name
kk
Set
Circle Flags
Style
Circle
Viewbox
512×512
License
MIT

Use the kk logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="circleFlagsKk"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#circleFlagsKk)"><path fill="#338af3" d="M0 0h512v512H0z"/><path fill="#ffda44" d="M400.7 258.8H111.3c0 20 17.4 36.2 37.4 36.2h-1.2c0 20 16.2 36.1 36.2 36.1c0 20 16.1 36.2 36.1 36.2h72.4c20 0 36.1-16.2 36.1-36.2c20 0 36.2-16.2 36.2-36.1h-1.2c20 0 37.4-16.2 37.4-36.2"/><path fill="#338af3" d="M356.2 211.5a100.2 100.2 0 0 1-200.4 0"/><path fill="#ffda44" d="m332.5 211.5l-31.3 14.7l16.7 30.3l-34-6.5l-4.3 34.3L256 259l-23.6 25.3L228 250l-34 6.5l16.6-30.3l-31.2-14.7l31.2-14.7l-16.6-30.3l34 6.5l4.3-34.3l23.6 25.2l23.6-25.2L284 173l34-6.5l-16.6 30.3z"/></g></svg>

React

import type { SVGProps } from "react";

export function CircleFlagsKk(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="circleFlagsKk"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#circleFlagsKk)"><path fill="#338af3" d="M0 0h512v512H0z"/><path fill="#ffda44" d="M400.7 258.8H111.3c0 20 17.4 36.2 37.4 36.2h-1.2c0 20 16.2 36.1 36.2 36.1c0 20 16.1 36.2 36.1 36.2h72.4c20 0 36.1-16.2 36.1-36.2c20 0 36.2-16.2 36.2-36.1h-1.2c20 0 37.4-16.2 37.4-36.2"/><path fill="#338af3" d="M356.2 211.5a100.2 100.2 0 0 1-200.4 0"/><path fill="#ffda44" d="m332.5 211.5l-31.3 14.7l16.7 30.3l-34-6.5l-4.3 34.3L256 259l-23.6 25.3L228 250l-34 6.5l16.6-30.3l-31.2-14.7l31.2-14.7l-16.6-30.3l34 6.5l4.3-34.3l23.6 25.2l23.6-25.2L284 173l34-6.5l-16.6 30.3z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><mask id="circleFlagsKk"><circle cx="256" cy="256" r="256" fill="#fff"/></mask><g mask="url(#circleFlagsKk)"><path fill="#338af3" d="M0 0h512v512H0z"/><path fill="#ffda44" d="M400.7 258.8H111.3c0 20 17.4 36.2 37.4 36.2h-1.2c0 20 16.2 36.1 36.2 36.1c0 20 16.1 36.2 36.1 36.2h72.4c20 0 36.1-16.2 36.1-36.2c20 0 36.2-16.2 36.2-36.1h-1.2c20 0 37.4-16.2 37.4-36.2"/><path fill="#338af3" d="M356.2 211.5a100.2 100.2 0 0 1-200.4 0"/><path fill="#ffda44" d="m332.5 211.5l-31.3 14.7l16.7 30.3l-34-6.5l-4.3 34.3L256 259l-23.6 25.3L228 250l-34 6.5l16.6-30.3l-31.2-14.7l31.2-14.7l-16.6-30.3l34 6.5l4.3-34.3l23.6 25.2l23.6-25.2L284 173l34-6.5l-16.6 30.3z"/></g></svg>
</template>

CSS

.icon-kk {
  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%22circleFlagsKk%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(%23circleFlagsKk)%22%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22M400.7%20258.8H111.3c0%2020%2017.4%2036.2%2037.4%2036.2h-1.2c0%2020%2016.2%2036.1%2036.2%2036.1c0%2020%2016.1%2036.2%2036.1%2036.2h72.4c20%200%2036.1-16.2%2036.1-36.2c20%200%2036.2-16.2%2036.2-36.1h-1.2c20%200%2037.4-16.2%2037.4-36.2%22%2F%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M356.2%20211.5a100.2%20100.2%200%200%201-200.4%200%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22m332.5%20211.5l-31.3%2014.7l16.7%2030.3l-34-6.5l-4.3%2034.3L256%20259l-23.6%2025.3L228%20250l-34%206.5l16.6-30.3l-31.2-14.7l31.2-14.7l-16.6-30.3l34%206.5l4.3-34.3l23.6%2025.2l23.6-25.2L284%20173l34-6.5l-16.6%2030.3z%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%22circleFlagsKk%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(%23circleFlagsKk)%22%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M0%200h512v512H0z%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22M400.7%20258.8H111.3c0%2020%2017.4%2036.2%2037.4%2036.2h-1.2c0%2020%2016.2%2036.1%2036.2%2036.1c0%2020%2016.1%2036.2%2036.1%2036.2h72.4c20%200%2036.1-16.2%2036.1-36.2c20%200%2036.2-16.2%2036.2-36.1h-1.2c20%200%2037.4-16.2%2037.4-36.2%22%2F%3E%3Cpath%20fill%3D%22%23338af3%22%20d%3D%22M356.2%20211.5a100.2%20100.2%200%200%201-200.4%200%22%2F%3E%3Cpath%20fill%3D%22%23ffda44%22%20d%3D%22m332.5%20211.5l-31.3%2014.7l16.7%2030.3l-34-6.5l-4.3%2034.3L256%20259l-23.6%2025.3L228%20250l-34%206.5l16.6-30.3l-31.2-14.7l31.2-14.7l-16.6-30.3l34%206.5l4.3-34.3l23.6%2025.2l23.6-25.2L284%20173l34-6.5l-16.6%2030.3z%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/kk.svg?color=%231a73e8&size=48