pyth logo

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

Name: pyth
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 pyth logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#110f24"><path d="M13.543 10.2c0 .993-.853 1.543-1.543 1.543V13.8a3.6 3.6 0 1 0-3.6-3.6v8.846L10.457 21V10.2c0-.668.55-1.542 1.543-1.542a1.543 1.543 0 0 1 1.543 1.543"/><path d="M12 3a7.16 7.16 0 0 0-5.4 2.438A7.17 7.17 0 0 0 4.8 10.2v5.4l2.057 1.98V10.2c0-2.685 2.16-5.143 5.143-5.143s5.143 2.484 5.143 5.143c0 2.983-2.458 5.143-5.143 5.143V17.4A7.2 7.2 0 1 0 12 3"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedPyth(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#110f24"><path d="M13.543 10.2c0 .993-.853 1.543-1.543 1.543V13.8a3.6 3.6 0 1 0-3.6-3.6v8.846L10.457 21V10.2c0-.668.55-1.542 1.543-1.542a1.543 1.543 0 0 1 1.543 1.543"/><path d="M12 3a7.16 7.16 0 0 0-5.4 2.438A7.17 7.17 0 0 0 4.8 10.2v5.4l2.057 1.98V10.2c0-2.685 2.16-5.143 5.143-5.143s5.143 2.484 5.143 5.143c0 2.983-2.458 5.143-5.143 5.143V17.4A7.2 7.2 0 1 0 12 3"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#110f24"><path d="M13.543 10.2c0 .993-.853 1.543-1.543 1.543V13.8a3.6 3.6 0 1 0-3.6-3.6v8.846L10.457 21V10.2c0-.668.55-1.542 1.543-1.542a1.543 1.543 0 0 1 1.543 1.543"/><path d="M12 3a7.16 7.16 0 0 0-5.4 2.438A7.17 7.17 0 0 0 4.8 10.2v5.4l2.057 1.98V10.2c0-2.685 2.16-5.143 5.143-5.143s5.143 2.484 5.143 5.143c0 2.983-2.458 5.143-5.143 5.143V17.4A7.2 7.2 0 1 0 12 3"/></g></svg>
</template>

CSS

.icon-pyth {
  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%23110f24%22%3E%3Cpath%20d%3D%22M13.543%2010.2c0%20.993-.853%201.543-1.543%201.543V13.8a3.6%203.6%200%201%200-3.6-3.6v8.846L10.457%2021V10.2c0-.668.55-1.542%201.543-1.542a1.543%201.543%200%200%201%201.543%201.543%22%2F%3E%3Cpath%20d%3D%22M12%203a7.16%207.16%200%200%200-5.4%202.438A7.17%207.17%200%200%200%204.8%2010.2v5.4l2.057%201.98V10.2c0-2.685%202.16-5.143%205.143-5.143s5.143%202.484%205.143%205.143c0%202.983-2.458%205.143-5.143%205.143V17.4A7.2%207.2%200%201%200%2012%203%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%23110f24%22%3E%3Cpath%20d%3D%22M13.543%2010.2c0%20.993-.853%201.543-1.543%201.543V13.8a3.6%203.6%200%201%200-3.6-3.6v8.846L10.457%2021V10.2c0-.668.55-1.542%201.543-1.542a1.543%201.543%200%200%201%201.543%201.543%22%2F%3E%3Cpath%20d%3D%22M12%203a7.16%207.16%200%200%200-5.4%202.438A7.17%207.17%200%200%200%204.8%2010.2v5.4l2.057%201.98V10.2c0-2.685%202.16-5.143%205.143-5.143s5.143%202.484%205.143%205.143c0%202.983-2.458%205.143-5.143%205.143V17.4A7.2%207.2%200%201%200%2012%203%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/pyth.svg?color=%231a73e8&size=48