diver logo
diver-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- diver-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 diver 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(#SVGHcSWxdhd16)"><path fill="url(#SVGqxu5mwuK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.6 8.4h-.74a8.3 8.3 0 0 1 1.74 2.292q.211-.204.416-.384A7.7 7.7 0 0 0 10.6 8.4m-1.56.044q-.372.059-.72.172a8.2 8.2 0 0 1 2.428 3q.21-.252.42-.48A7.76 7.76 0 0 0 9.04 8.444m-1.324.432a3.5 3.5 0 0 0-.52.328a8.1 8.1 0 0 1 2.82 3.428q.158-.253.328-.488a7.7 7.7 0 0 0-2.628-3.268m-.968.712a3.6 3.6 0 0 0-.408.48a7.3 7.3 0 0 1 1.808 1.652c.528.68.908 1.44 1.144 2.256c.108-.24.224-.48.344-.7a7.5 7.5 0 0 0-2.888-3.688m.928 2.464a6.24 6.24 0 0 1 1.232 2.92c-.068.2-.128.412-.184.628H8.38a5.93 5.93 0 0 0-1.064-3.104a6 6 0 0 0-1.492-1.436l.08-.2q.062-.155.136-.304c.656.432 1.2.936 1.64 1.496zM7.304 15.6h.484c-.084-1.08-.392-2-.96-2.784a5.4 5.4 0 0 0-1.22-1.216l-.224.56c.456.344.82.716 1.108 1.128a4.76 4.76 0 0 1 .812 2.312M6 13.6c.404.58.628 1.236.712 2H6.28a4.1 4.1 0 0 0-1.324-2.38l.2-.504c.348.28.624.572.844.888zm-1.512.78l.24-.584c.49.494.825 1.121.96 1.804h-.544a4 4 0 0 0-.656-1.22m-.256.64c.12.184.212.376.292.58H4zM12.08 8.4h-.688c.417.467.779.98 1.08 1.528c.16-.128.316-.244.468-.356a7.7 7.7 0 0 0-.86-1.172m1.38 0h-.628q.32.401.588.84l.44-.272a8 8 0 0 0-.4-.568m1.444 0h-.728l.188.28c.192-.104.372-.2.54-.28m.272.316l.096-.316H20l-1.984 4.78a4.02 4.02 0 0 1-3.736 2.42H9.232c4.664-2.732 5.468-5.34 5.944-6.884"/></g><defs><linearGradient id="SVGqxu5mwuK" x1="20.024" x2="4.728" y1="8.4" y2="16.164" gradientUnits="userSpaceOnUse"><stop stop-color="#0292fb"/><stop offset="1" stop-color="#0dcaa0"/></linearGradient><clipPath id="SVGHcSWxdhd16"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedDiverBackground(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(#SVGHcSWxdhd16)"><path fill="url(#SVGqxu5mwuK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.6 8.4h-.74a8.3 8.3 0 0 1 1.74 2.292q.211-.204.416-.384A7.7 7.7 0 0 0 10.6 8.4m-1.56.044q-.372.059-.72.172a8.2 8.2 0 0 1 2.428 3q.21-.252.42-.48A7.76 7.76 0 0 0 9.04 8.444m-1.324.432a3.5 3.5 0 0 0-.52.328a8.1 8.1 0 0 1 2.82 3.428q.158-.253.328-.488a7.7 7.7 0 0 0-2.628-3.268m-.968.712a3.6 3.6 0 0 0-.408.48a7.3 7.3 0 0 1 1.808 1.652c.528.68.908 1.44 1.144 2.256c.108-.24.224-.48.344-.7a7.5 7.5 0 0 0-2.888-3.688m.928 2.464a6.24 6.24 0 0 1 1.232 2.92c-.068.2-.128.412-.184.628H8.38a5.93 5.93 0 0 0-1.064-3.104a6 6 0 0 0-1.492-1.436l.08-.2q.062-.155.136-.304c.656.432 1.2.936 1.64 1.496zM7.304 15.6h.484c-.084-1.08-.392-2-.96-2.784a5.4 5.4 0 0 0-1.22-1.216l-.224.56c.456.344.82.716 1.108 1.128a4.76 4.76 0 0 1 .812 2.312M6 13.6c.404.58.628 1.236.712 2H6.28a4.1 4.1 0 0 0-1.324-2.38l.2-.504c.348.28.624.572.844.888zm-1.512.78l.24-.584c.49.494.825 1.121.96 1.804h-.544a4 4 0 0 0-.656-1.22m-.256.64c.12.184.212.376.292.58H4zM12.08 8.4h-.688c.417.467.779.98 1.08 1.528c.16-.128.316-.244.468-.356a7.7 7.7 0 0 0-.86-1.172m1.38 0h-.628q.32.401.588.84l.44-.272a8 8 0 0 0-.4-.568m1.444 0h-.728l.188.28c.192-.104.372-.2.54-.28m.272.316l.096-.316H20l-1.984 4.78a4.02 4.02 0 0 1-3.736 2.42H9.232c4.664-2.732 5.468-5.34 5.944-6.884"/></g><defs><linearGradient id="SVGqxu5mwuK" x1="20.024" x2="4.728" y1="8.4" y2="16.164" gradientUnits="userSpaceOnUse"><stop stopColor="#0292fb"/><stop offset="1" stopColor="#0dcaa0"/></linearGradient><clipPath id="SVGHcSWxdhd16"><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(#SVGHcSWxdhd16)"><path fill="url(#SVGqxu5mwuK)" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.6 8.4h-.74a8.3 8.3 0 0 1 1.74 2.292q.211-.204.416-.384A7.7 7.7 0 0 0 10.6 8.4m-1.56.044q-.372.059-.72.172a8.2 8.2 0 0 1 2.428 3q.21-.252.42-.48A7.76 7.76 0 0 0 9.04 8.444m-1.324.432a3.5 3.5 0 0 0-.52.328a8.1 8.1 0 0 1 2.82 3.428q.158-.253.328-.488a7.7 7.7 0 0 0-2.628-3.268m-.968.712a3.6 3.6 0 0 0-.408.48a7.3 7.3 0 0 1 1.808 1.652c.528.68.908 1.44 1.144 2.256c.108-.24.224-.48.344-.7a7.5 7.5 0 0 0-2.888-3.688m.928 2.464a6.24 6.24 0 0 1 1.232 2.92c-.068.2-.128.412-.184.628H8.38a5.93 5.93 0 0 0-1.064-3.104a6 6 0 0 0-1.492-1.436l.08-.2q.062-.155.136-.304c.656.432 1.2.936 1.64 1.496zM7.304 15.6h.484c-.084-1.08-.392-2-.96-2.784a5.4 5.4 0 0 0-1.22-1.216l-.224.56c.456.344.82.716 1.108 1.128a4.76 4.76 0 0 1 .812 2.312M6 13.6c.404.58.628 1.236.712 2H6.28a4.1 4.1 0 0 0-1.324-2.38l.2-.504c.348.28.624.572.844.888zm-1.512.78l.24-.584c.49.494.825 1.121.96 1.804h-.544a4 4 0 0 0-.656-1.22m-.256.64c.12.184.212.376.292.58H4zM12.08 8.4h-.688c.417.467.779.98 1.08 1.528c.16-.128.316-.244.468-.356a7.7 7.7 0 0 0-.86-1.172m1.38 0h-.628q.32.401.588.84l.44-.272a8 8 0 0 0-.4-.568m1.444 0h-.728l.188.28c.192-.104.372-.2.54-.28m.272.316l.096-.316H20l-1.984 4.78a4.02 4.02 0 0 1-3.736 2.42H9.232c4.664-2.732 5.468-5.34 5.944-6.884"/></g><defs><linearGradient id="SVGqxu5mwuK" x1="20.024" x2="4.728" y1="8.4" y2="16.164" gradientUnits="userSpaceOnUse"><stop stop-color="#0292fb"/><stop offset="1" stop-color="#0dcaa0"/></linearGradient><clipPath id="SVGHcSWxdhd16"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-diver-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(%23SVGHcSWxdhd16)%22%3E%3Cpath%20fill%3D%22url(%23SVGqxu5mwuK)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.6%208.4h-.74a8.3%208.3%200%200%201%201.74%202.292q.211-.204.416-.384A7.7%207.7%200%200%200%2010.6%208.4m-1.56.044q-.372.059-.72.172a8.2%208.2%200%200%201%202.428%203q.21-.252.42-.48A7.76%207.76%200%200%200%209.04%208.444m-1.324.432a3.5%203.5%200%200%200-.52.328a8.1%208.1%200%200%201%202.82%203.428q.158-.253.328-.488a7.7%207.7%200%200%200-2.628-3.268m-.968.712a3.6%203.6%200%200%200-.408.48a7.3%207.3%200%200%201%201.808%201.652c.528.68.908%201.44%201.144%202.256c.108-.24.224-.48.344-.7a7.5%207.5%200%200%200-2.888-3.688m.928%202.464a6.24%206.24%200%200%201%201.232%202.92c-.068.2-.128.412-.184.628H8.38a5.93%205.93%200%200%200-1.064-3.104a6%206%200%200%200-1.492-1.436l.08-.2q.062-.155.136-.304c.656.432%201.2.936%201.64%201.496zM7.304%2015.6h.484c-.084-1.08-.392-2-.96-2.784a5.4%205.4%200%200%200-1.22-1.216l-.224.56c.456.344.82.716%201.108%201.128a4.76%204.76%200%200%201%20.812%202.312M6%2013.6c.404.58.628%201.236.712%202H6.28a4.1%204.1%200%200%200-1.324-2.38l.2-.504c.348.28.624.572.844.888zm-1.512.78l.24-.584c.49.494.825%201.121.96%201.804h-.544a4%204%200%200%200-.656-1.22m-.256.64c.12.184.212.376.292.58H4zM12.08%208.4h-.688c.417.467.779.98%201.08%201.528c.16-.128.316-.244.468-.356a7.7%207.7%200%200%200-.86-1.172m1.38%200h-.628q.32.401.588.84l.44-.272a8%208%200%200%200-.4-.568m1.444%200h-.728l.188.28c.192-.104.372-.2.54-.28m.272.316l.096-.316H20l-1.984%204.78a4.02%204.02%200%200%201-3.736%202.42H9.232c4.664-2.732%205.468-5.34%205.944-6.884%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGqxu5mwuK%22%20x1%3D%2220.024%22%20x2%3D%224.728%22%20y1%3D%228.4%22%20y2%3D%2216.164%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230292fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230dcaa0%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd16%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(%23SVGHcSWxdhd16)%22%3E%3Cpath%20fill%3D%22url(%23SVGqxu5mwuK)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.6%208.4h-.74a8.3%208.3%200%200%201%201.74%202.292q.211-.204.416-.384A7.7%207.7%200%200%200%2010.6%208.4m-1.56.044q-.372.059-.72.172a8.2%208.2%200%200%201%202.428%203q.21-.252.42-.48A7.76%207.76%200%200%200%209.04%208.444m-1.324.432a3.5%203.5%200%200%200-.52.328a8.1%208.1%200%200%201%202.82%203.428q.158-.253.328-.488a7.7%207.7%200%200%200-2.628-3.268m-.968.712a3.6%203.6%200%200%200-.408.48a7.3%207.3%200%200%201%201.808%201.652c.528.68.908%201.44%201.144%202.256c.108-.24.224-.48.344-.7a7.5%207.5%200%200%200-2.888-3.688m.928%202.464a6.24%206.24%200%200%201%201.232%202.92c-.068.2-.128.412-.184.628H8.38a5.93%205.93%200%200%200-1.064-3.104a6%206%200%200%200-1.492-1.436l.08-.2q.062-.155.136-.304c.656.432%201.2.936%201.64%201.496zM7.304%2015.6h.484c-.084-1.08-.392-2-.96-2.784a5.4%205.4%200%200%200-1.22-1.216l-.224.56c.456.344.82.716%201.108%201.128a4.76%204.76%200%200%201%20.812%202.312M6%2013.6c.404.58.628%201.236.712%202H6.28a4.1%204.1%200%200%200-1.324-2.38l.2-.504c.348.28.624.572.844.888zm-1.512.78l.24-.584c.49.494.825%201.121.96%201.804h-.544a4%204%200%200%200-.656-1.22m-.256.64c.12.184.212.376.292.58H4zM12.08%208.4h-.688c.417.467.779.98%201.08%201.528c.16-.128.316-.244.468-.356a7.7%207.7%200%200%200-.86-1.172m1.38%200h-.628q.32.401.588.84l.44-.272a8%208%200%200%200-.4-.568m1.444%200h-.728l.188.28c.192-.104.372-.2.54-.28m.272.316l.096-.316H20l-1.984%204.78a4.02%204.02%200%200%201-3.736%202.42H9.232c4.664-2.732%205.468-5.34%205.944-6.884%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGqxu5mwuK%22%20x1%3D%2220.024%22%20x2%3D%224.728%22%20y1%3D%228.4%22%20y2%3D%2216.164%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230292fb%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%230dcaa0%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd16%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/diver-background.svg?color=%231a73e8&size=48
