ocean logo
ocean from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- ocean
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="M5.306 11.663a.966.966 0 0 1-.973.956a.96.96 0 0 1-.967-.957c0-.528.433-.956.967-.956s.968.428.968.957zm15.379 0a.96.96 0 0 1-.968.956a.96.96 0 0 1-.967-.957c0-.528.433-.956.967-.956c.535 0 .968.428.968.957m-7.69 3.774a.96.96 0 0 1-.967.956a.96.96 0 0 1-.967-.956c0-.523.433-.956.967-.956s.968.433.968.956M9.12 13.58a.965.965 0 0 1-.968.956a.965.965 0 0 1-.967-.956c0-.535.433-.957.967-.957c.535 0 .968.422.968.957m7.695 0a.965.965 0 0 1-.968.956a.965.965 0 0 1-.967-.956c0-.535.433-.957.967-.957c.535 0 .968.422.968.957m-11.83.978c0 .36-.292.647-.652.647a.65.65 0 0 1-.652-.647a.652.652 0 0 1 1.305 0m15.385 0c0 .36-.293.647-.653.647a.65.65 0 0 1-.652-.647a.652.652 0 0 1 1.305 0m-7.69 3.825c0 .36-.292.653-.652.653a.657.657 0 0 1-.658-.647c0-.36.298-.647.658-.647s.653.287.653.647zm-3.87-1.912a.65.65 0 0 1-.658.647a.65.65 0 0 1-.652-.647c0-.355.292-.647.652-.647c.366 0 .659.293.659.647m7.69 0c0 .36-.293.647-.653.647a.653.653 0 0 1-.658-.647c0-.355.299-.647.658-.647s.653.293.653.647m-11.824.365a.337.337 0 0 1-.337.338a.34.34 0 0 1-.343-.338a.338.338 0 0 1 .675 0zm15.385 0a.34.34 0 0 1-.338.338a.34.34 0 0 1-.343-.338a.338.338 0 1 1 .675 0zm-7.695 3.826a.338.338 0 1 1-.676 0a.338.338 0 0 1 .676 0m-3.87-1.913a.337.337 0 0 1-.338.337a.34.34 0 0 1-.343-.337a.338.338 0 0 1 .675 0zm7.689 0a.338.338 0 1 1-.676 0a.338.338 0 0 1 .676 0M13.311 4.294c0 .714-.591 1.294-1.311 1.294a1.3 1.3 0 0 1-1.31-1.294C10.69 3.579 11.28 3 12 3a1.3 1.3 0 0 1 1.31 1.294m0 3.825c0 .714-.591 1.293-1.311 1.293a1.297 1.297 0 0 1-1.31-1.293c0-.715.59-1.294 1.31-1.294a1.3 1.3 0 0 1 1.31 1.294m0 3.78c0 .714-.591 1.294-1.311 1.294a1.3 1.3 0 0 1-1.31-1.294c0-.715.59-1.294 1.31-1.294a1.3 1.3 0 0 1 1.31 1.294M21 8.119a1.3 1.3 0 0 1-1.31 1.293a1.3 1.3 0 0 1-1.306-1.293a1.3 1.3 0 0 1 1.305-1.294A1.3 1.3 0 0 1 21 8.119m-15.384 0A1.3 1.3 0 0 1 4.31 9.412A1.3 1.3 0 0 1 3 8.12a1.3 1.3 0 0 1 1.31-1.294A1.3 1.3 0 0 1 5.616 8.12m3.87-1.913A1.3 1.3 0 0 1 8.18 7.5a1.3 1.3 0 0 1-1.31-1.294a1.3 1.3 0 0 1 1.31-1.293a1.3 1.3 0 0 1 1.306 1.293m0 3.775a1.3 1.3 0 0 1-1.305 1.293A1.297 1.297 0 0 1 6.87 9.981a1.3 1.3 0 0 1 1.31-1.294A1.3 1.3 0 0 1 9.487 9.98m7.695-3.77A1.3 1.3 0 0 1 15.87 7.5a1.3 1.3 0 0 1-1.305-1.294a1.3 1.3 0 0 1 1.305-1.293a1.3 1.3 0 0 1 1.31 1.293zm0 3.77a1.3 1.3 0 0 1-1.311 1.293a1.3 1.3 0 0 1-1.204-.796a1.3 1.3 0 0 1-.101-.497a1.3 1.3 0 0 1 1.305-1.294a1.3 1.3 0 0 1 1.31 1.294"/></svg>
React
import type { SVGProps } from "react";
export function TokenOcean(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="M5.306 11.663a.966.966 0 0 1-.973.956a.96.96 0 0 1-.967-.957c0-.528.433-.956.967-.956s.968.428.968.957zm15.379 0a.96.96 0 0 1-.968.956a.96.96 0 0 1-.967-.957c0-.528.433-.956.967-.956c.535 0 .968.428.968.957m-7.69 3.774a.96.96 0 0 1-.967.956a.96.96 0 0 1-.967-.956c0-.523.433-.956.967-.956s.968.433.968.956M9.12 13.58a.965.965 0 0 1-.968.956a.965.965 0 0 1-.967-.956c0-.535.433-.957.967-.957c.535 0 .968.422.968.957m7.695 0a.965.965 0 0 1-.968.956a.965.965 0 0 1-.967-.956c0-.535.433-.957.967-.957c.535 0 .968.422.968.957m-11.83.978c0 .36-.292.647-.652.647a.65.65 0 0 1-.652-.647a.652.652 0 0 1 1.305 0m15.385 0c0 .36-.293.647-.653.647a.65.65 0 0 1-.652-.647a.652.652 0 0 1 1.305 0m-7.69 3.825c0 .36-.292.653-.652.653a.657.657 0 0 1-.658-.647c0-.36.298-.647.658-.647s.653.287.653.647zm-3.87-1.912a.65.65 0 0 1-.658.647a.65.65 0 0 1-.652-.647c0-.355.292-.647.652-.647c.366 0 .659.293.659.647m7.69 0c0 .36-.293.647-.653.647a.653.653 0 0 1-.658-.647c0-.355.299-.647.658-.647s.653.293.653.647m-11.824.365a.337.337 0 0 1-.337.338a.34.34 0 0 1-.343-.338a.338.338 0 0 1 .675 0zm15.385 0a.34.34 0 0 1-.338.338a.34.34 0 0 1-.343-.338a.338.338 0 1 1 .675 0zm-7.695 3.826a.338.338 0 1 1-.676 0a.338.338 0 0 1 .676 0m-3.87-1.913a.337.337 0 0 1-.338.337a.34.34 0 0 1-.343-.337a.338.338 0 0 1 .675 0zm7.689 0a.338.338 0 1 1-.676 0a.338.338 0 0 1 .676 0M13.311 4.294c0 .714-.591 1.294-1.311 1.294a1.3 1.3 0 0 1-1.31-1.294C10.69 3.579 11.28 3 12 3a1.3 1.3 0 0 1 1.31 1.294m0 3.825c0 .714-.591 1.293-1.311 1.293a1.297 1.297 0 0 1-1.31-1.293c0-.715.59-1.294 1.31-1.294a1.3 1.3 0 0 1 1.31 1.294m0 3.78c0 .714-.591 1.294-1.311 1.294a1.3 1.3 0 0 1-1.31-1.294c0-.715.59-1.294 1.31-1.294a1.3 1.3 0 0 1 1.31 1.294M21 8.119a1.3 1.3 0 0 1-1.31 1.293a1.3 1.3 0 0 1-1.306-1.293a1.3 1.3 0 0 1 1.305-1.294A1.3 1.3 0 0 1 21 8.119m-15.384 0A1.3 1.3 0 0 1 4.31 9.412A1.3 1.3 0 0 1 3 8.12a1.3 1.3 0 0 1 1.31-1.294A1.3 1.3 0 0 1 5.616 8.12m3.87-1.913A1.3 1.3 0 0 1 8.18 7.5a1.3 1.3 0 0 1-1.31-1.294a1.3 1.3 0 0 1 1.31-1.293a1.3 1.3 0 0 1 1.306 1.293m0 3.775a1.3 1.3 0 0 1-1.305 1.293A1.297 1.297 0 0 1 6.87 9.981a1.3 1.3 0 0 1 1.31-1.294A1.3 1.3 0 0 1 9.487 9.98m7.695-3.77A1.3 1.3 0 0 1 15.87 7.5a1.3 1.3 0 0 1-1.305-1.294a1.3 1.3 0 0 1 1.305-1.293a1.3 1.3 0 0 1 1.31 1.293zm0 3.77a1.3 1.3 0 0 1-1.311 1.293a1.3 1.3 0 0 1-1.204-.796a1.3 1.3 0 0 1-.101-.497a1.3 1.3 0 0 1 1.305-1.294a1.3 1.3 0 0 1 1.31 1.294"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.306 11.663a.966.966 0 0 1-.973.956a.96.96 0 0 1-.967-.957c0-.528.433-.956.967-.956s.968.428.968.957zm15.379 0a.96.96 0 0 1-.968.956a.96.96 0 0 1-.967-.957c0-.528.433-.956.967-.956c.535 0 .968.428.968.957m-7.69 3.774a.96.96 0 0 1-.967.956a.96.96 0 0 1-.967-.956c0-.523.433-.956.967-.956s.968.433.968.956M9.12 13.58a.965.965 0 0 1-.968.956a.965.965 0 0 1-.967-.956c0-.535.433-.957.967-.957c.535 0 .968.422.968.957m7.695 0a.965.965 0 0 1-.968.956a.965.965 0 0 1-.967-.956c0-.535.433-.957.967-.957c.535 0 .968.422.968.957m-11.83.978c0 .36-.292.647-.652.647a.65.65 0 0 1-.652-.647a.652.652 0 0 1 1.305 0m15.385 0c0 .36-.293.647-.653.647a.65.65 0 0 1-.652-.647a.652.652 0 0 1 1.305 0m-7.69 3.825c0 .36-.292.653-.652.653a.657.657 0 0 1-.658-.647c0-.36.298-.647.658-.647s.653.287.653.647zm-3.87-1.912a.65.65 0 0 1-.658.647a.65.65 0 0 1-.652-.647c0-.355.292-.647.652-.647c.366 0 .659.293.659.647m7.69 0c0 .36-.293.647-.653.647a.653.653 0 0 1-.658-.647c0-.355.299-.647.658-.647s.653.293.653.647m-11.824.365a.337.337 0 0 1-.337.338a.34.34 0 0 1-.343-.338a.338.338 0 0 1 .675 0zm15.385 0a.34.34 0 0 1-.338.338a.34.34 0 0 1-.343-.338a.338.338 0 1 1 .675 0zm-7.695 3.826a.338.338 0 1 1-.676 0a.338.338 0 0 1 .676 0m-3.87-1.913a.337.337 0 0 1-.338.337a.34.34 0 0 1-.343-.337a.338.338 0 0 1 .675 0zm7.689 0a.338.338 0 1 1-.676 0a.338.338 0 0 1 .676 0M13.311 4.294c0 .714-.591 1.294-1.311 1.294a1.3 1.3 0 0 1-1.31-1.294C10.69 3.579 11.28 3 12 3a1.3 1.3 0 0 1 1.31 1.294m0 3.825c0 .714-.591 1.293-1.311 1.293a1.297 1.297 0 0 1-1.31-1.293c0-.715.59-1.294 1.31-1.294a1.3 1.3 0 0 1 1.31 1.294m0 3.78c0 .714-.591 1.294-1.311 1.294a1.3 1.3 0 0 1-1.31-1.294c0-.715.59-1.294 1.31-1.294a1.3 1.3 0 0 1 1.31 1.294M21 8.119a1.3 1.3 0 0 1-1.31 1.293a1.3 1.3 0 0 1-1.306-1.293a1.3 1.3 0 0 1 1.305-1.294A1.3 1.3 0 0 1 21 8.119m-15.384 0A1.3 1.3 0 0 1 4.31 9.412A1.3 1.3 0 0 1 3 8.12a1.3 1.3 0 0 1 1.31-1.294A1.3 1.3 0 0 1 5.616 8.12m3.87-1.913A1.3 1.3 0 0 1 8.18 7.5a1.3 1.3 0 0 1-1.31-1.294a1.3 1.3 0 0 1 1.31-1.293a1.3 1.3 0 0 1 1.306 1.293m0 3.775a1.3 1.3 0 0 1-1.305 1.293A1.297 1.297 0 0 1 6.87 9.981a1.3 1.3 0 0 1 1.31-1.294A1.3 1.3 0 0 1 9.487 9.98m7.695-3.77A1.3 1.3 0 0 1 15.87 7.5a1.3 1.3 0 0 1-1.305-1.294a1.3 1.3 0 0 1 1.305-1.293a1.3 1.3 0 0 1 1.31 1.293zm0 3.77a1.3 1.3 0 0 1-1.311 1.293a1.3 1.3 0 0 1-1.204-.796a1.3 1.3 0 0 1-.101-.497a1.3 1.3 0 0 1 1.305-1.294a1.3 1.3 0 0 1 1.31 1.294"/></svg> </template>
CSS
.icon-ocean {
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%22M5.306%2011.663a.966.966%200%200%201-.973.956a.96.96%200%200%201-.967-.957c0-.528.433-.956.967-.956s.968.428.968.957zm15.379%200a.96.96%200%200%201-.968.956a.96.96%200%200%201-.967-.957c0-.528.433-.956.967-.956c.535%200%20.968.428.968.957m-7.69%203.774a.96.96%200%200%201-.967.956a.96.96%200%200%201-.967-.956c0-.523.433-.956.967-.956s.968.433.968.956M9.12%2013.58a.965.965%200%200%201-.968.956a.965.965%200%200%201-.967-.956c0-.535.433-.957.967-.957c.535%200%20.968.422.968.957m7.695%200a.965.965%200%200%201-.968.956a.965.965%200%200%201-.967-.956c0-.535.433-.957.967-.957c.535%200%20.968.422.968.957m-11.83.978c0%20.36-.292.647-.652.647a.65.65%200%200%201-.652-.647a.652.652%200%200%201%201.305%200m15.385%200c0%20.36-.293.647-.653.647a.65.65%200%200%201-.652-.647a.652.652%200%200%201%201.305%200m-7.69%203.825c0%20.36-.292.653-.652.653a.657.657%200%200%201-.658-.647c0-.36.298-.647.658-.647s.653.287.653.647zm-3.87-1.912a.65.65%200%200%201-.658.647a.65.65%200%200%201-.652-.647c0-.355.292-.647.652-.647c.366%200%20.659.293.659.647m7.69%200c0%20.36-.293.647-.653.647a.653.653%200%200%201-.658-.647c0-.355.299-.647.658-.647s.653.293.653.647m-11.824.365a.337.337%200%200%201-.337.338a.34.34%200%200%201-.343-.338a.338.338%200%200%201%20.675%200zm15.385%200a.34.34%200%200%201-.338.338a.34.34%200%200%201-.343-.338a.338.338%200%201%201%20.675%200zm-7.695%203.826a.338.338%200%201%201-.676%200a.338.338%200%200%201%20.676%200m-3.87-1.913a.337.337%200%200%201-.338.337a.34.34%200%200%201-.343-.337a.338.338%200%200%201%20.675%200zm7.689%200a.338.338%200%201%201-.676%200a.338.338%200%200%201%20.676%200M13.311%204.294c0%20.714-.591%201.294-1.311%201.294a1.3%201.3%200%200%201-1.31-1.294C10.69%203.579%2011.28%203%2012%203a1.3%201.3%200%200%201%201.31%201.294m0%203.825c0%20.714-.591%201.293-1.311%201.293a1.297%201.297%200%200%201-1.31-1.293c0-.715.59-1.294%201.31-1.294a1.3%201.3%200%200%201%201.31%201.294m0%203.78c0%20.714-.591%201.294-1.311%201.294a1.3%201.3%200%200%201-1.31-1.294c0-.715.59-1.294%201.31-1.294a1.3%201.3%200%200%201%201.31%201.294M21%208.119a1.3%201.3%200%200%201-1.31%201.293a1.3%201.3%200%200%201-1.306-1.293a1.3%201.3%200%200%201%201.305-1.294A1.3%201.3%200%200%201%2021%208.119m-15.384%200A1.3%201.3%200%200%201%204.31%209.412A1.3%201.3%200%200%201%203%208.12a1.3%201.3%200%200%201%201.31-1.294A1.3%201.3%200%200%201%205.616%208.12m3.87-1.913A1.3%201.3%200%200%201%208.18%207.5a1.3%201.3%200%200%201-1.31-1.294a1.3%201.3%200%200%201%201.31-1.293a1.3%201.3%200%200%201%201.306%201.293m0%203.775a1.3%201.3%200%200%201-1.305%201.293A1.297%201.297%200%200%201%206.87%209.981a1.3%201.3%200%200%201%201.31-1.294A1.3%201.3%200%200%201%209.487%209.98m7.695-3.77A1.3%201.3%200%200%201%2015.87%207.5a1.3%201.3%200%200%201-1.305-1.294a1.3%201.3%200%200%201%201.305-1.293a1.3%201.3%200%200%201%201.31%201.293zm0%203.77a1.3%201.3%200%200%201-1.311%201.293a1.3%201.3%200%200%201-1.204-.796a1.3%201.3%200%200%201-.101-.497a1.3%201.3%200%200%201%201.305-1.294a1.3%201.3%200%200%201%201.31%201.294%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%22M5.306%2011.663a.966.966%200%200%201-.973.956a.96.96%200%200%201-.967-.957c0-.528.433-.956.967-.956s.968.428.968.957zm15.379%200a.96.96%200%200%201-.968.956a.96.96%200%200%201-.967-.957c0-.528.433-.956.967-.956c.535%200%20.968.428.968.957m-7.69%203.774a.96.96%200%200%201-.967.956a.96.96%200%200%201-.967-.956c0-.523.433-.956.967-.956s.968.433.968.956M9.12%2013.58a.965.965%200%200%201-.968.956a.965.965%200%200%201-.967-.956c0-.535.433-.957.967-.957c.535%200%20.968.422.968.957m7.695%200a.965.965%200%200%201-.968.956a.965.965%200%200%201-.967-.956c0-.535.433-.957.967-.957c.535%200%20.968.422.968.957m-11.83.978c0%20.36-.292.647-.652.647a.65.65%200%200%201-.652-.647a.652.652%200%200%201%201.305%200m15.385%200c0%20.36-.293.647-.653.647a.65.65%200%200%201-.652-.647a.652.652%200%200%201%201.305%200m-7.69%203.825c0%20.36-.292.653-.652.653a.657.657%200%200%201-.658-.647c0-.36.298-.647.658-.647s.653.287.653.647zm-3.87-1.912a.65.65%200%200%201-.658.647a.65.65%200%200%201-.652-.647c0-.355.292-.647.652-.647c.366%200%20.659.293.659.647m7.69%200c0%20.36-.293.647-.653.647a.653.653%200%200%201-.658-.647c0-.355.299-.647.658-.647s.653.293.653.647m-11.824.365a.337.337%200%200%201-.337.338a.34.34%200%200%201-.343-.338a.338.338%200%200%201%20.675%200zm15.385%200a.34.34%200%200%201-.338.338a.34.34%200%200%201-.343-.338a.338.338%200%201%201%20.675%200zm-7.695%203.826a.338.338%200%201%201-.676%200a.338.338%200%200%201%20.676%200m-3.87-1.913a.337.337%200%200%201-.338.337a.34.34%200%200%201-.343-.337a.338.338%200%200%201%20.675%200zm7.689%200a.338.338%200%201%201-.676%200a.338.338%200%200%201%20.676%200M13.311%204.294c0%20.714-.591%201.294-1.311%201.294a1.3%201.3%200%200%201-1.31-1.294C10.69%203.579%2011.28%203%2012%203a1.3%201.3%200%200%201%201.31%201.294m0%203.825c0%20.714-.591%201.293-1.311%201.293a1.297%201.297%200%200%201-1.31-1.293c0-.715.59-1.294%201.31-1.294a1.3%201.3%200%200%201%201.31%201.294m0%203.78c0%20.714-.591%201.294-1.311%201.294a1.3%201.3%200%200%201-1.31-1.294c0-.715.59-1.294%201.31-1.294a1.3%201.3%200%200%201%201.31%201.294M21%208.119a1.3%201.3%200%200%201-1.31%201.293a1.3%201.3%200%200%201-1.306-1.293a1.3%201.3%200%200%201%201.305-1.294A1.3%201.3%200%200%201%2021%208.119m-15.384%200A1.3%201.3%200%200%201%204.31%209.412A1.3%201.3%200%200%201%203%208.12a1.3%201.3%200%200%201%201.31-1.294A1.3%201.3%200%200%201%205.616%208.12m3.87-1.913A1.3%201.3%200%200%201%208.18%207.5a1.3%201.3%200%200%201-1.31-1.294a1.3%201.3%200%200%201%201.31-1.293a1.3%201.3%200%200%201%201.306%201.293m0%203.775a1.3%201.3%200%200%201-1.305%201.293A1.297%201.297%200%200%201%206.87%209.981a1.3%201.3%200%200%201%201.31-1.294A1.3%201.3%200%200%201%209.487%209.98m7.695-3.77A1.3%201.3%200%200%201%2015.87%207.5a1.3%201.3%200%200%201-1.305-1.294a1.3%201.3%200%200%201%201.305-1.293a1.3%201.3%200%200%201%201.31%201.293zm0%203.77a1.3%201.3%200%200%201-1.311%201.293a1.3%201.3%200%200%201-1.204-.796a1.3%201.3%200%200%201-.101-.497a1.3%201.3%200%200%201%201.305-1.294a1.3%201.3%200%200%201%201.31%201.294%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/ocean.svg?color=%231a73e8&size=48
