oce logo

oce from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.

Name
oce
Set
Web3 Icons
Style
Mono
Viewbox
24×24
License
MIT

The same logo in other sets

oceWeb3 Icons Branded

Use the oce logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.557 3.687a5.1 5.1 0 0 0-5.113 0L6.087 5.624a5.11 5.11 0 0 0-2.556 4.43v.175A4.66 4.66 0 0 1 5.86 6.201l3.054-1.768a4.65 4.65 0 0 1 4.648 0l3.06 1.768a4.6 4.6 0 0 1 2.26 4.028v3.536a4.6 4.6 0 0 1-2.26 4.029l-3.06 1.768a4.65 4.65 0 0 1-4.648 0l-3.06-1.768a4.66 4.66 0 0 1-2.323-4.029v.175a5.11 5.11 0 0 0 2.556 4.43l3.357 1.943a5.1 5.1 0 0 0 5.113 0l3.356-1.942a5.11 5.11 0 0 0 2.557-4.431v-3.885a5.11 5.11 0 0 0-2.557-4.43L14.557 3.68zM9.295 5.222a3.98 3.98 0 0 1 4.066 0l2.673 1.588a4.16 4.16 0 0 1 1.89 2.509a3.72 3.72 0 0 0-1.657-1.937l-2.478-1.409a3.83 3.83 0 0 0-3.774 0L7.533 7.382a3.7 3.7 0 0 0-1.885 3.207v2.816c0 1.324.72 2.547 1.885 3.208l2.482 1.408a3.83 3.83 0 0 0 3.774 0l2.478-1.408a3.72 3.72 0 0 0 1.657-1.932a4.16 4.16 0 0 1-1.89 2.504l-2.673 1.588a3.98 3.98 0 0 1-4.066 0l-2.673-1.588a4.18 4.18 0 0 1-2.033-3.6V10.41a4.18 4.18 0 0 1 2.033-3.604l2.673-1.588zm3.536 2.154a3.03 3.03 0 0 0-2.938 0l-1.937 1.08a2.86 2.86 0 0 0-1.34 1.625a3.3 3.3 0 0 1 1.557-2.186l2.133-1.25a3.21 3.21 0 0 1 3.25 0l2.134 1.25a3.28 3.28 0 0 1 1.604 2.853v2.499A3.28 3.28 0 0 1 15.69 16.1l-2.134 1.249a3.21 3.21 0 0 1-3.25 0l-2.133-1.25a3.3 3.3 0 0 1-1.556-2.19a2.86 2.86 0 0 0 1.339 1.63l1.937 1.08a3.02 3.02 0 0 0 2.938 0l1.932-1.08a2.83 2.83 0 0 0 1.472-2.462v-2.16a2.82 2.82 0 0 0-1.472-2.46z"/></svg>

React

import type { SVGProps } from "react";

export function TokenOce(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.557 3.687a5.1 5.1 0 0 0-5.113 0L6.087 5.624a5.11 5.11 0 0 0-2.556 4.43v.175A4.66 4.66 0 0 1 5.86 6.201l3.054-1.768a4.65 4.65 0 0 1 4.648 0l3.06 1.768a4.6 4.6 0 0 1 2.26 4.028v3.536a4.6 4.6 0 0 1-2.26 4.029l-3.06 1.768a4.65 4.65 0 0 1-4.648 0l-3.06-1.768a4.66 4.66 0 0 1-2.323-4.029v.175a5.11 5.11 0 0 0 2.556 4.43l3.357 1.943a5.1 5.1 0 0 0 5.113 0l3.356-1.942a5.11 5.11 0 0 0 2.557-4.431v-3.885a5.11 5.11 0 0 0-2.557-4.43L14.557 3.68zM9.295 5.222a3.98 3.98 0 0 1 4.066 0l2.673 1.588a4.16 4.16 0 0 1 1.89 2.509a3.72 3.72 0 0 0-1.657-1.937l-2.478-1.409a3.83 3.83 0 0 0-3.774 0L7.533 7.382a3.7 3.7 0 0 0-1.885 3.207v2.816c0 1.324.72 2.547 1.885 3.208l2.482 1.408a3.83 3.83 0 0 0 3.774 0l2.478-1.408a3.72 3.72 0 0 0 1.657-1.932a4.16 4.16 0 0 1-1.89 2.504l-2.673 1.588a3.98 3.98 0 0 1-4.066 0l-2.673-1.588a4.18 4.18 0 0 1-2.033-3.6V10.41a4.18 4.18 0 0 1 2.033-3.604l2.673-1.588zm3.536 2.154a3.03 3.03 0 0 0-2.938 0l-1.937 1.08a2.86 2.86 0 0 0-1.34 1.625a3.3 3.3 0 0 1 1.557-2.186l2.133-1.25a3.21 3.21 0 0 1 3.25 0l2.134 1.25a3.28 3.28 0 0 1 1.604 2.853v2.499A3.28 3.28 0 0 1 15.69 16.1l-2.134 1.249a3.21 3.21 0 0 1-3.25 0l-2.133-1.25a3.3 3.3 0 0 1-1.556-2.19a2.86 2.86 0 0 0 1.339 1.63l1.937 1.08a3.02 3.02 0 0 0 2.938 0l1.932-1.08a2.83 2.83 0 0 0 1.472-2.462v-2.16a2.82 2.82 0 0 0-1.472-2.46z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.557 3.687a5.1 5.1 0 0 0-5.113 0L6.087 5.624a5.11 5.11 0 0 0-2.556 4.43v.175A4.66 4.66 0 0 1 5.86 6.201l3.054-1.768a4.65 4.65 0 0 1 4.648 0l3.06 1.768a4.6 4.6 0 0 1 2.26 4.028v3.536a4.6 4.6 0 0 1-2.26 4.029l-3.06 1.768a4.65 4.65 0 0 1-4.648 0l-3.06-1.768a4.66 4.66 0 0 1-2.323-4.029v.175a5.11 5.11 0 0 0 2.556 4.43l3.357 1.943a5.1 5.1 0 0 0 5.113 0l3.356-1.942a5.11 5.11 0 0 0 2.557-4.431v-3.885a5.11 5.11 0 0 0-2.557-4.43L14.557 3.68zM9.295 5.222a3.98 3.98 0 0 1 4.066 0l2.673 1.588a4.16 4.16 0 0 1 1.89 2.509a3.72 3.72 0 0 0-1.657-1.937l-2.478-1.409a3.83 3.83 0 0 0-3.774 0L7.533 7.382a3.7 3.7 0 0 0-1.885 3.207v2.816c0 1.324.72 2.547 1.885 3.208l2.482 1.408a3.83 3.83 0 0 0 3.774 0l2.478-1.408a3.72 3.72 0 0 0 1.657-1.932a4.16 4.16 0 0 1-1.89 2.504l-2.673 1.588a3.98 3.98 0 0 1-4.066 0l-2.673-1.588a4.18 4.18 0 0 1-2.033-3.6V10.41a4.18 4.18 0 0 1 2.033-3.604l2.673-1.588zm3.536 2.154a3.03 3.03 0 0 0-2.938 0l-1.937 1.08a2.86 2.86 0 0 0-1.34 1.625a3.3 3.3 0 0 1 1.557-2.186l2.133-1.25a3.21 3.21 0 0 1 3.25 0l2.134 1.25a3.28 3.28 0 0 1 1.604 2.853v2.499A3.28 3.28 0 0 1 15.69 16.1l-2.134 1.249a3.21 3.21 0 0 1-3.25 0l-2.133-1.25a3.3 3.3 0 0 1-1.556-2.19a2.86 2.86 0 0 0 1.339 1.63l1.937 1.08a3.02 3.02 0 0 0 2.938 0l1.932-1.08a2.83 2.83 0 0 0 1.472-2.462v-2.16a2.82 2.82 0 0 0-1.472-2.46z"/></svg>
</template>

CSS

.icon-oce {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.557%203.687a5.1%205.1%200%200%200-5.113%200L6.087%205.624a5.11%205.11%200%200%200-2.556%204.43v.175A4.66%204.66%200%200%201%205.86%206.201l3.054-1.768a4.65%204.65%200%200%201%204.648%200l3.06%201.768a4.6%204.6%200%200%201%202.26%204.028v3.536a4.6%204.6%200%200%201-2.26%204.029l-3.06%201.768a4.65%204.65%200%200%201-4.648%200l-3.06-1.768a4.66%204.66%200%200%201-2.323-4.029v.175a5.11%205.11%200%200%200%202.556%204.43l3.357%201.943a5.1%205.1%200%200%200%205.113%200l3.356-1.942a5.11%205.11%200%200%200%202.557-4.431v-3.885a5.11%205.11%200%200%200-2.557-4.43L14.557%203.68zM9.295%205.222a3.98%203.98%200%200%201%204.066%200l2.673%201.588a4.16%204.16%200%200%201%201.89%202.509a3.72%203.72%200%200%200-1.657-1.937l-2.478-1.409a3.83%203.83%200%200%200-3.774%200L7.533%207.382a3.7%203.7%200%200%200-1.885%203.207v2.816c0%201.324.72%202.547%201.885%203.208l2.482%201.408a3.83%203.83%200%200%200%203.774%200l2.478-1.408a3.72%203.72%200%200%200%201.657-1.932a4.16%204.16%200%200%201-1.89%202.504l-2.673%201.588a3.98%203.98%200%200%201-4.066%200l-2.673-1.588a4.18%204.18%200%200%201-2.033-3.6V10.41a4.18%204.18%200%200%201%202.033-3.604l2.673-1.588zm3.536%202.154a3.03%203.03%200%200%200-2.938%200l-1.937%201.08a2.86%202.86%200%200%200-1.34%201.625a3.3%203.3%200%200%201%201.557-2.186l2.133-1.25a3.21%203.21%200%200%201%203.25%200l2.134%201.25a3.28%203.28%200%200%201%201.604%202.853v2.499A3.28%203.28%200%200%201%2015.69%2016.1l-2.134%201.249a3.21%203.21%200%200%201-3.25%200l-2.133-1.25a3.3%203.3%200%200%201-1.556-2.19a2.86%202.86%200%200%200%201.339%201.63l1.937%201.08a3.02%203.02%200%200%200%202.938%200l1.932-1.08a2.83%202.83%200%200%200%201.472-2.462v-2.16a2.82%202.82%200%200%200-1.472-2.46z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.557%203.687a5.1%205.1%200%200%200-5.113%200L6.087%205.624a5.11%205.11%200%200%200-2.556%204.43v.175A4.66%204.66%200%200%201%205.86%206.201l3.054-1.768a4.65%204.65%200%200%201%204.648%200l3.06%201.768a4.6%204.6%200%200%201%202.26%204.028v3.536a4.6%204.6%200%200%201-2.26%204.029l-3.06%201.768a4.65%204.65%200%200%201-4.648%200l-3.06-1.768a4.66%204.66%200%200%201-2.323-4.029v.175a5.11%205.11%200%200%200%202.556%204.43l3.357%201.943a5.1%205.1%200%200%200%205.113%200l3.356-1.942a5.11%205.11%200%200%200%202.557-4.431v-3.885a5.11%205.11%200%200%200-2.557-4.43L14.557%203.68zM9.295%205.222a3.98%203.98%200%200%201%204.066%200l2.673%201.588a4.16%204.16%200%200%201%201.89%202.509a3.72%203.72%200%200%200-1.657-1.937l-2.478-1.409a3.83%203.83%200%200%200-3.774%200L7.533%207.382a3.7%203.7%200%200%200-1.885%203.207v2.816c0%201.324.72%202.547%201.885%203.208l2.482%201.408a3.83%203.83%200%200%200%203.774%200l2.478-1.408a3.72%203.72%200%200%200%201.657-1.932a4.16%204.16%200%200%201-1.89%202.504l-2.673%201.588a3.98%203.98%200%200%201-4.066%200l-2.673-1.588a4.18%204.18%200%200%201-2.033-3.6V10.41a4.18%204.18%200%200%201%202.033-3.604l2.673-1.588zm3.536%202.154a3.03%203.03%200%200%200-2.938%200l-1.937%201.08a2.86%202.86%200%200%200-1.34%201.625a3.3%203.3%200%200%201%201.557-2.186l2.133-1.25a3.21%203.21%200%200%201%203.25%200l2.134%201.25a3.28%203.28%200%200%201%201.604%202.853v2.499A3.28%203.28%200%200%201%2015.69%2016.1l-2.134%201.249a3.21%203.21%200%200%201-3.25%200l-2.133-1.25a3.3%203.3%200%200%201-1.556-2.19a2.86%202.86%200%200%200%201.339%201.63l1.937%201.08a3.02%203.02%200%200%200%202.938%200l1.932-1.08a2.83%202.83%200%200%200%201.472-2.462v-2.16a2.82%202.82%200%200%200-1.472-2.46z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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