ocean logo

ocean-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: ocean-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the ocean logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd150)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.05 11.7c0 .47-.39.85-.865.85a.855.855 0 0 1-.86-.85c0-.47.385-.85.86-.85s.86.38.86.85zm13.67 0c0 .47-.385.85-.86.85a.855.855 0 0 1-.86-.85c0-.47.385-.85.86-.85s.86.38.86.85m-6.835 3.355c0 .47-.385.85-.86.85a.855.855 0 0 1-.86-.85c0-.465.385-.85.86-.85s.86.385.86.85m-3.445-1.65c0 .465-.385.85-.86.85a.86.86 0 0 1-.86-.85c0-.475.385-.85.86-.85s.86.375.86.85m6.84 0c0 .465-.385.85-.86.85a.86.86 0 0 1-.86-.85c0-.475.385-.85.86-.85s.86.375.86.85m-10.515.87c0 .32-.26.575-.58.575a.576.576 0 0 1-.58-.575a.58.58 0 0 1 1.16 0m13.675 0c0 .32-.26.575-.58.575a.576.576 0 0 1-.58-.575a.58.58 0 0 1 1.16 0m-6.835 3.4a.584.584 0 0 1-1.165.005a.58.58 0 0 1 .585-.575c.32 0 .58.255.58.575zm-3.44-1.7c0 .32-.26.575-.585.575a.576.576 0 0 1-.58-.575a.58.58 0 0 1 .58-.575a.58.58 0 0 1 .585.575m6.835 0c0 .32-.26.575-.58.575a.58.58 0 0 1-.585-.575a.584.584 0 0 1 1.165 0M5.49 16.3a.3.3 0 0 1-.3.3a.3.3 0 1 1 .295-.3zm13.675 0a.3.3 0 0 1-.3.3a.3.3 0 0 1-.305-.3a.3.3 0 0 1 .6 0zm-6.84 3.4a.3.3 0 1 1-.6 0a.3.3 0 0 1 .6 0M8.885 18a.3.3 0 0 1-.3.3a.3.3 0 1 1 .295-.3zm6.835 0a.3.3 0 1 1-.6 0a.3.3 0 0 1 .6 0M13.165 5.15A1.16 1.16 0 0 1 12 6.3a1.154 1.154 0 0 1-1.165-1.15C10.835 4.515 11.36 4 12 4a1.154 1.154 0 0 1 1.165 1.15m0 3.4A1.16 1.16 0 0 1 12 9.7a1.153 1.153 0 0 1-1.165-1.15c0-.635.525-1.15 1.165-1.15a1.154 1.154 0 0 1 1.165 1.15m0 3.36A1.16 1.16 0 0 1 12 13.06a1.153 1.153 0 0 1-1.165-1.15c0-.635.525-1.15 1.165-1.15a1.153 1.153 0 0 1 1.165 1.15M20 8.55c0 .635-.52 1.15-1.165 1.15a1.155 1.155 0 0 1-1.16-1.15c0-.635.52-1.15 1.16-1.15A1.155 1.155 0 0 1 20 8.55m-13.675 0c0 .635-.52 1.15-1.16 1.15A1.154 1.154 0 0 1 4 8.55c0-.635.52-1.15 1.165-1.15a1.155 1.155 0 0 1 1.16 1.15m3.44-1.7c0 .635-.52 1.15-1.16 1.15A1.155 1.155 0 0 1 7.44 6.85c0-.635.52-1.15 1.165-1.15a1.155 1.155 0 0 1 1.16 1.15m0 3.355c0 .635-.52 1.15-1.16 1.15a1.154 1.154 0 0 1-1.165-1.15c0-.635.52-1.15 1.165-1.15a1.155 1.155 0 0 1 1.16 1.15m6.84-3.35c0 .63-.52 1.145-1.165 1.145a1.155 1.155 0 0 1-1.16-1.15c0-.635.52-1.15 1.16-1.15a1.155 1.155 0 0 1 1.165 1.15zm0 3.35c0 .635-.52 1.15-1.165 1.15a1.155 1.155 0 0 1-1.16-1.15c0-.635.52-1.15 1.16-1.15a1.155 1.155 0 0 1 1.165 1.15"/></g><defs><clipPath id="SVGHcSWxdhd150"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedOceanBackground(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"><g clipPath="url(#SVGHcSWxdhd150)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.05 11.7c0 .47-.39.85-.865.85a.855.855 0 0 1-.86-.85c0-.47.385-.85.86-.85s.86.38.86.85zm13.67 0c0 .47-.385.85-.86.85a.855.855 0 0 1-.86-.85c0-.47.385-.85.86-.85s.86.38.86.85m-6.835 3.355c0 .47-.385.85-.86.85a.855.855 0 0 1-.86-.85c0-.465.385-.85.86-.85s.86.385.86.85m-3.445-1.65c0 .465-.385.85-.86.85a.86.86 0 0 1-.86-.85c0-.475.385-.85.86-.85s.86.375.86.85m6.84 0c0 .465-.385.85-.86.85a.86.86 0 0 1-.86-.85c0-.475.385-.85.86-.85s.86.375.86.85m-10.515.87c0 .32-.26.575-.58.575a.576.576 0 0 1-.58-.575a.58.58 0 0 1 1.16 0m13.675 0c0 .32-.26.575-.58.575a.576.576 0 0 1-.58-.575a.58.58 0 0 1 1.16 0m-6.835 3.4a.584.584 0 0 1-1.165.005a.58.58 0 0 1 .585-.575c.32 0 .58.255.58.575zm-3.44-1.7c0 .32-.26.575-.585.575a.576.576 0 0 1-.58-.575a.58.58 0 0 1 .58-.575a.58.58 0 0 1 .585.575m6.835 0c0 .32-.26.575-.58.575a.58.58 0 0 1-.585-.575a.584.584 0 0 1 1.165 0M5.49 16.3a.3.3 0 0 1-.3.3a.3.3 0 1 1 .295-.3zm13.675 0a.3.3 0 0 1-.3.3a.3.3 0 0 1-.305-.3a.3.3 0 0 1 .6 0zm-6.84 3.4a.3.3 0 1 1-.6 0a.3.3 0 0 1 .6 0M8.885 18a.3.3 0 0 1-.3.3a.3.3 0 1 1 .295-.3zm6.835 0a.3.3 0 1 1-.6 0a.3.3 0 0 1 .6 0M13.165 5.15A1.16 1.16 0 0 1 12 6.3a1.154 1.154 0 0 1-1.165-1.15C10.835 4.515 11.36 4 12 4a1.154 1.154 0 0 1 1.165 1.15m0 3.4A1.16 1.16 0 0 1 12 9.7a1.153 1.153 0 0 1-1.165-1.15c0-.635.525-1.15 1.165-1.15a1.154 1.154 0 0 1 1.165 1.15m0 3.36A1.16 1.16 0 0 1 12 13.06a1.153 1.153 0 0 1-1.165-1.15c0-.635.525-1.15 1.165-1.15a1.153 1.153 0 0 1 1.165 1.15M20 8.55c0 .635-.52 1.15-1.165 1.15a1.155 1.155 0 0 1-1.16-1.15c0-.635.52-1.15 1.16-1.15A1.155 1.155 0 0 1 20 8.55m-13.675 0c0 .635-.52 1.15-1.16 1.15A1.154 1.154 0 0 1 4 8.55c0-.635.52-1.15 1.165-1.15a1.155 1.155 0 0 1 1.16 1.15m3.44-1.7c0 .635-.52 1.15-1.16 1.15A1.155 1.155 0 0 1 7.44 6.85c0-.635.52-1.15 1.165-1.15a1.155 1.155 0 0 1 1.16 1.15m0 3.355c0 .635-.52 1.15-1.16 1.15a1.154 1.154 0 0 1-1.165-1.15c0-.635.52-1.15 1.165-1.15a1.155 1.155 0 0 1 1.16 1.15m6.84-3.35c0 .63-.52 1.145-1.165 1.145a1.155 1.155 0 0 1-1.16-1.15c0-.635.52-1.15 1.16-1.15a1.155 1.155 0 0 1 1.165 1.15zm0 3.35c0 .635-.52 1.15-1.165 1.15a1.155 1.155 0 0 1-1.16-1.15c0-.635.52-1.15 1.16-1.15a1.155 1.155 0 0 1 1.165 1.15"/></g><defs><clipPath id="SVGHcSWxdhd150"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd150)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.05 11.7c0 .47-.39.85-.865.85a.855.855 0 0 1-.86-.85c0-.47.385-.85.86-.85s.86.38.86.85zm13.67 0c0 .47-.385.85-.86.85a.855.855 0 0 1-.86-.85c0-.47.385-.85.86-.85s.86.38.86.85m-6.835 3.355c0 .47-.385.85-.86.85a.855.855 0 0 1-.86-.85c0-.465.385-.85.86-.85s.86.385.86.85m-3.445-1.65c0 .465-.385.85-.86.85a.86.86 0 0 1-.86-.85c0-.475.385-.85.86-.85s.86.375.86.85m6.84 0c0 .465-.385.85-.86.85a.86.86 0 0 1-.86-.85c0-.475.385-.85.86-.85s.86.375.86.85m-10.515.87c0 .32-.26.575-.58.575a.576.576 0 0 1-.58-.575a.58.58 0 0 1 1.16 0m13.675 0c0 .32-.26.575-.58.575a.576.576 0 0 1-.58-.575a.58.58 0 0 1 1.16 0m-6.835 3.4a.584.584 0 0 1-1.165.005a.58.58 0 0 1 .585-.575c.32 0 .58.255.58.575zm-3.44-1.7c0 .32-.26.575-.585.575a.576.576 0 0 1-.58-.575a.58.58 0 0 1 .58-.575a.58.58 0 0 1 .585.575m6.835 0c0 .32-.26.575-.58.575a.58.58 0 0 1-.585-.575a.584.584 0 0 1 1.165 0M5.49 16.3a.3.3 0 0 1-.3.3a.3.3 0 1 1 .295-.3zm13.675 0a.3.3 0 0 1-.3.3a.3.3 0 0 1-.305-.3a.3.3 0 0 1 .6 0zm-6.84 3.4a.3.3 0 1 1-.6 0a.3.3 0 0 1 .6 0M8.885 18a.3.3 0 0 1-.3.3a.3.3 0 1 1 .295-.3zm6.835 0a.3.3 0 1 1-.6 0a.3.3 0 0 1 .6 0M13.165 5.15A1.16 1.16 0 0 1 12 6.3a1.154 1.154 0 0 1-1.165-1.15C10.835 4.515 11.36 4 12 4a1.154 1.154 0 0 1 1.165 1.15m0 3.4A1.16 1.16 0 0 1 12 9.7a1.153 1.153 0 0 1-1.165-1.15c0-.635.525-1.15 1.165-1.15a1.154 1.154 0 0 1 1.165 1.15m0 3.36A1.16 1.16 0 0 1 12 13.06a1.153 1.153 0 0 1-1.165-1.15c0-.635.525-1.15 1.165-1.15a1.153 1.153 0 0 1 1.165 1.15M20 8.55c0 .635-.52 1.15-1.165 1.15a1.155 1.155 0 0 1-1.16-1.15c0-.635.52-1.15 1.16-1.15A1.155 1.155 0 0 1 20 8.55m-13.675 0c0 .635-.52 1.15-1.16 1.15A1.154 1.154 0 0 1 4 8.55c0-.635.52-1.15 1.165-1.15a1.155 1.155 0 0 1 1.16 1.15m3.44-1.7c0 .635-.52 1.15-1.16 1.15A1.155 1.155 0 0 1 7.44 6.85c0-.635.52-1.15 1.165-1.15a1.155 1.155 0 0 1 1.16 1.15m0 3.355c0 .635-.52 1.15-1.16 1.15a1.154 1.154 0 0 1-1.165-1.15c0-.635.52-1.15 1.165-1.15a1.155 1.155 0 0 1 1.16 1.15m6.84-3.35c0 .63-.52 1.145-1.165 1.145a1.155 1.155 0 0 1-1.16-1.15c0-.635.52-1.15 1.16-1.15a1.155 1.155 0 0 1 1.165 1.15zm0 3.35c0 .635-.52 1.15-1.165 1.15a1.155 1.155 0 0 1-1.16-1.15c0-.635.52-1.15 1.16-1.15a1.155 1.155 0 0 1 1.165 1.15"/></g><defs><clipPath id="SVGHcSWxdhd150"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-ocean-background {
  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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd150)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.05%2011.7c0%20.47-.39.85-.865.85a.855.855%200%200%201-.86-.85c0-.47.385-.85.86-.85s.86.38.86.85zm13.67%200c0%20.47-.385.85-.86.85a.855.855%200%200%201-.86-.85c0-.47.385-.85.86-.85s.86.38.86.85m-6.835%203.355c0%20.47-.385.85-.86.85a.855.855%200%200%201-.86-.85c0-.465.385-.85.86-.85s.86.385.86.85m-3.445-1.65c0%20.465-.385.85-.86.85a.86.86%200%200%201-.86-.85c0-.475.385-.85.86-.85s.86.375.86.85m6.84%200c0%20.465-.385.85-.86.85a.86.86%200%200%201-.86-.85c0-.475.385-.85.86-.85s.86.375.86.85m-10.515.87c0%20.32-.26.575-.58.575a.576.576%200%200%201-.58-.575a.58.58%200%200%201%201.16%200m13.675%200c0%20.32-.26.575-.58.575a.576.576%200%200%201-.58-.575a.58.58%200%200%201%201.16%200m-6.835%203.4a.584.584%200%200%201-1.165.005a.58.58%200%200%201%20.585-.575c.32%200%20.58.255.58.575zm-3.44-1.7c0%20.32-.26.575-.585.575a.576.576%200%200%201-.58-.575a.58.58%200%200%201%20.58-.575a.58.58%200%200%201%20.585.575m6.835%200c0%20.32-.26.575-.58.575a.58.58%200%200%201-.585-.575a.584.584%200%200%201%201.165%200M5.49%2016.3a.3.3%200%200%201-.3.3a.3.3%200%201%201%20.295-.3zm13.675%200a.3.3%200%200%201-.3.3a.3.3%200%200%201-.305-.3a.3.3%200%200%201%20.6%200zm-6.84%203.4a.3.3%200%201%201-.6%200a.3.3%200%200%201%20.6%200M8.885%2018a.3.3%200%200%201-.3.3a.3.3%200%201%201%20.295-.3zm6.835%200a.3.3%200%201%201-.6%200a.3.3%200%200%201%20.6%200M13.165%205.15A1.16%201.16%200%200%201%2012%206.3a1.154%201.154%200%200%201-1.165-1.15C10.835%204.515%2011.36%204%2012%204a1.154%201.154%200%200%201%201.165%201.15m0%203.4A1.16%201.16%200%200%201%2012%209.7a1.153%201.153%200%200%201-1.165-1.15c0-.635.525-1.15%201.165-1.15a1.154%201.154%200%200%201%201.165%201.15m0%203.36A1.16%201.16%200%200%201%2012%2013.06a1.153%201.153%200%200%201-1.165-1.15c0-.635.525-1.15%201.165-1.15a1.153%201.153%200%200%201%201.165%201.15M20%208.55c0%20.635-.52%201.15-1.165%201.15a1.155%201.155%200%200%201-1.16-1.15c0-.635.52-1.15%201.16-1.15A1.155%201.155%200%200%201%2020%208.55m-13.675%200c0%20.635-.52%201.15-1.16%201.15A1.154%201.154%200%200%201%204%208.55c0-.635.52-1.15%201.165-1.15a1.155%201.155%200%200%201%201.16%201.15m3.44-1.7c0%20.635-.52%201.15-1.16%201.15A1.155%201.155%200%200%201%207.44%206.85c0-.635.52-1.15%201.165-1.15a1.155%201.155%200%200%201%201.16%201.15m0%203.355c0%20.635-.52%201.15-1.16%201.15a1.154%201.154%200%200%201-1.165-1.15c0-.635.52-1.15%201.165-1.15a1.155%201.155%200%200%201%201.16%201.15m6.84-3.35c0%20.63-.52%201.145-1.165%201.145a1.155%201.155%200%200%201-1.16-1.15c0-.635.52-1.15%201.16-1.15a1.155%201.155%200%200%201%201.165%201.15zm0%203.35c0%20.635-.52%201.15-1.165%201.15a1.155%201.155%200%200%201-1.16-1.15c0-.635.52-1.15%201.16-1.15a1.155%201.155%200%200%201%201.165%201.15%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd150%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd150)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.05%2011.7c0%20.47-.39.85-.865.85a.855.855%200%200%201-.86-.85c0-.47.385-.85.86-.85s.86.38.86.85zm13.67%200c0%20.47-.385.85-.86.85a.855.855%200%200%201-.86-.85c0-.47.385-.85.86-.85s.86.38.86.85m-6.835%203.355c0%20.47-.385.85-.86.85a.855.855%200%200%201-.86-.85c0-.465.385-.85.86-.85s.86.385.86.85m-3.445-1.65c0%20.465-.385.85-.86.85a.86.86%200%200%201-.86-.85c0-.475.385-.85.86-.85s.86.375.86.85m6.84%200c0%20.465-.385.85-.86.85a.86.86%200%200%201-.86-.85c0-.475.385-.85.86-.85s.86.375.86.85m-10.515.87c0%20.32-.26.575-.58.575a.576.576%200%200%201-.58-.575a.58.58%200%200%201%201.16%200m13.675%200c0%20.32-.26.575-.58.575a.576.576%200%200%201-.58-.575a.58.58%200%200%201%201.16%200m-6.835%203.4a.584.584%200%200%201-1.165.005a.58.58%200%200%201%20.585-.575c.32%200%20.58.255.58.575zm-3.44-1.7c0%20.32-.26.575-.585.575a.576.576%200%200%201-.58-.575a.58.58%200%200%201%20.58-.575a.58.58%200%200%201%20.585.575m6.835%200c0%20.32-.26.575-.58.575a.58.58%200%200%201-.585-.575a.584.584%200%200%201%201.165%200M5.49%2016.3a.3.3%200%200%201-.3.3a.3.3%200%201%201%20.295-.3zm13.675%200a.3.3%200%200%201-.3.3a.3.3%200%200%201-.305-.3a.3.3%200%200%201%20.6%200zm-6.84%203.4a.3.3%200%201%201-.6%200a.3.3%200%200%201%20.6%200M8.885%2018a.3.3%200%200%201-.3.3a.3.3%200%201%201%20.295-.3zm6.835%200a.3.3%200%201%201-.6%200a.3.3%200%200%201%20.6%200M13.165%205.15A1.16%201.16%200%200%201%2012%206.3a1.154%201.154%200%200%201-1.165-1.15C10.835%204.515%2011.36%204%2012%204a1.154%201.154%200%200%201%201.165%201.15m0%203.4A1.16%201.16%200%200%201%2012%209.7a1.153%201.153%200%200%201-1.165-1.15c0-.635.525-1.15%201.165-1.15a1.154%201.154%200%200%201%201.165%201.15m0%203.36A1.16%201.16%200%200%201%2012%2013.06a1.153%201.153%200%200%201-1.165-1.15c0-.635.525-1.15%201.165-1.15a1.153%201.153%200%200%201%201.165%201.15M20%208.55c0%20.635-.52%201.15-1.165%201.15a1.155%201.155%200%200%201-1.16-1.15c0-.635.52-1.15%201.16-1.15A1.155%201.155%200%200%201%2020%208.55m-13.675%200c0%20.635-.52%201.15-1.16%201.15A1.154%201.154%200%200%201%204%208.55c0-.635.52-1.15%201.165-1.15a1.155%201.155%200%200%201%201.16%201.15m3.44-1.7c0%20.635-.52%201.15-1.16%201.15A1.155%201.155%200%200%201%207.44%206.85c0-.635.52-1.15%201.165-1.15a1.155%201.155%200%200%201%201.16%201.15m0%203.355c0%20.635-.52%201.15-1.16%201.15a1.154%201.154%200%200%201-1.165-1.15c0-.635.52-1.15%201.165-1.15a1.155%201.155%200%200%201%201.16%201.15m6.84-3.35c0%20.63-.52%201.145-1.165%201.145a1.155%201.155%200%200%201-1.16-1.15c0-.635.52-1.15%201.16-1.15a1.155%201.155%200%200%201%201.165%201.15zm0%203.35c0%20.635-.52%201.15-1.165%201.15a1.155%201.155%200%200%201-1.16-1.15c0-.635.52-1.15%201.16-1.15a1.155%201.155%200%200%201%201.165%201.15%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd150%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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/ocean-background.svg?color=%231a73e8&size=48