akka logo

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

Name
akka
Set
SVG Logos
Style
Color
Viewbox
256×182
License
CC0

The same logo in other sets

akkaDevicon

Use the akka logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 182"><path fill="#0b5567" d="M216.358 174.771c38.778 31.001 63.622-61.57 1.836-78.636c-51.848-14.366-104.02 10.262-156.3 67.727c0 0 96.567-35.322 154.464 10.91"/><path fill="#15a9ce" d="M62.758 163.105c37.158-38.562 98.943-81.552 156.516-65.674c13.394 3.78 22.9 11.558 29.057 20.847L193.89 8.425c-7.778-12.422-27.653-9.83-38.887-.324L11.126 128.648c-13.07 11.234-13.826 31.217-1.729 43.315c10.694 10.694 27.653 11.666 39.427 2.16z"/></svg>

React

import type { SVGProps } from "react";

export function LogosAkka(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 182"><path fill="#0b5567" d="M216.358 174.771c38.778 31.001 63.622-61.57 1.836-78.636c-51.848-14.366-104.02 10.262-156.3 67.727c0 0 96.567-35.322 154.464 10.91"/><path fill="#15a9ce" d="M62.758 163.105c37.158-38.562 98.943-81.552 156.516-65.674c13.394 3.78 22.9 11.558 29.057 20.847L193.89 8.425c-7.778-12.422-27.653-9.83-38.887-.324L11.126 128.648c-13.07 11.234-13.826 31.217-1.729 43.315c10.694 10.694 27.653 11.666 39.427 2.16z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 182"><path fill="#0b5567" d="M216.358 174.771c38.778 31.001 63.622-61.57 1.836-78.636c-51.848-14.366-104.02 10.262-156.3 67.727c0 0 96.567-35.322 154.464 10.91"/><path fill="#15a9ce" d="M62.758 163.105c37.158-38.562 98.943-81.552 156.516-65.674c13.394 3.78 22.9 11.558 29.057 20.847L193.89 8.425c-7.778-12.422-27.653-9.83-38.887-.324L11.126 128.648c-13.07 11.234-13.826 31.217-1.729 43.315c10.694 10.694 27.653 11.666 39.427 2.16z"/></svg>
</template>

CSS

.icon-akka {
  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%20182%22%3E%3Cpath%20fill%3D%22%230b5567%22%20d%3D%22M216.358%20174.771c38.778%2031.001%2063.622-61.57%201.836-78.636c-51.848-14.366-104.02%2010.262-156.3%2067.727c0%200%2096.567-35.322%20154.464%2010.91%22%2F%3E%3Cpath%20fill%3D%22%2315a9ce%22%20d%3D%22M62.758%20163.105c37.158-38.562%2098.943-81.552%20156.516-65.674c13.394%203.78%2022.9%2011.558%2029.057%2020.847L193.89%208.425c-7.778-12.422-27.653-9.83-38.887-.324L11.126%20128.648c-13.07%2011.234-13.826%2031.217-1.729%2043.315c10.694%2010.694%2027.653%2011.666%2039.427%202.16z%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%20182%22%3E%3Cpath%20fill%3D%22%230b5567%22%20d%3D%22M216.358%20174.771c38.778%2031.001%2063.622-61.57%201.836-78.636c-51.848-14.366-104.02%2010.262-156.3%2067.727c0%200%2096.567-35.322%20154.464%2010.91%22%2F%3E%3Cpath%20fill%3D%22%2315a9ce%22%20d%3D%22M62.758%20163.105c37.158-38.562%2098.943-81.552%20156.516-65.674c13.394%203.78%2022.9%2011.558%2029.057%2020.847L193.89%208.425c-7.778-12.422-27.653-9.83-38.887-.324L11.126%20128.648c-13.07%2011.234-13.826%2031.217-1.729%2043.315c10.694%2010.694%2027.653%2011.666%2039.427%202.16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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