iq logo
iq-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- iq-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 iq 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(#SVGHcSWxdhd177)"><path fill="#094b89" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.298 4.095A8.25 8.25 0 0 0 5.323 7.56a7.7 7.7 0 0 0-1.155 2.76a9.6 9.6 0 0 0-.12 2.735a7.97 7.97 0 0 0 2.83 5.166c.835.705 1.775 1.23 1.775.985c0-.035-.1-.155-.22-.28c-.82-.8-1.25-2.215-1.08-3.525c.23-1.75.935-2.916 2.31-3.82c.26-.176.5-.316.525-.316c.1 0 .04-.2-.21-.69a4.7 4.7 0 0 1-.65-2.4a5.2 5.2 0 0 1 1.36-3.5c.24-.235.27-.285.27-.475s-.01-.2-.13-.2c-.08 0-.315.045-.53.095m4.881.51c0 .04.075.175.165.3c.423.6.661 1.311.685 2.045c.045.92-.2 1.72-.65 2.125c-.335.3-.62.31-1.035.045c-.29-.19-.325-.33-.13-.58c.362-.52.55-1.141.535-1.775c0-.705-.135-1.1-.5-1.44a1.32 1.32 0 0 0-1.325-.35c-.54.125-1.05.715-1.325 1.54a6.2 6.2 0 0 0-.26 1.58c.005.8.24 1.74.585 2.315c.26.405.58.768.95 1.075c.1.08.195.16.195.176c0 .02-.1.07-.225.12c-.92.344-1.85 1.384-2.26 2.53a4.9 4.9 0 0 0-.325 2.01c.034.84.184 1.235.655 1.75c.37.41 1.07.6 1.91.515c.97-.1 1.715-.45 2.35-1.12c.28-.3.335-.335.39-.27c.05.06.04.105-.06.28c-.635 1.095-1.815 2.03-2.91 2.305c-.24.06-.34.11-.34.16c0 .175 1.49-.065 2.395-.39a8.25 8.25 0 0 0 4.975-5.09c.315-.96.37-1.34.375-2.536c0-.93-.01-1.15-.105-1.62a8.18 8.18 0 0 0-4.145-5.565q-.57-.322-.57-.135"/></g><defs><clipPath id="SVGHcSWxdhd177"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedIqBackground(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(#SVGHcSWxdhd177)"><path fill="#094b89" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.298 4.095A8.25 8.25 0 0 0 5.323 7.56a7.7 7.7 0 0 0-1.155 2.76a9.6 9.6 0 0 0-.12 2.735a7.97 7.97 0 0 0 2.83 5.166c.835.705 1.775 1.23 1.775.985c0-.035-.1-.155-.22-.28c-.82-.8-1.25-2.215-1.08-3.525c.23-1.75.935-2.916 2.31-3.82c.26-.176.5-.316.525-.316c.1 0 .04-.2-.21-.69a4.7 4.7 0 0 1-.65-2.4a5.2 5.2 0 0 1 1.36-3.5c.24-.235.27-.285.27-.475s-.01-.2-.13-.2c-.08 0-.315.045-.53.095m4.881.51c0 .04.075.175.165.3c.423.6.661 1.311.685 2.045c.045.92-.2 1.72-.65 2.125c-.335.3-.62.31-1.035.045c-.29-.19-.325-.33-.13-.58c.362-.52.55-1.141.535-1.775c0-.705-.135-1.1-.5-1.44a1.32 1.32 0 0 0-1.325-.35c-.54.125-1.05.715-1.325 1.54a6.2 6.2 0 0 0-.26 1.58c.005.8.24 1.74.585 2.315c.26.405.58.768.95 1.075c.1.08.195.16.195.176c0 .02-.1.07-.225.12c-.92.344-1.85 1.384-2.26 2.53a4.9 4.9 0 0 0-.325 2.01c.034.84.184 1.235.655 1.75c.37.41 1.07.6 1.91.515c.97-.1 1.715-.45 2.35-1.12c.28-.3.335-.335.39-.27c.05.06.04.105-.06.28c-.635 1.095-1.815 2.03-2.91 2.305c-.24.06-.34.11-.34.16c0 .175 1.49-.065 2.395-.39a8.25 8.25 0 0 0 4.975-5.09c.315-.96.37-1.34.375-2.536c0-.93-.01-1.15-.105-1.62a8.18 8.18 0 0 0-4.145-5.565q-.57-.322-.57-.135"/></g><defs><clipPath id="SVGHcSWxdhd177"><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(#SVGHcSWxdhd177)"><path fill="#094b89" d="M24 0H0v24h24z"/><path fill="#fff" d="M10.298 4.095A8.25 8.25 0 0 0 5.323 7.56a7.7 7.7 0 0 0-1.155 2.76a9.6 9.6 0 0 0-.12 2.735a7.97 7.97 0 0 0 2.83 5.166c.835.705 1.775 1.23 1.775.985c0-.035-.1-.155-.22-.28c-.82-.8-1.25-2.215-1.08-3.525c.23-1.75.935-2.916 2.31-3.82c.26-.176.5-.316.525-.316c.1 0 .04-.2-.21-.69a4.7 4.7 0 0 1-.65-2.4a5.2 5.2 0 0 1 1.36-3.5c.24-.235.27-.285.27-.475s-.01-.2-.13-.2c-.08 0-.315.045-.53.095m4.881.51c0 .04.075.175.165.3c.423.6.661 1.311.685 2.045c.045.92-.2 1.72-.65 2.125c-.335.3-.62.31-1.035.045c-.29-.19-.325-.33-.13-.58c.362-.52.55-1.141.535-1.775c0-.705-.135-1.1-.5-1.44a1.32 1.32 0 0 0-1.325-.35c-.54.125-1.05.715-1.325 1.54a6.2 6.2 0 0 0-.26 1.58c.005.8.24 1.74.585 2.315c.26.405.58.768.95 1.075c.1.08.195.16.195.176c0 .02-.1.07-.225.12c-.92.344-1.85 1.384-2.26 2.53a4.9 4.9 0 0 0-.325 2.01c.034.84.184 1.235.655 1.75c.37.41 1.07.6 1.91.515c.97-.1 1.715-.45 2.35-1.12c.28-.3.335-.335.39-.27c.05.06.04.105-.06.28c-.635 1.095-1.815 2.03-2.91 2.305c-.24.06-.34.11-.34.16c0 .175 1.49-.065 2.395-.39a8.25 8.25 0 0 0 4.975-5.09c.315-.96.37-1.34.375-2.536c0-.93-.01-1.15-.105-1.62a8.18 8.18 0 0 0-4.145-5.565q-.57-.322-.57-.135"/></g><defs><clipPath id="SVGHcSWxdhd177"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-iq-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(%23SVGHcSWxdhd177)%22%3E%3Cpath%20fill%3D%22%23094b89%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.298%204.095A8.25%208.25%200%200%200%205.323%207.56a7.7%207.7%200%200%200-1.155%202.76a9.6%209.6%200%200%200-.12%202.735a7.97%207.97%200%200%200%202.83%205.166c.835.705%201.775%201.23%201.775.985c0-.035-.1-.155-.22-.28c-.82-.8-1.25-2.215-1.08-3.525c.23-1.75.935-2.916%202.31-3.82c.26-.176.5-.316.525-.316c.1%200%20.04-.2-.21-.69a4.7%204.7%200%200%201-.65-2.4a5.2%205.2%200%200%201%201.36-3.5c.24-.235.27-.285.27-.475s-.01-.2-.13-.2c-.08%200-.315.045-.53.095m4.881.51c0%20.04.075.175.165.3c.423.6.661%201.311.685%202.045c.045.92-.2%201.72-.65%202.125c-.335.3-.62.31-1.035.045c-.29-.19-.325-.33-.13-.58c.362-.52.55-1.141.535-1.775c0-.705-.135-1.1-.5-1.44a1.32%201.32%200%200%200-1.325-.35c-.54.125-1.05.715-1.325%201.54a6.2%206.2%200%200%200-.26%201.58c.005.8.24%201.74.585%202.315c.26.405.58.768.95%201.075c.1.08.195.16.195.176c0%20.02-.1.07-.225.12c-.92.344-1.85%201.384-2.26%202.53a4.9%204.9%200%200%200-.325%202.01c.034.84.184%201.235.655%201.75c.37.41%201.07.6%201.91.515c.97-.1%201.715-.45%202.35-1.12c.28-.3.335-.335.39-.27c.05.06.04.105-.06.28c-.635%201.095-1.815%202.03-2.91%202.305c-.24.06-.34.11-.34.16c0%20.175%201.49-.065%202.395-.39a8.25%208.25%200%200%200%204.975-5.09c.315-.96.37-1.34.375-2.536c0-.93-.01-1.15-.105-1.62a8.18%208.18%200%200%200-4.145-5.565q-.57-.322-.57-.135%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd177%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(%23SVGHcSWxdhd177)%22%3E%3Cpath%20fill%3D%22%23094b89%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.298%204.095A8.25%208.25%200%200%200%205.323%207.56a7.7%207.7%200%200%200-1.155%202.76a9.6%209.6%200%200%200-.12%202.735a7.97%207.97%200%200%200%202.83%205.166c.835.705%201.775%201.23%201.775.985c0-.035-.1-.155-.22-.28c-.82-.8-1.25-2.215-1.08-3.525c.23-1.75.935-2.916%202.31-3.82c.26-.176.5-.316.525-.316c.1%200%20.04-.2-.21-.69a4.7%204.7%200%200%201-.65-2.4a5.2%205.2%200%200%201%201.36-3.5c.24-.235.27-.285.27-.475s-.01-.2-.13-.2c-.08%200-.315.045-.53.095m4.881.51c0%20.04.075.175.165.3c.423.6.661%201.311.685%202.045c.045.92-.2%201.72-.65%202.125c-.335.3-.62.31-1.035.045c-.29-.19-.325-.33-.13-.58c.362-.52.55-1.141.535-1.775c0-.705-.135-1.1-.5-1.44a1.32%201.32%200%200%200-1.325-.35c-.54.125-1.05.715-1.325%201.54a6.2%206.2%200%200%200-.26%201.58c.005.8.24%201.74.585%202.315c.26.405.58.768.95%201.075c.1.08.195.16.195.176c0%20.02-.1.07-.225.12c-.92.344-1.85%201.384-2.26%202.53a4.9%204.9%200%200%200-.325%202.01c.034.84.184%201.235.655%201.75c.37.41%201.07.6%201.91.515c.97-.1%201.715-.45%202.35-1.12c.28-.3.335-.335.39-.27c.05.06.04.105-.06.28c-.635%201.095-1.815%202.03-2.91%202.305c-.24.06-.34.11-.34.16c0%20.175%201.49-.065%202.395-.39a8.25%208.25%200%200%200%204.975-5.09c.315-.96.37-1.34.375-2.536c0-.93-.01-1.15-.105-1.62a8.18%208.18%200%200%200-4.145-5.565q-.57-.322-.57-.135%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd177%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/iq-background.svg?color=%231a73e8&size=48
