ozean logo
ozean from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- ozean
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the ozean logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.576 9.266c1.545 0 2.781 1.215 2.781 2.734s-1.236 2.734-2.78 2.734c-1.546 0-2.78-1.215-2.78-2.734c0-1.52 1.234-2.734 2.78-2.734m0 7.233c2.53 0 4.577-2.012 4.577-4.499s-2.047-4.5-4.577-4.5S3 9.513 3 12s2.047 4.5 4.576 4.5m6.407-8.998a.3.3 0 0 0-.305.3V9c0 .166.136.3.305.3h4.882a.303.303 0 0 0 .305-.3V7.8c0-.165-.137-.3-.305-.3zM19.474 9.3a.303.303 0 0 0-.304.3v1.202c0 .165.136.3.304.3h1.221a.303.303 0 0 0 .305-.3V9.6c0-.166-.137-.3-.305-.3zm-5.49 3.6a.3.3 0 0 0-.306.3v1.2c0 .165.136.3.305.3h1.22a.303.303 0 0 0 .306-.3v-1.2c0-.166-.137-.3-.305-.3zm2.44-1.5c0-.166.137-.3.305-.3h1.22c.169 0 .305.134.305.3v1.2c0 .166-.136.3-.305.3h-1.22a.303.303 0 0 1-.305-.3zm-.61 3.3a.3.3 0 0 0-.305.3v1.2c0 .165.136.3.305.3h4.881a.303.303 0 0 0 .305-.3V15c0-.166-.137-.3-.305-.3z"/></svg>
React
import type { SVGProps } from "react";
export function TokenOzean(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="M7.576 9.266c1.545 0 2.781 1.215 2.781 2.734s-1.236 2.734-2.78 2.734c-1.546 0-2.78-1.215-2.78-2.734c0-1.52 1.234-2.734 2.78-2.734m0 7.233c2.53 0 4.577-2.012 4.577-4.499s-2.047-4.5-4.577-4.5S3 9.513 3 12s2.047 4.5 4.576 4.5m6.407-8.998a.3.3 0 0 0-.305.3V9c0 .166.136.3.305.3h4.882a.303.303 0 0 0 .305-.3V7.8c0-.165-.137-.3-.305-.3zM19.474 9.3a.303.303 0 0 0-.304.3v1.202c0 .165.136.3.304.3h1.221a.303.303 0 0 0 .305-.3V9.6c0-.166-.137-.3-.305-.3zm-5.49 3.6a.3.3 0 0 0-.306.3v1.2c0 .165.136.3.305.3h1.22a.303.303 0 0 0 .306-.3v-1.2c0-.166-.137-.3-.305-.3zm2.44-1.5c0-.166.137-.3.305-.3h1.22c.169 0 .305.134.305.3v1.2c0 .166-.136.3-.305.3h-1.22a.303.303 0 0 1-.305-.3zm-.61 3.3a.3.3 0 0 0-.305.3v1.2c0 .165.136.3.305.3h4.881a.303.303 0 0 0 .305-.3V15c0-.166-.137-.3-.305-.3z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.576 9.266c1.545 0 2.781 1.215 2.781 2.734s-1.236 2.734-2.78 2.734c-1.546 0-2.78-1.215-2.78-2.734c0-1.52 1.234-2.734 2.78-2.734m0 7.233c2.53 0 4.577-2.012 4.577-4.499s-2.047-4.5-4.577-4.5S3 9.513 3 12s2.047 4.5 4.576 4.5m6.407-8.998a.3.3 0 0 0-.305.3V9c0 .166.136.3.305.3h4.882a.303.303 0 0 0 .305-.3V7.8c0-.165-.137-.3-.305-.3zM19.474 9.3a.303.303 0 0 0-.304.3v1.202c0 .165.136.3.304.3h1.221a.303.303 0 0 0 .305-.3V9.6c0-.166-.137-.3-.305-.3zm-5.49 3.6a.3.3 0 0 0-.306.3v1.2c0 .165.136.3.305.3h1.22a.303.303 0 0 0 .306-.3v-1.2c0-.166-.137-.3-.305-.3zm2.44-1.5c0-.166.137-.3.305-.3h1.22c.169 0 .305.134.305.3v1.2c0 .166-.136.3-.305.3h-1.22a.303.303 0 0 1-.305-.3zm-.61 3.3a.3.3 0 0 0-.305.3v1.2c0 .165.136.3.305.3h4.881a.303.303 0 0 0 .305-.3V15c0-.166-.137-.3-.305-.3z"/></svg> </template>
CSS
.icon-ozean {
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%22M7.576%209.266c1.545%200%202.781%201.215%202.781%202.734s-1.236%202.734-2.78%202.734c-1.546%200-2.78-1.215-2.78-2.734c0-1.52%201.234-2.734%202.78-2.734m0%207.233c2.53%200%204.577-2.012%204.577-4.499s-2.047-4.5-4.577-4.5S3%209.513%203%2012s2.047%204.5%204.576%204.5m6.407-8.998a.3.3%200%200%200-.305.3V9c0%20.166.136.3.305.3h4.882a.303.303%200%200%200%20.305-.3V7.8c0-.165-.137-.3-.305-.3zM19.474%209.3a.303.303%200%200%200-.304.3v1.202c0%20.165.136.3.304.3h1.221a.303.303%200%200%200%20.305-.3V9.6c0-.166-.137-.3-.305-.3zm-5.49%203.6a.3.3%200%200%200-.306.3v1.2c0%20.165.136.3.305.3h1.22a.303.303%200%200%200%20.306-.3v-1.2c0-.166-.137-.3-.305-.3zm2.44-1.5c0-.166.137-.3.305-.3h1.22c.169%200%20.305.134.305.3v1.2c0%20.166-.136.3-.305.3h-1.22a.303.303%200%200%201-.305-.3zm-.61%203.3a.3.3%200%200%200-.305.3v1.2c0%20.165.136.3.305.3h4.881a.303.303%200%200%200%20.305-.3V15c0-.166-.137-.3-.305-.3z%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%22M7.576%209.266c1.545%200%202.781%201.215%202.781%202.734s-1.236%202.734-2.78%202.734c-1.546%200-2.78-1.215-2.78-2.734c0-1.52%201.234-2.734%202.78-2.734m0%207.233c2.53%200%204.577-2.012%204.577-4.499s-2.047-4.5-4.577-4.5S3%209.513%203%2012s2.047%204.5%204.576%204.5m6.407-8.998a.3.3%200%200%200-.305.3V9c0%20.166.136.3.305.3h4.882a.303.303%200%200%200%20.305-.3V7.8c0-.165-.137-.3-.305-.3zM19.474%209.3a.303.303%200%200%200-.304.3v1.202c0%20.165.136.3.304.3h1.221a.303.303%200%200%200%20.305-.3V9.6c0-.166-.137-.3-.305-.3zm-5.49%203.6a.3.3%200%200%200-.306.3v1.2c0%20.165.136.3.305.3h1.22a.303.303%200%200%200%20.306-.3v-1.2c0-.166-.137-.3-.305-.3zm2.44-1.5c0-.166.137-.3.305-.3h1.22c.169%200%20.305.134.305.3v1.2c0%20.166-.136.3-.305.3h-1.22a.303.303%200%200%201-.305-.3zm-.61%203.3a.3.3%200%200%200-.305.3v1.2c0%20.165.136.3.305.3h4.881a.303.303%200%200%200%20.305-.3V15c0-.166-.137-.3-.305-.3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/ozean.svg?color=%231a73e8&size=48
