oce logo
oce from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- oce
- 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 oce logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGxQNaFcGk)" 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.34 1.63l1.936 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"/><defs><linearGradient id="SVGxQNaFcGk" x1="19.332" x2="5.304" y1="5.725" y2="20.557" gradientUnits="userSpaceOnUse"><stop stop-color="#b06da7"/><stop offset=".51" stop-color="#a5a5d1"/><stop offset=".73" stop-color="#92d1f4"/><stop offset=".84" stop-color="#4e9dd7"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedOce(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="url(#SVGxQNaFcGk)" 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.34 1.63l1.936 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"/><defs><linearGradient id="SVGxQNaFcGk" x1="19.332" x2="5.304" y1="5.725" y2="20.557" gradientUnits="userSpaceOnUse"><stop stopColor="#b06da7"/><stop offset=".51" stopColor="#a5a5d1"/><stop offset=".73" stopColor="#92d1f4"/><stop offset=".84" stopColor="#4e9dd7"/></linearGradient></defs></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="url(#SVGxQNaFcGk)" 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.34 1.63l1.936 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"/><defs><linearGradient id="SVGxQNaFcGk" x1="19.332" x2="5.304" y1="5.725" y2="20.557" gradientUnits="userSpaceOnUse"><stop stop-color="#b06da7"/><stop offset=".51" stop-color="#a5a5d1"/><stop offset=".73" stop-color="#92d1f4"/><stop offset=".84" stop-color="#4e9dd7"/></linearGradient></defs></g></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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGxQNaFcGk)%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.34%201.63l1.936%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGxQNaFcGk%22%20x1%3D%2219.332%22%20x2%3D%225.304%22%20y1%3D%225.725%22%20y2%3D%2220.557%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b06da7%22%2F%3E%3Cstop%20offset%3D%22.51%22%20stop-color%3D%22%23a5a5d1%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22%2392d1f4%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%234e9dd7%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%22url(%23SVGxQNaFcGk)%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.34%201.63l1.936%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGxQNaFcGk%22%20x1%3D%2219.332%22%20x2%3D%225.304%22%20y1%3D%225.725%22%20y2%3D%2220.557%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b06da7%22%2F%3E%3Cstop%20offset%3D%22.51%22%20stop-color%3D%22%23a5a5d1%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22%2392d1f4%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%234e9dd7%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/oce.svg?color=%231a73e8&size=48
