hxro logo

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#02fd05" d="M12.4 3c3.093 0 5.624 2.014 6.507 3.02l-.844.917l-.062-.062c-2.086-1.9-3.082-2.8-6.142-3.166c-2.475-.298-5.062 1.248-6.046 2.064C6.127 5.278 8.535 3 12.399 3"/><path fill="#ff00c8" d="M12.023 21c-3.144 0-5.72-1.991-6.615-2.981l.855-.912c2.166 1.919 3.161 2.83 6.311 3.195c2.515.293 5.175-1.237 6.176-2.041c-.32.489-2.8 2.739-6.727 2.739"/><path fill="#02fd05" d="M8.873 12.14L6.342 7.9l-.26.63l2.352 3.61L3 21z"/><path fill="#02fd05" d="m12.658 9.384l2.717-2.447l-3.212 3.6l-1.305-1.912H8.946l2.042 3.33L3 21l6.863-9.045L7.208 7.5h4.24l1.216 1.884z"/><path fill="#ff00c8" d="M15.183 12.41L21 3.563l-5.5 8.847l2.474 3.848l-.18.686z"/><path fill="#ff00c8" d="M13.13 12.45L21 3.563l-6.778 8.887l2.745 4.612h-4.22l-1.203-1.834l-2.919 2.396l3.307-3.763l1.446 2.076h1.918z"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedHxro(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#02fd05" d="M12.4 3c3.093 0 5.624 2.014 6.507 3.02l-.844.917l-.062-.062c-2.086-1.9-3.082-2.8-6.142-3.166c-2.475-.298-5.062 1.248-6.046 2.064C6.127 5.278 8.535 3 12.399 3"/><path fill="#ff00c8" d="M12.023 21c-3.144 0-5.72-1.991-6.615-2.981l.855-.912c2.166 1.919 3.161 2.83 6.311 3.195c2.515.293 5.175-1.237 6.176-2.041c-.32.489-2.8 2.739-6.727 2.739"/><path fill="#02fd05" d="M8.873 12.14L6.342 7.9l-.26.63l2.352 3.61L3 21z"/><path fill="#02fd05" d="m12.658 9.384l2.717-2.447l-3.212 3.6l-1.305-1.912H8.946l2.042 3.33L3 21l6.863-9.045L7.208 7.5h4.24l1.216 1.884z"/><path fill="#ff00c8" d="M15.183 12.41L21 3.563l-5.5 8.847l2.474 3.848l-.18.686z"/><path fill="#ff00c8" d="M13.13 12.45L21 3.563l-6.778 8.887l2.745 4.612h-4.22l-1.203-1.834l-2.919 2.396l3.307-3.763l1.446 2.076h1.918z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#02fd05" d="M12.4 3c3.093 0 5.624 2.014 6.507 3.02l-.844.917l-.062-.062c-2.086-1.9-3.082-2.8-6.142-3.166c-2.475-.298-5.062 1.248-6.046 2.064C6.127 5.278 8.535 3 12.399 3"/><path fill="#ff00c8" d="M12.023 21c-3.144 0-5.72-1.991-6.615-2.981l.855-.912c2.166 1.919 3.161 2.83 6.311 3.195c2.515.293 5.175-1.237 6.176-2.041c-.32.489-2.8 2.739-6.727 2.739"/><path fill="#02fd05" d="M8.873 12.14L6.342 7.9l-.26.63l2.352 3.61L3 21z"/><path fill="#02fd05" d="m12.658 9.384l2.717-2.447l-3.212 3.6l-1.305-1.912H8.946l2.042 3.33L3 21l6.863-9.045L7.208 7.5h4.24l1.216 1.884z"/><path fill="#ff00c8" d="M15.183 12.41L21 3.563l-5.5 8.847l2.474 3.848l-.18.686z"/><path fill="#ff00c8" d="M13.13 12.45L21 3.563l-6.778 8.887l2.745 4.612h-4.22l-1.203-1.834l-2.919 2.396l3.307-3.763l1.446 2.076h1.918z"/></g></svg>
</template>

CSS

.icon-hxro {
  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%22none%22%3E%3Cpath%20fill%3D%22%2302fd05%22%20d%3D%22M12.4%203c3.093%200%205.624%202.014%206.507%203.02l-.844.917l-.062-.062c-2.086-1.9-3.082-2.8-6.142-3.166c-2.475-.298-5.062%201.248-6.046%202.064C6.127%205.278%208.535%203%2012.399%203%22%2F%3E%3Cpath%20fill%3D%22%23ff00c8%22%20d%3D%22M12.023%2021c-3.144%200-5.72-1.991-6.615-2.981l.855-.912c2.166%201.919%203.161%202.83%206.311%203.195c2.515.293%205.175-1.237%206.176-2.041c-.32.489-2.8%202.739-6.727%202.739%22%2F%3E%3Cpath%20fill%3D%22%2302fd05%22%20d%3D%22M8.873%2012.14L6.342%207.9l-.26.63l2.352%203.61L3%2021z%22%2F%3E%3Cpath%20fill%3D%22%2302fd05%22%20d%3D%22m12.658%209.384l2.717-2.447l-3.212%203.6l-1.305-1.912H8.946l2.042%203.33L3%2021l6.863-9.045L7.208%207.5h4.24l1.216%201.884z%22%2F%3E%3Cpath%20fill%3D%22%23ff00c8%22%20d%3D%22M15.183%2012.41L21%203.563l-5.5%208.847l2.474%203.848l-.18.686z%22%2F%3E%3Cpath%20fill%3D%22%23ff00c8%22%20d%3D%22M13.13%2012.45L21%203.563l-6.778%208.887l2.745%204.612h-4.22l-1.203-1.834l-2.919%202.396l3.307-3.763l1.446%202.076h1.918z%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%22none%22%3E%3Cpath%20fill%3D%22%2302fd05%22%20d%3D%22M12.4%203c3.093%200%205.624%202.014%206.507%203.02l-.844.917l-.062-.062c-2.086-1.9-3.082-2.8-6.142-3.166c-2.475-.298-5.062%201.248-6.046%202.064C6.127%205.278%208.535%203%2012.399%203%22%2F%3E%3Cpath%20fill%3D%22%23ff00c8%22%20d%3D%22M12.023%2021c-3.144%200-5.72-1.991-6.615-2.981l.855-.912c2.166%201.919%203.161%202.83%206.311%203.195c2.515.293%205.175-1.237%206.176-2.041c-.32.489-2.8%202.739-6.727%202.739%22%2F%3E%3Cpath%20fill%3D%22%2302fd05%22%20d%3D%22M8.873%2012.14L6.342%207.9l-.26.63l2.352%203.61L3%2021z%22%2F%3E%3Cpath%20fill%3D%22%2302fd05%22%20d%3D%22m12.658%209.384l2.717-2.447l-3.212%203.6l-1.305-1.912H8.946l2.042%203.33L3%2021l6.863-9.045L7.208%207.5h4.24l1.216%201.884z%22%2F%3E%3Cpath%20fill%3D%22%23ff00c8%22%20d%3D%22M15.183%2012.41L21%203.563l-5.5%208.847l2.474%203.848l-.18.686z%22%2F%3E%3Cpath%20fill%3D%22%23ff00c8%22%20d%3D%22M13.13%2012.45L21%203.563l-6.778%208.887l2.745%204.612h-4.22l-1.203-1.834l-2.919%202.396l3.307-3.763l1.446%202.076h1.918z%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/hxro.svg?color=%231a73e8&size=48