kissmetrics monochromatic logo

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

Name
kissmetrics-monochromatic
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the kissmetrics monochromatic logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M168.87 0c-46.26 0-84.435 36.379-86.68 82.19C36.378 84.434 0 122.16 0 168.42c0 47.607 39.074 86.68 86.68 86.68h134.288c19.313 0 35.032-15.719 35.032-34.582V86.681C256 38.625 216.926 0 168.87 0zM75.902 216.926c-17.965-4.49-32.337-18.863-36.828-36.379c-.45-2.245-.45-3.143-.899-5.39H75.902v41.77zm45.81 1.348h-35.48v-81.74h35.48v81.74zm48.056 0h-35.48V69.164h35.48v149.11zm48.057-7.186c0 4.042-3.144 7.635-7.186 7.635h-28.744V97.909h35.93v113.179z" fill="#303030"/></svg>

React

import type { SVGProps } from "react";

export function LogosKissmetricsMonochromatic(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M168.87 0c-46.26 0-84.435 36.379-86.68 82.19C36.378 84.434 0 122.16 0 168.42c0 47.607 39.074 86.68 86.68 86.68h134.288c19.313 0 35.032-15.719 35.032-34.582V86.681C256 38.625 216.926 0 168.87 0zM75.902 216.926c-17.965-4.49-32.337-18.863-36.828-36.379c-.45-2.245-.45-3.143-.899-5.39H75.902v41.77zm45.81 1.348h-35.48v-81.74h35.48v81.74zm48.056 0h-35.48V69.164h35.48v149.11zm48.057-7.186c0 4.042-3.144 7.635-7.186 7.635h-28.744V97.909h35.93v113.179z" fill="#303030"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path d="M168.87 0c-46.26 0-84.435 36.379-86.68 82.19C36.378 84.434 0 122.16 0 168.42c0 47.607 39.074 86.68 86.68 86.68h134.288c19.313 0 35.032-15.719 35.032-34.582V86.681C256 38.625 216.926 0 168.87 0zM75.902 216.926c-17.965-4.49-32.337-18.863-36.828-36.379c-.45-2.245-.45-3.143-.899-5.39H75.902v41.77zm45.81 1.348h-35.48v-81.74h35.48v81.74zm48.056 0h-35.48V69.164h35.48v149.11zm48.057-7.186c0 4.042-3.144 7.635-7.186 7.635h-28.744V97.909h35.93v113.179z" fill="#303030"/></svg>
</template>

CSS

.icon-kissmetrics-monochromatic {
  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%20256%22%3E%3Cpath%20d%3D%22M168.87%200c-46.26%200-84.435%2036.379-86.68%2082.19C36.378%2084.434%200%20122.16%200%20168.42c0%2047.607%2039.074%2086.68%2086.68%2086.68h134.288c19.313%200%2035.032-15.719%2035.032-34.582V86.681C256%2038.625%20216.926%200%20168.87%200zM75.902%20216.926c-17.965-4.49-32.337-18.863-36.828-36.379c-.45-2.245-.45-3.143-.899-5.39H75.902v41.77zm45.81%201.348h-35.48v-81.74h35.48v81.74zm48.056%200h-35.48V69.164h35.48v149.11zm48.057-7.186c0%204.042-3.144%207.635-7.186%207.635h-28.744V97.909h35.93v113.179z%22%20fill%3D%22%23303030%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%20256%22%3E%3Cpath%20d%3D%22M168.87%200c-46.26%200-84.435%2036.379-86.68%2082.19C36.378%2084.434%200%20122.16%200%20168.42c0%2047.607%2039.074%2086.68%2086.68%2086.68h134.288c19.313%200%2035.032-15.719%2035.032-34.582V86.681C256%2038.625%20216.926%200%20168.87%200zM75.902%20216.926c-17.965-4.49-32.337-18.863-36.828-36.379c-.45-2.245-.45-3.143-.899-5.39H75.902v41.77zm45.81%201.348h-35.48v-81.74h35.48v81.74zm48.056%200h-35.48V69.164h35.48v149.11zm48.057-7.186c0%204.042-3.144%207.635-7.186%207.635h-28.744V97.909h35.93v113.179z%22%20fill%3D%22%23303030%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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