kong icon logo

kong-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
kong-icon
Set
SVG Logos
Style
Color
Viewbox
256×225
License
CC0

Use the kong icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 225"><path fill="#169fcc" d="m80.721 192.398l6.115-7.893h45.253l23.587 30.136l-4.193 10.225H93.126l1.398-10.225z"/><path fill="#14b59a" d="m94.559 89.641l21.851-37.749h25.462l114.129 132.566l-8.849 40.408h-48.938l3.07-11.343z"/><path fill="#1bc263" d="m121.082 44.72l10.462-19.348L162.932 0l53.782 42.164l-6.975 7.119l9.361 12.96v13.872l-26.799 21.903L147.33 44.72z"/><path fill="#16bdcc" d="M37.969 129.026h14.216l37.069-31.008l49.125 57.082l-13.856 20.789H79.177l-31.311 39.816l-7.198 9.161H0v-48.801z"/></svg>

React

import type { SVGProps } from "react";

export function LogosKongIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 225"><path fill="#169fcc" d="m80.721 192.398l6.115-7.893h45.253l23.587 30.136l-4.193 10.225H93.126l1.398-10.225z"/><path fill="#14b59a" d="m94.559 89.641l21.851-37.749h25.462l114.129 132.566l-8.849 40.408h-48.938l3.07-11.343z"/><path fill="#1bc263" d="m121.082 44.72l10.462-19.348L162.932 0l53.782 42.164l-6.975 7.119l9.361 12.96v13.872l-26.799 21.903L147.33 44.72z"/><path fill="#16bdcc" d="M37.969 129.026h14.216l37.069-31.008l49.125 57.082l-13.856 20.789H79.177l-31.311 39.816l-7.198 9.161H0v-48.801z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 225"><path fill="#169fcc" d="m80.721 192.398l6.115-7.893h45.253l23.587 30.136l-4.193 10.225H93.126l1.398-10.225z"/><path fill="#14b59a" d="m94.559 89.641l21.851-37.749h25.462l114.129 132.566l-8.849 40.408h-48.938l3.07-11.343z"/><path fill="#1bc263" d="m121.082 44.72l10.462-19.348L162.932 0l53.782 42.164l-6.975 7.119l9.361 12.96v13.872l-26.799 21.903L147.33 44.72z"/><path fill="#16bdcc" d="M37.969 129.026h14.216l37.069-31.008l49.125 57.082l-13.856 20.789H79.177l-31.311 39.816l-7.198 9.161H0v-48.801z"/></svg>
</template>

CSS

.icon-kong-icon {
  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%20256%20225%22%3E%3Cpath%20fill%3D%22%23169fcc%22%20d%3D%22m80.721%20192.398l6.115-7.893h45.253l23.587%2030.136l-4.193%2010.225H93.126l1.398-10.225z%22%2F%3E%3Cpath%20fill%3D%22%2314b59a%22%20d%3D%22m94.559%2089.641l21.851-37.749h25.462l114.129%20132.566l-8.849%2040.408h-48.938l3.07-11.343z%22%2F%3E%3Cpath%20fill%3D%22%231bc263%22%20d%3D%22m121.082%2044.72l10.462-19.348L162.932%200l53.782%2042.164l-6.975%207.119l9.361%2012.96v13.872l-26.799%2021.903L147.33%2044.72z%22%2F%3E%3Cpath%20fill%3D%22%2316bdcc%22%20d%3D%22M37.969%20129.026h14.216l37.069-31.008l49.125%2057.082l-13.856%2020.789H79.177l-31.311%2039.816l-7.198%209.161H0v-48.801z%22%2F%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%20256%20225%22%3E%3Cpath%20fill%3D%22%23169fcc%22%20d%3D%22m80.721%20192.398l6.115-7.893h45.253l23.587%2030.136l-4.193%2010.225H93.126l1.398-10.225z%22%2F%3E%3Cpath%20fill%3D%22%2314b59a%22%20d%3D%22m94.559%2089.641l21.851-37.749h25.462l114.129%20132.566l-8.849%2040.408h-48.938l3.07-11.343z%22%2F%3E%3Cpath%20fill%3D%22%231bc263%22%20d%3D%22m121.082%2044.72l10.462-19.348L162.932%200l53.782%2042.164l-6.975%207.119l9.361%2012.96v13.872l-26.799%2021.903L147.33%2044.72z%22%2F%3E%3Cpath%20fill%3D%22%2316bdcc%22%20d%3D%22M37.969%20129.026h14.216l37.069-31.008l49.125%2057.082l-13.856%2020.789H79.177l-31.311%2039.816l-7.198%209.161H0v-48.801z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/kong-icon.svg?color=%231a73e8&size=48