karma logo

karma from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
karma
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

The same logo in other sets

karmaSVG LogoskarmaMaterial Icon Theme

Use the karma logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#409b83" d="m77.281 89.582l19.625 37.84h31.02l-35.153-67.14zm-62.535 20.29l14.367-17.497l22.973 35.047l-14.746-70.3l-12.45 26.472l-10.144 26.277"/><path fill="#56c5a8" d="M14.746 109.871L37.34 57.117L22.977 74.625L0 39.575zM124.97.391H93.95l-19 36.285V.39H46.492v37.632l15.172 72.282l3.535 17.117h9.75V95.664z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconKarma(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#409b83" d="m77.281 89.582l19.625 37.84h31.02l-35.153-67.14zm-62.535 20.29l14.367-17.497l22.973 35.047l-14.746-70.3l-12.45 26.472l-10.144 26.277"/><path fill="#56c5a8" d="M14.746 109.871L37.34 57.117L22.977 74.625L0 39.575zM124.97.391H93.95l-19 36.285V.39H46.492v37.632l15.172 72.282l3.535 17.117h9.75V95.664z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#409b83" d="m77.281 89.582l19.625 37.84h31.02l-35.153-67.14zm-62.535 20.29l14.367-17.497l22.973 35.047l-14.746-70.3l-12.45 26.472l-10.144 26.277"/><path fill="#56c5a8" d="M14.746 109.871L37.34 57.117L22.977 74.625L0 39.575zM124.97.391H93.95l-19 36.285V.39H46.492v37.632l15.172 72.282l3.535 17.117h9.75V95.664z"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23409b83%22%20d%3D%22m77.281%2089.582l19.625%2037.84h31.02l-35.153-67.14zm-62.535%2020.29l14.367-17.497l22.973%2035.047l-14.746-70.3l-12.45%2026.472l-10.144%2026.277%22%2F%3E%3Cpath%20fill%3D%22%2356c5a8%22%20d%3D%22M14.746%20109.871L37.34%2057.117L22.977%2074.625L0%2039.575zM124.97.391H93.95l-19%2036.285V.39H46.492v37.632l15.172%2072.282l3.535%2017.117h9.75V95.664z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23409b83%22%20d%3D%22m77.281%2089.582l19.625%2037.84h31.02l-35.153-67.14zm-62.535%2020.29l14.367-17.497l22.973%2035.047l-14.746-70.3l-12.45%2026.472l-10.144%2026.277%22%2F%3E%3Cpath%20fill%3D%22%2356c5a8%22%20d%3D%22M14.746%20109.871L37.34%2057.117L22.977%2074.625L0%2039.575zM124.97.391H93.95l-19%2036.285V.39H46.492v37.632l15.172%2072.282l3.535%2017.117h9.75V95.664z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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