powr logo

powr from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: powr
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the powr logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#45dae2"><path d="m11.953 3l2.973 2.974l-2.973 2.98L8.972 5.98z" opacity=".9"/><path d="m7.469 4.245l4.086 1.002l-1.003 4.093l-4.086-1.003l1.003-4.1z" opacity=".85"/><path d="m16.395 4.21l-2.451.66l1.105 1.112l-1.998 1.998l.378 1.395l4.065-1.1z" opacity=".3"/><path d="m19.624 7.437l-1.003 4.086l-4.093-.996l1.002-4.092z" opacity=".35"/><path d="m20.928 11.926l-2.912 3.05l-3.042-2.905l2.912-3.05l3.042 2.912z" opacity=".4"/><path d="m19.691 16.576l-4.086 1.017l-1.017-4.086l4.086-1.017z" opacity=".45"/><path d="m16.45 19.757l-4.086-1.002l.996-4.08l4.093 1.003l-1.003 4.086z" opacity=".5"/><path d="m11.966 21l-2.974-2.974l2.974-2.98l2.98 2.98z" opacity=".55"/><path d="m7.529 19.86l-1.1-4.067l4.06-1.099l1.099 4.06l-4.06 1.098z" opacity=".6"/><path d="m4.24 16.461l.995-4.086l4.093 1.003l-1.003 4.086l-4.093-1.003z" opacity=".65"/><path d="m3.072 12.106l2.974-2.98l2.98 2.98l-2.973 2.974z" opacity=".7"/><path d="m4.172 7.444l4.072-1.01l1.016 4.087l-4.086 1.016l-1.016-4.086z" opacity=".75"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedPowr(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#45dae2"><path d="m11.953 3l2.973 2.974l-2.973 2.98L8.972 5.98z" opacity=".9"/><path d="m7.469 4.245l4.086 1.002l-1.003 4.093l-4.086-1.003l1.003-4.1z" opacity=".85"/><path d="m16.395 4.21l-2.451.66l1.105 1.112l-1.998 1.998l.378 1.395l4.065-1.1z" opacity=".3"/><path d="m19.624 7.437l-1.003 4.086l-4.093-.996l1.002-4.092z" opacity=".35"/><path d="m20.928 11.926l-2.912 3.05l-3.042-2.905l2.912-3.05l3.042 2.912z" opacity=".4"/><path d="m19.691 16.576l-4.086 1.017l-1.017-4.086l4.086-1.017z" opacity=".45"/><path d="m16.45 19.757l-4.086-1.002l.996-4.08l4.093 1.003l-1.003 4.086z" opacity=".5"/><path d="m11.966 21l-2.974-2.974l2.974-2.98l2.98 2.98z" opacity=".55"/><path d="m7.529 19.86l-1.1-4.067l4.06-1.099l1.099 4.06l-4.06 1.098z" opacity=".6"/><path d="m4.24 16.461l.995-4.086l4.093 1.003l-1.003 4.086l-4.093-1.003z" opacity=".65"/><path d="m3.072 12.106l2.974-2.98l2.98 2.98l-2.973 2.974z" opacity=".7"/><path d="m4.172 7.444l4.072-1.01l1.016 4.087l-4.086 1.016l-1.016-4.086z" opacity=".75"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#45dae2"><path d="m11.953 3l2.973 2.974l-2.973 2.98L8.972 5.98z" opacity=".9"/><path d="m7.469 4.245l4.086 1.002l-1.003 4.093l-4.086-1.003l1.003-4.1z" opacity=".85"/><path d="m16.395 4.21l-2.451.66l1.105 1.112l-1.998 1.998l.378 1.395l4.065-1.1z" opacity=".3"/><path d="m19.624 7.437l-1.003 4.086l-4.093-.996l1.002-4.092z" opacity=".35"/><path d="m20.928 11.926l-2.912 3.05l-3.042-2.905l2.912-3.05l3.042 2.912z" opacity=".4"/><path d="m19.691 16.576l-4.086 1.017l-1.017-4.086l4.086-1.017z" opacity=".45"/><path d="m16.45 19.757l-4.086-1.002l.996-4.08l4.093 1.003l-1.003 4.086z" opacity=".5"/><path d="m11.966 21l-2.974-2.974l2.974-2.98l2.98 2.98z" opacity=".55"/><path d="m7.529 19.86l-1.1-4.067l4.06-1.099l1.099 4.06l-4.06 1.098z" opacity=".6"/><path d="m4.24 16.461l.995-4.086l4.093 1.003l-1.003 4.086l-4.093-1.003z" opacity=".65"/><path d="m3.072 12.106l2.974-2.98l2.98 2.98l-2.973 2.974z" opacity=".7"/><path d="m4.172 7.444l4.072-1.01l1.016 4.087l-4.086 1.016l-1.016-4.086z" opacity=".75"/></g></svg>
</template>

CSS

.icon-powr {
  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%2024%2024%22%3E%3Cg%20fill%3D%22%2345dae2%22%3E%3Cpath%20d%3D%22m11.953%203l2.973%202.974l-2.973%202.98L8.972%205.98z%22%20opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22m7.469%204.245l4.086%201.002l-1.003%204.093l-4.086-1.003l1.003-4.1z%22%20opacity%3D%22.85%22%2F%3E%3Cpath%20d%3D%22m16.395%204.21l-2.451.66l1.105%201.112l-1.998%201.998l.378%201.395l4.065-1.1z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20d%3D%22m19.624%207.437l-1.003%204.086l-4.093-.996l1.002-4.092z%22%20opacity%3D%22.35%22%2F%3E%3Cpath%20d%3D%22m20.928%2011.926l-2.912%203.05l-3.042-2.905l2.912-3.05l3.042%202.912z%22%20opacity%3D%22.4%22%2F%3E%3Cpath%20d%3D%22m19.691%2016.576l-4.086%201.017l-1.017-4.086l4.086-1.017z%22%20opacity%3D%22.45%22%2F%3E%3Cpath%20d%3D%22m16.45%2019.757l-4.086-1.002l.996-4.08l4.093%201.003l-1.003%204.086z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m11.966%2021l-2.974-2.974l2.974-2.98l2.98%202.98z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22m7.529%2019.86l-1.1-4.067l4.06-1.099l1.099%204.06l-4.06%201.098z%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20d%3D%22m4.24%2016.461l.995-4.086l4.093%201.003l-1.003%204.086l-4.093-1.003z%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22m3.072%2012.106l2.974-2.98l2.98%202.98l-2.973%202.974z%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22m4.172%207.444l4.072-1.01l1.016%204.087l-4.086%201.016l-1.016-4.086z%22%20opacity%3D%22.75%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22%2345dae2%22%3E%3Cpath%20d%3D%22m11.953%203l2.973%202.974l-2.973%202.98L8.972%205.98z%22%20opacity%3D%22.9%22%2F%3E%3Cpath%20d%3D%22m7.469%204.245l4.086%201.002l-1.003%204.093l-4.086-1.003l1.003-4.1z%22%20opacity%3D%22.85%22%2F%3E%3Cpath%20d%3D%22m16.395%204.21l-2.451.66l1.105%201.112l-1.998%201.998l.378%201.395l4.065-1.1z%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20d%3D%22m19.624%207.437l-1.003%204.086l-4.093-.996l1.002-4.092z%22%20opacity%3D%22.35%22%2F%3E%3Cpath%20d%3D%22m20.928%2011.926l-2.912%203.05l-3.042-2.905l2.912-3.05l3.042%202.912z%22%20opacity%3D%22.4%22%2F%3E%3Cpath%20d%3D%22m19.691%2016.576l-4.086%201.017l-1.017-4.086l4.086-1.017z%22%20opacity%3D%22.45%22%2F%3E%3Cpath%20d%3D%22m16.45%2019.757l-4.086-1.002l.996-4.08l4.093%201.003l-1.003%204.086z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m11.966%2021l-2.974-2.974l2.974-2.98l2.98%202.98z%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22m7.529%2019.86l-1.1-4.067l4.06-1.099l1.099%204.06l-4.06%201.098z%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20d%3D%22m4.24%2016.461l.995-4.086l4.093%201.003l-1.003%204.086l-4.093-1.003z%22%20opacity%3D%22.65%22%2F%3E%3Cpath%20d%3D%22m3.072%2012.106l2.974-2.98l2.98%202.98l-2.973%202.974z%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22m4.172%207.444l4.072-1.01l1.016%204.087l-4.086%201.016l-1.016-4.086z%22%20opacity%3D%22.75%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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