iris logo
iris from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- iris
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the iris logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVG3nJVlcUB)" d="M11.102 3c-3.29.281-5.625 2.542-6.39 3.645L6 6.532a7.85 7.85 0 0 1 4.714-2.581L11.107 3zm0 18c-3.29-.281-5.698-2.537-6.413-3.74l1.047-.113c1.367 1.755 3.7 2.756 4.635 2.83zm1.811-18c3.263.225 5.54 2.503 6.396 3.707l-1.058.146c-1.575-1.946-3.617-2.728-4.612-2.83zm0 18c3.263-.225 5.54-2.503 6.396-3.707l-1.255.107a7.93 7.93 0 0 1-4.736 2.632zM3.79 15.718c-1.428-3.28-.596-6.35 0-7.47l.63.827a8.67 8.67 0 0 0-.112 5.501zm16.425 0c1.435-3.28.58-6.322-.016-7.447l-.495 1.147c.804 2.155.19 4.556-.13 5.456l.647.844z"/><path fill="url(#SVG3nJVlcUB)" fill-rule="evenodd" d="m11.962 3.062l-1.642 3.74l-6.002.715l2.436 3.403l-2.436 5.59l4.123-.472l3.611 4.883l1.649-3.814l6.024-.686l-2.475-3.358l2.419-5.552l-4.107.427zm.215 1.884L10.77 8.118c-.023.05-.08.208-.08.422l3.404-.349l-1.541 3.724l1.428 1.94l1.334-2.941a2.14 2.14 0 0 0-.17-1.896c-.431-.666-1.933-2.682-2.779-3.816zm3.971 3.892l1.986-.23h.005l-1.54 3.594a2.4 2.4 0 0 0-.603-.518c.265-.37.658-1.473.152-2.846M9.876 7.831l-3.881.439l1.237 1.688a3.11 3.11 0 0 1 2.51-1.305c0-.434.09-.732.134-.822M12.6 9.294l-3.336.371a1.89 1.89 0 0 0-1.423 1.108c-.366.816-1.49 3.415-2.008 4.613l3.11-.343c.158-.023.535-.09.743-.192L7.66 12.067l3.994-.512zm-.833 3.212l-2.38.309q.957 1.326 1.925 2.644c.59.799 1.63.787 2.165.731l4.517-.546l-1.957-2.649a1.8 1.8 0 0 0-.44-.416L14.22 15.7zM9.55 15.914q.358-.098.692-.258v.005a3.43 3.43 0 0 0 2.402 1.519l-.788 1.856z" clip-rule="evenodd"/><defs><linearGradient id="SVG3nJVlcUB" x1="4.694" x2="19.03" y1="17.281" y2="8.863" gradientUnits="userSpaceOnUse"><stop stop-color="#1190d4"/><stop offset=".34" stop-color="#5060ae"/><stop offset=".69" stop-color="#ac4179"/><stop offset="1" stop-color="#e0375c"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedIris(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"><path fill="url(#SVG3nJVlcUB)" d="M11.102 3c-3.29.281-5.625 2.542-6.39 3.645L6 6.532a7.85 7.85 0 0 1 4.714-2.581L11.107 3zm0 18c-3.29-.281-5.698-2.537-6.413-3.74l1.047-.113c1.367 1.755 3.7 2.756 4.635 2.83zm1.811-18c3.263.225 5.54 2.503 6.396 3.707l-1.058.146c-1.575-1.946-3.617-2.728-4.612-2.83zm0 18c3.263-.225 5.54-2.503 6.396-3.707l-1.255.107a7.93 7.93 0 0 1-4.736 2.632zM3.79 15.718c-1.428-3.28-.596-6.35 0-7.47l.63.827a8.67 8.67 0 0 0-.112 5.501zm16.425 0c1.435-3.28.58-6.322-.016-7.447l-.495 1.147c.804 2.155.19 4.556-.13 5.456l.647.844z"/><path fill="url(#SVG3nJVlcUB)" fillRule="evenodd" d="m11.962 3.062l-1.642 3.74l-6.002.715l2.436 3.403l-2.436 5.59l4.123-.472l3.611 4.883l1.649-3.814l6.024-.686l-2.475-3.358l2.419-5.552l-4.107.427zm.215 1.884L10.77 8.118c-.023.05-.08.208-.08.422l3.404-.349l-1.541 3.724l1.428 1.94l1.334-2.941a2.14 2.14 0 0 0-.17-1.896c-.431-.666-1.933-2.682-2.779-3.816zm3.971 3.892l1.986-.23h.005l-1.54 3.594a2.4 2.4 0 0 0-.603-.518c.265-.37.658-1.473.152-2.846M9.876 7.831l-3.881.439l1.237 1.688a3.11 3.11 0 0 1 2.51-1.305c0-.434.09-.732.134-.822M12.6 9.294l-3.336.371a1.89 1.89 0 0 0-1.423 1.108c-.366.816-1.49 3.415-2.008 4.613l3.11-.343c.158-.023.535-.09.743-.192L7.66 12.067l3.994-.512zm-.833 3.212l-2.38.309q.957 1.326 1.925 2.644c.59.799 1.63.787 2.165.731l4.517-.546l-1.957-2.649a1.8 1.8 0 0 0-.44-.416L14.22 15.7zM9.55 15.914q.358-.098.692-.258v.005a3.43 3.43 0 0 0 2.402 1.519l-.788 1.856z" clipRule="evenodd"/><defs><linearGradient id="SVG3nJVlcUB" x1="4.694" x2="19.03" y1="17.281" y2="8.863" gradientUnits="userSpaceOnUse"><stop stopColor="#1190d4"/><stop offset=".34" stopColor="#5060ae"/><stop offset=".69" stopColor="#ac4179"/><stop offset="1" stopColor="#e0375c"/></linearGradient></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"><path fill="url(#SVG3nJVlcUB)" d="M11.102 3c-3.29.281-5.625 2.542-6.39 3.645L6 6.532a7.85 7.85 0 0 1 4.714-2.581L11.107 3zm0 18c-3.29-.281-5.698-2.537-6.413-3.74l1.047-.113c1.367 1.755 3.7 2.756 4.635 2.83zm1.811-18c3.263.225 5.54 2.503 6.396 3.707l-1.058.146c-1.575-1.946-3.617-2.728-4.612-2.83zm0 18c3.263-.225 5.54-2.503 6.396-3.707l-1.255.107a7.93 7.93 0 0 1-4.736 2.632zM3.79 15.718c-1.428-3.28-.596-6.35 0-7.47l.63.827a8.67 8.67 0 0 0-.112 5.501zm16.425 0c1.435-3.28.58-6.322-.016-7.447l-.495 1.147c.804 2.155.19 4.556-.13 5.456l.647.844z"/><path fill="url(#SVG3nJVlcUB)" fill-rule="evenodd" d="m11.962 3.062l-1.642 3.74l-6.002.715l2.436 3.403l-2.436 5.59l4.123-.472l3.611 4.883l1.649-3.814l6.024-.686l-2.475-3.358l2.419-5.552l-4.107.427zm.215 1.884L10.77 8.118c-.023.05-.08.208-.08.422l3.404-.349l-1.541 3.724l1.428 1.94l1.334-2.941a2.14 2.14 0 0 0-.17-1.896c-.431-.666-1.933-2.682-2.779-3.816zm3.971 3.892l1.986-.23h.005l-1.54 3.594a2.4 2.4 0 0 0-.603-.518c.265-.37.658-1.473.152-2.846M9.876 7.831l-3.881.439l1.237 1.688a3.11 3.11 0 0 1 2.51-1.305c0-.434.09-.732.134-.822M12.6 9.294l-3.336.371a1.89 1.89 0 0 0-1.423 1.108c-.366.816-1.49 3.415-2.008 4.613l3.11-.343c.158-.023.535-.09.743-.192L7.66 12.067l3.994-.512zm-.833 3.212l-2.38.309q.957 1.326 1.925 2.644c.59.799 1.63.787 2.165.731l4.517-.546l-1.957-2.649a1.8 1.8 0 0 0-.44-.416L14.22 15.7zM9.55 15.914q.358-.098.692-.258v.005a3.43 3.43 0 0 0 2.402 1.519l-.788 1.856z" clip-rule="evenodd"/><defs><linearGradient id="SVG3nJVlcUB" x1="4.694" x2="19.03" y1="17.281" y2="8.863" gradientUnits="userSpaceOnUse"><stop stop-color="#1190d4"/><stop offset=".34" stop-color="#5060ae"/><stop offset=".69" stop-color="#ac4179"/><stop offset="1" stop-color="#e0375c"/></linearGradient></defs></g></svg> </template>
CSS
.icon-iris {
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%3Cpath%20fill%3D%22url(%23SVG3nJVlcUB)%22%20d%3D%22M11.102%203c-3.29.281-5.625%202.542-6.39%203.645L6%206.532a7.85%207.85%200%200%201%204.714-2.581L11.107%203zm0%2018c-3.29-.281-5.698-2.537-6.413-3.74l1.047-.113c1.367%201.755%203.7%202.756%204.635%202.83zm1.811-18c3.263.225%205.54%202.503%206.396%203.707l-1.058.146c-1.575-1.946-3.617-2.728-4.612-2.83zm0%2018c3.263-.225%205.54-2.503%206.396-3.707l-1.255.107a7.93%207.93%200%200%201-4.736%202.632zM3.79%2015.718c-1.428-3.28-.596-6.35%200-7.47l.63.827a8.67%208.67%200%200%200-.112%205.501zm16.425%200c1.435-3.28.58-6.322-.016-7.447l-.495%201.147c.804%202.155.19%204.556-.13%205.456l.647.844z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3nJVlcUB)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11.962%203.062l-1.642%203.74l-6.002.715l2.436%203.403l-2.436%205.59l4.123-.472l3.611%204.883l1.649-3.814l6.024-.686l-2.475-3.358l2.419-5.552l-4.107.427zm.215%201.884L10.77%208.118c-.023.05-.08.208-.08.422l3.404-.349l-1.541%203.724l1.428%201.94l1.334-2.941a2.14%202.14%200%200%200-.17-1.896c-.431-.666-1.933-2.682-2.779-3.816zm3.971%203.892l1.986-.23h.005l-1.54%203.594a2.4%202.4%200%200%200-.603-.518c.265-.37.658-1.473.152-2.846M9.876%207.831l-3.881.439l1.237%201.688a3.11%203.11%200%200%201%202.51-1.305c0-.434.09-.732.134-.822M12.6%209.294l-3.336.371a1.89%201.89%200%200%200-1.423%201.108c-.366.816-1.49%203.415-2.008%204.613l3.11-.343c.158-.023.535-.09.743-.192L7.66%2012.067l3.994-.512zm-.833%203.212l-2.38.309q.957%201.326%201.925%202.644c.59.799%201.63.787%202.165.731l4.517-.546l-1.957-2.649a1.8%201.8%200%200%200-.44-.416L14.22%2015.7zM9.55%2015.914q.358-.098.692-.258v.005a3.43%203.43%200%200%200%202.402%201.519l-.788%201.856z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG3nJVlcUB%22%20x1%3D%224.694%22%20x2%3D%2219.03%22%20y1%3D%2217.281%22%20y2%3D%228.863%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231190d4%22%2F%3E%3Cstop%20offset%3D%22.34%22%20stop-color%3D%22%235060ae%22%2F%3E%3Cstop%20offset%3D%22.69%22%20stop-color%3D%22%23ac4179%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e0375c%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVG3nJVlcUB)%22%20d%3D%22M11.102%203c-3.29.281-5.625%202.542-6.39%203.645L6%206.532a7.85%207.85%200%200%201%204.714-2.581L11.107%203zm0%2018c-3.29-.281-5.698-2.537-6.413-3.74l1.047-.113c1.367%201.755%203.7%202.756%204.635%202.83zm1.811-18c3.263.225%205.54%202.503%206.396%203.707l-1.058.146c-1.575-1.946-3.617-2.728-4.612-2.83zm0%2018c3.263-.225%205.54-2.503%206.396-3.707l-1.255.107a7.93%207.93%200%200%201-4.736%202.632zM3.79%2015.718c-1.428-3.28-.596-6.35%200-7.47l.63.827a8.67%208.67%200%200%200-.112%205.501zm16.425%200c1.435-3.28.58-6.322-.016-7.447l-.495%201.147c.804%202.155.19%204.556-.13%205.456l.647.844z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG3nJVlcUB)%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11.962%203.062l-1.642%203.74l-6.002.715l2.436%203.403l-2.436%205.59l4.123-.472l3.611%204.883l1.649-3.814l6.024-.686l-2.475-3.358l2.419-5.552l-4.107.427zm.215%201.884L10.77%208.118c-.023.05-.08.208-.08.422l3.404-.349l-1.541%203.724l1.428%201.94l1.334-2.941a2.14%202.14%200%200%200-.17-1.896c-.431-.666-1.933-2.682-2.779-3.816zm3.971%203.892l1.986-.23h.005l-1.54%203.594a2.4%202.4%200%200%200-.603-.518c.265-.37.658-1.473.152-2.846M9.876%207.831l-3.881.439l1.237%201.688a3.11%203.11%200%200%201%202.51-1.305c0-.434.09-.732.134-.822M12.6%209.294l-3.336.371a1.89%201.89%200%200%200-1.423%201.108c-.366.816-1.49%203.415-2.008%204.613l3.11-.343c.158-.023.535-.09.743-.192L7.66%2012.067l3.994-.512zm-.833%203.212l-2.38.309q.957%201.326%201.925%202.644c.59.799%201.63.787%202.165.731l4.517-.546l-1.957-2.649a1.8%201.8%200%200%200-.44-.416L14.22%2015.7zM9.55%2015.914q.358-.098.692-.258v.005a3.43%203.43%200%200%200%202.402%201.519l-.788%201.856z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG3nJVlcUB%22%20x1%3D%224.694%22%20x2%3D%2219.03%22%20y1%3D%2217.281%22%20y2%3D%228.863%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%231190d4%22%2F%3E%3Cstop%20offset%3D%22.34%22%20stop-color%3D%22%235060ae%22%2F%3E%3Cstop%20offset%3D%22.69%22%20stop-color%3D%22%23ac4179%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e0375c%22%2F%3E%3C%2FlinearGradient%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/iris.svg?color=%231a73e8&size=48
