oasys logo
oasys-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- oasys-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 oasys 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(#SVGHcSWxdhd32)"><path fill="#00a84f" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.314 14.112q.433-.474.77-1.043q.812-1.38.813-3.029c0-1.1-.269-2.129-.807-3.05a6 6 0 0 0-2.166-2.19A5.7 5.7 0 0 0 11.98 4a5.8 5.8 0 0 0-2.966.801a6.06 6.06 0 0 0-2.183 2.182a5.8 5.8 0 0 0-.813 3.015c0 1.09.272 2.157.813 3.082q.347.591.794 1.074C6.619 14.775 6 15.611 6 16.527C6 18.442 8.69 20 12 20s6-1.558 6-3.473c0-.936-.644-1.788-1.69-2.412zm-8.616 3.9c-.597-.45-.921-.965-.921-1.488c0-.644.493-1.279 1.387-1.79q.024-.015.052-.029q.37.303.788.551l.086.048c-.96.478-1.57 1.19-1.57 1.98q.001.379.178.728m4.307 1.097c-1.361 0-2.105-.6-2.105-.909s.744-.908 2.105-.908c1.362 0 2.106.599 2.106.908s-.744.909-2.106.909m2.858-.703a1 1 0 0 0 .022-.206c0-.933-1.293-1.69-2.88-1.69s-2.879.76-2.879 1.69q.001.105.022.206c-.527-.318-.854-.712-.854-1.122c0-.619.74-1.198 1.786-1.533q.877.299 1.829.298q1.02 0 1.947-.32c1.087.329 1.861.925 1.861 1.555c0 .41-.327.804-.854 1.122m1.45-.394q.177-.347.178-.728c0-.81-.638-1.533-1.634-2.014l.042-.022a6 6 0 0 0 .83-.58l.118.065c.894.512 1.387 1.147 1.387 1.791c0 .52-.321 1.038-.92 1.488"/></g><defs><clipPath id="SVGHcSWxdhd32"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedOasysBackground(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(#SVGHcSWxdhd32)"><path fill="#00a84f" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.314 14.112q.433-.474.77-1.043q.812-1.38.813-3.029c0-1.1-.269-2.129-.807-3.05a6 6 0 0 0-2.166-2.19A5.7 5.7 0 0 0 11.98 4a5.8 5.8 0 0 0-2.966.801a6.06 6.06 0 0 0-2.183 2.182a5.8 5.8 0 0 0-.813 3.015c0 1.09.272 2.157.813 3.082q.347.591.794 1.074C6.619 14.775 6 15.611 6 16.527C6 18.442 8.69 20 12 20s6-1.558 6-3.473c0-.936-.644-1.788-1.69-2.412zm-8.616 3.9c-.597-.45-.921-.965-.921-1.488c0-.644.493-1.279 1.387-1.79q.024-.015.052-.029q.37.303.788.551l.086.048c-.96.478-1.57 1.19-1.57 1.98q.001.379.178.728m4.307 1.097c-1.361 0-2.105-.6-2.105-.909s.744-.908 2.105-.908c1.362 0 2.106.599 2.106.908s-.744.909-2.106.909m2.858-.703a1 1 0 0 0 .022-.206c0-.933-1.293-1.69-2.88-1.69s-2.879.76-2.879 1.69q.001.105.022.206c-.527-.318-.854-.712-.854-1.122c0-.619.74-1.198 1.786-1.533q.877.299 1.829.298q1.02 0 1.947-.32c1.087.329 1.861.925 1.861 1.555c0 .41-.327.804-.854 1.122m1.45-.394q.177-.347.178-.728c0-.81-.638-1.533-1.634-2.014l.042-.022a6 6 0 0 0 .83-.58l.118.065c.894.512 1.387 1.147 1.387 1.791c0 .52-.321 1.038-.92 1.488"/></g><defs><clipPath id="SVGHcSWxdhd32"><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(#SVGHcSWxdhd32)"><path fill="#00a84f" d="M24 0H0v24h24z"/><path fill="#fff" d="M16.314 14.112q.433-.474.77-1.043q.812-1.38.813-3.029c0-1.1-.269-2.129-.807-3.05a6 6 0 0 0-2.166-2.19A5.7 5.7 0 0 0 11.98 4a5.8 5.8 0 0 0-2.966.801a6.06 6.06 0 0 0-2.183 2.182a5.8 5.8 0 0 0-.813 3.015c0 1.09.272 2.157.813 3.082q.347.591.794 1.074C6.619 14.775 6 15.611 6 16.527C6 18.442 8.69 20 12 20s6-1.558 6-3.473c0-.936-.644-1.788-1.69-2.412zm-8.616 3.9c-.597-.45-.921-.965-.921-1.488c0-.644.493-1.279 1.387-1.79q.024-.015.052-.029q.37.303.788.551l.086.048c-.96.478-1.57 1.19-1.57 1.98q.001.379.178.728m4.307 1.097c-1.361 0-2.105-.6-2.105-.909s.744-.908 2.105-.908c1.362 0 2.106.599 2.106.908s-.744.909-2.106.909m2.858-.703a1 1 0 0 0 .022-.206c0-.933-1.293-1.69-2.88-1.69s-2.879.76-2.879 1.69q.001.105.022.206c-.527-.318-.854-.712-.854-1.122c0-.619.74-1.198 1.786-1.533q.877.299 1.829.298q1.02 0 1.947-.32c1.087.329 1.861.925 1.861 1.555c0 .41-.327.804-.854 1.122m1.45-.394q.177-.347.178-.728c0-.81-.638-1.533-1.634-2.014l.042-.022a6 6 0 0 0 .83-.58l.118.065c.894.512 1.387 1.147 1.387 1.791c0 .52-.321 1.038-.92 1.488"/></g><defs><clipPath id="SVGHcSWxdhd32"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-oasys-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(%23SVGHcSWxdhd32)%22%3E%3Cpath%20fill%3D%22%2300a84f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.314%2014.112q.433-.474.77-1.043q.812-1.38.813-3.029c0-1.1-.269-2.129-.807-3.05a6%206%200%200%200-2.166-2.19A5.7%205.7%200%200%200%2011.98%204a5.8%205.8%200%200%200-2.966.801a6.06%206.06%200%200%200-2.183%202.182a5.8%205.8%200%200%200-.813%203.015c0%201.09.272%202.157.813%203.082q.347.591.794%201.074C6.619%2014.775%206%2015.611%206%2016.527C6%2018.442%208.69%2020%2012%2020s6-1.558%206-3.473c0-.936-.644-1.788-1.69-2.412zm-8.616%203.9c-.597-.45-.921-.965-.921-1.488c0-.644.493-1.279%201.387-1.79q.024-.015.052-.029q.37.303.788.551l.086.048c-.96.478-1.57%201.19-1.57%201.98q.001.379.178.728m4.307%201.097c-1.361%200-2.105-.6-2.105-.909s.744-.908%202.105-.908c1.362%200%202.106.599%202.106.908s-.744.909-2.106.909m2.858-.703a1%201%200%200%200%20.022-.206c0-.933-1.293-1.69-2.88-1.69s-2.879.76-2.879%201.69q.001.105.022.206c-.527-.318-.854-.712-.854-1.122c0-.619.74-1.198%201.786-1.533q.877.299%201.829.298q1.02%200%201.947-.32c1.087.329%201.861.925%201.861%201.555c0%20.41-.327.804-.854%201.122m1.45-.394q.177-.347.178-.728c0-.81-.638-1.533-1.634-2.014l.042-.022a6%206%200%200%200%20.83-.58l.118.065c.894.512%201.387%201.147%201.387%201.791c0%20.52-.321%201.038-.92%201.488%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd32%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(%23SVGHcSWxdhd32)%22%3E%3Cpath%20fill%3D%22%2300a84f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.314%2014.112q.433-.474.77-1.043q.812-1.38.813-3.029c0-1.1-.269-2.129-.807-3.05a6%206%200%200%200-2.166-2.19A5.7%205.7%200%200%200%2011.98%204a5.8%205.8%200%200%200-2.966.801a6.06%206.06%200%200%200-2.183%202.182a5.8%205.8%200%200%200-.813%203.015c0%201.09.272%202.157.813%203.082q.347.591.794%201.074C6.619%2014.775%206%2015.611%206%2016.527C6%2018.442%208.69%2020%2012%2020s6-1.558%206-3.473c0-.936-.644-1.788-1.69-2.412zm-8.616%203.9c-.597-.45-.921-.965-.921-1.488c0-.644.493-1.279%201.387-1.79q.024-.015.052-.029q.37.303.788.551l.086.048c-.96.478-1.57%201.19-1.57%201.98q.001.379.178.728m4.307%201.097c-1.361%200-2.105-.6-2.105-.909s.744-.908%202.105-.908c1.362%200%202.106.599%202.106.908s-.744.909-2.106.909m2.858-.703a1%201%200%200%200%20.022-.206c0-.933-1.293-1.69-2.88-1.69s-2.879.76-2.879%201.69q.001.105.022.206c-.527-.318-.854-.712-.854-1.122c0-.619.74-1.198%201.786-1.533q.877.299%201.829.298q1.02%200%201.947-.32c1.087.329%201.861.925%201.861%201.555c0%20.41-.327.804-.854%201.122m1.45-.394q.177-.347.178-.728c0-.81-.638-1.533-1.634-2.014l.042-.022a6%206%200%200%200%20.83-.58l.118.065c.894.512%201.387%201.147%201.387%201.791c0%20.52-.321%201.038-.92%201.488%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd32%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/oasys-background.svg?color=%231a73e8&size=48
