exponent logo

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

Name
exponent
Set
SVG Logos
Style
Color
Viewbox
256×240
License
CC0

The same logo in other sets

Use the exponent logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 240"><path d="M94.104-.001L0 217.125l42.193 22.519L128 55.703l85.57 183.941L256 217.125L161.896-.001H94.104z" fill="#023C69"/></svg>

React

import type { SVGProps } from "react";

export function LogosExponent(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 240"><path d="M94.104-.001L0 217.125l42.193 22.519L128 55.703l85.57 183.941L256 217.125L161.896-.001H94.104z" fill="#023C69"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 240"><path d="M94.104-.001L0 217.125l42.193 22.519L128 55.703l85.57 183.941L256 217.125L161.896-.001H94.104z" fill="#023C69"/></svg>
</template>

CSS

.icon-exponent {
  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%20240%22%3E%3Cpath%20d%3D%22M94.104-.001L0%20217.125l42.193%2022.519L128%2055.703l85.57%20183.941L256%20217.125L161.896-.001H94.104z%22%20fill%3D%22%23023C69%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%20240%22%3E%3Cpath%20d%3D%22M94.104-.001L0%20217.125l42.193%2022.519L128%2055.703l85.57%20183.941L256%20217.125L161.896-.001H94.104z%22%20fill%3D%22%23023C69%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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