karma logo

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

Name
karma
Set
SVG Logos
Style
Color
Viewbox
256×198
License
CC0

The same logo in other sets

karmaDeviconkarmaMaterial Icon Theme

Use the karma logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 198"><path fill="#429f87" d="m154.565 138.602l39.246 58.547h62.043l-70.31-103.883zM29.492 169.994l28.736-27.07l45.942 54.225L74.678 88.375l-24.9 40.962z"/><path fill="#56c5a8" d="m29.492 169.994l45.186-81.62l-28.728 27.084L0 61.23zM249.938.603h-62.043l-37.999 56.144V.603H92.985v58.229l30.344 111.834l7.071 26.483h19.496v-49.138z"/></svg>

React

import type { SVGProps } from "react";

export function LogosKarma(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 198"><path fill="#429f87" d="m154.565 138.602l39.246 58.547h62.043l-70.31-103.883zM29.492 169.994l28.736-27.07l45.942 54.225L74.678 88.375l-24.9 40.962z"/><path fill="#56c5a8" d="m29.492 169.994l45.186-81.62l-28.728 27.084L0 61.23zM249.938.603h-62.043l-37.999 56.144V.603H92.985v58.229l30.344 111.834l7.071 26.483h19.496v-49.138z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 198"><path fill="#429f87" d="m154.565 138.602l39.246 58.547h62.043l-70.31-103.883zM29.492 169.994l28.736-27.07l45.942 54.225L74.678 88.375l-24.9 40.962z"/><path fill="#56c5a8" d="m29.492 169.994l45.186-81.62l-28.728 27.084L0 61.23zM249.938.603h-62.043l-37.999 56.144V.603H92.985v58.229l30.344 111.834l7.071 26.483h19.496v-49.138z"/></svg>
</template>

CSS

.icon-karma {
  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%20198%22%3E%3Cpath%20fill%3D%22%23429f87%22%20d%3D%22m154.565%20138.602l39.246%2058.547h62.043l-70.31-103.883zM29.492%20169.994l28.736-27.07l45.942%2054.225L74.678%2088.375l-24.9%2040.962z%22%2F%3E%3Cpath%20fill%3D%22%2356c5a8%22%20d%3D%22m29.492%20169.994l45.186-81.62l-28.728%2027.084L0%2061.23zM249.938.603h-62.043l-37.999%2056.144V.603H92.985v58.229l30.344%20111.834l7.071%2026.483h19.496v-49.138z%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%20198%22%3E%3Cpath%20fill%3D%22%23429f87%22%20d%3D%22m154.565%20138.602l39.246%2058.547h62.043l-70.31-103.883zM29.492%20169.994l28.736-27.07l45.942%2054.225L74.678%2088.375l-24.9%2040.962z%22%2F%3E%3Cpath%20fill%3D%22%2356c5a8%22%20d%3D%22m29.492%20169.994l45.186-81.62l-28.728%2027.084L0%2061.23zM249.938.603h-62.043l-37.999%2056.144V.603H92.985v58.229l30.344%20111.834l7.071%2026.483h19.496v-49.138z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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