iris logo
iris from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- iris
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" 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.426 0c1.434-3.28.579-6.322-.018-7.447l-.494 1.147c.804 2.155.19 4.556-.13 5.456l.647.844z"/><path fill="currentColor" fill-rule="evenodd" d="m11.963 3.062l-1.642 3.74l-6.002.715l2.435 3.403l-2.435 5.59l4.123-.472l3.611 4.883l1.648-3.814l6.024-.686l-2.475-3.358l2.42-5.552l-4.107.427zm.214 1.884l-1.406 3.172c-.022.05-.079.208-.079.422l3.403-.349l-1.54 3.724l1.428 1.94l1.333-2.941a2.14 2.14 0 0 0-.169-1.896c-.432-.666-1.933-2.682-2.779-3.816zm3.971 3.892l1.986-.23h.006l-1.541 3.594a2.4 2.4 0 0 0-.602-.518c.264-.37.658-1.473.151-2.846M9.877 7.831l-3.882.439l1.238 1.688a3.11 3.11 0 0 1 2.509-1.305c0-.434.09-.732.135-.822m2.722 1.463l-3.335.371a1.89 1.89 0 0 0-1.424 1.108c-.365.816-1.49 3.415-2.008 4.613l3.111-.343c.157-.023.534-.09.743-.192L7.66 12.067l3.994-.512zm-.832 3.212l-2.38.309q.957 1.326 1.924 2.644c.59.799 1.631.787 2.166.731l4.517-.546l-1.958-2.649a1.8 1.8 0 0 0-.439-.416L14.22 15.7zM9.55 15.914q.358-.098.692-.258v.005a3.43 3.43 0 0 0 2.402 1.519l-.787 1.856z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenIris(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="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.426 0c1.434-3.28.579-6.322-.018-7.447l-.494 1.147c.804 2.155.19 4.556-.13 5.456l.647.844z"/><path fill="currentColor" fillRule="evenodd" d="m11.963 3.062l-1.642 3.74l-6.002.715l2.435 3.403l-2.435 5.59l4.123-.472l3.611 4.883l1.648-3.814l6.024-.686l-2.475-3.358l2.42-5.552l-4.107.427zm.214 1.884l-1.406 3.172c-.022.05-.079.208-.079.422l3.403-.349l-1.54 3.724l1.428 1.94l1.333-2.941a2.14 2.14 0 0 0-.169-1.896c-.432-.666-1.933-2.682-2.779-3.816zm3.971 3.892l1.986-.23h.006l-1.541 3.594a2.4 2.4 0 0 0-.602-.518c.264-.37.658-1.473.151-2.846M9.877 7.831l-3.882.439l1.238 1.688a3.11 3.11 0 0 1 2.509-1.305c0-.434.09-.732.135-.822m2.722 1.463l-3.335.371a1.89 1.89 0 0 0-1.424 1.108c-.365.816-1.49 3.415-2.008 4.613l3.111-.343c.157-.023.534-.09.743-.192L7.66 12.067l3.994-.512zm-.832 3.212l-2.38.309q.957 1.326 1.924 2.644c.59.799 1.631.787 2.166.731l4.517-.546l-1.958-2.649a1.8 1.8 0 0 0-.439-.416L14.22 15.7zM9.55 15.914q.358-.098.692-.258v.005a3.43 3.43 0 0 0 2.402 1.519l-.787 1.856z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" 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.426 0c1.434-3.28.579-6.322-.018-7.447l-.494 1.147c.804 2.155.19 4.556-.13 5.456l.647.844z"/><path fill="currentColor" fill-rule="evenodd" d="m11.963 3.062l-1.642 3.74l-6.002.715l2.435 3.403l-2.435 5.59l4.123-.472l3.611 4.883l1.648-3.814l6.024-.686l-2.475-3.358l2.42-5.552l-4.107.427zm.214 1.884l-1.406 3.172c-.022.05-.079.208-.079.422l3.403-.349l-1.54 3.724l1.428 1.94l1.333-2.941a2.14 2.14 0 0 0-.169-1.896c-.432-.666-1.933-2.682-2.779-3.816zm3.971 3.892l1.986-.23h.006l-1.541 3.594a2.4 2.4 0 0 0-.602-.518c.264-.37.658-1.473.151-2.846M9.877 7.831l-3.882.439l1.238 1.688a3.11 3.11 0 0 1 2.509-1.305c0-.434.09-.732.135-.822m2.722 1.463l-3.335.371a1.89 1.89 0 0 0-1.424 1.108c-.365.816-1.49 3.415-2.008 4.613l3.111-.343c.157-.023.534-.09.743-.192L7.66 12.067l3.994-.512zm-.832 3.212l-2.38.309q.957 1.326 1.924 2.644c.59.799 1.631.787 2.166.731l4.517-.546l-1.958-2.649a1.8 1.8 0 0 0-.439-.416L14.22 15.7zM9.55 15.914q.358-.098.692-.258v.005a3.43 3.43 0 0 0 2.402 1.519l-.787 1.856z" clip-rule="evenodd"/></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%3Cpath%20fill%3D%22currentColor%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.426%200c1.434-3.28.579-6.322-.018-7.447l-.494%201.147c.804%202.155.19%204.556-.13%205.456l.647.844z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11.963%203.062l-1.642%203.74l-6.002.715l2.435%203.403l-2.435%205.59l4.123-.472l3.611%204.883l1.648-3.814l6.024-.686l-2.475-3.358l2.42-5.552l-4.107.427zm.214%201.884l-1.406%203.172c-.022.05-.079.208-.079.422l3.403-.349l-1.54%203.724l1.428%201.94l1.333-2.941a2.14%202.14%200%200%200-.169-1.896c-.432-.666-1.933-2.682-2.779-3.816zm3.971%203.892l1.986-.23h.006l-1.541%203.594a2.4%202.4%200%200%200-.602-.518c.264-.37.658-1.473.151-2.846M9.877%207.831l-3.882.439l1.238%201.688a3.11%203.11%200%200%201%202.509-1.305c0-.434.09-.732.135-.822m2.722%201.463l-3.335.371a1.89%201.89%200%200%200-1.424%201.108c-.365.816-1.49%203.415-2.008%204.613l3.111-.343c.157-.023.534-.09.743-.192L7.66%2012.067l3.994-.512zm-.832%203.212l-2.38.309q.957%201.326%201.924%202.644c.59.799%201.631.787%202.166.731l4.517-.546l-1.958-2.649a1.8%201.8%200%200%200-.439-.416L14.22%2015.7zM9.55%2015.914q.358-.098.692-.258v.005a3.43%203.43%200%200%200%202.402%201.519l-.787%201.856z%22%20clip-rule%3D%22evenodd%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%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.426%200c1.434-3.28.579-6.322-.018-7.447l-.494%201.147c.804%202.155.19%204.556-.13%205.456l.647.844z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22m11.963%203.062l-1.642%203.74l-6.002.715l2.435%203.403l-2.435%205.59l4.123-.472l3.611%204.883l1.648-3.814l6.024-.686l-2.475-3.358l2.42-5.552l-4.107.427zm.214%201.884l-1.406%203.172c-.022.05-.079.208-.079.422l3.403-.349l-1.54%203.724l1.428%201.94l1.333-2.941a2.14%202.14%200%200%200-.169-1.896c-.432-.666-1.933-2.682-2.779-3.816zm3.971%203.892l1.986-.23h.006l-1.541%203.594a2.4%202.4%200%200%200-.602-.518c.264-.37.658-1.473.151-2.846M9.877%207.831l-3.882.439l1.238%201.688a3.11%203.11%200%200%201%202.509-1.305c0-.434.09-.732.135-.822m2.722%201.463l-3.335.371a1.89%201.89%200%200%200-1.424%201.108c-.365.816-1.49%203.415-2.008%204.613l3.111-.343c.157-.023.534-.09.743-.192L7.66%2012.067l3.994-.512zm-.832%203.212l-2.38.309q.957%201.326%201.924%202.644c.59.799%201.631.787%202.166.731l4.517-.546l-1.958-2.649a1.8%201.8%200%200%200-.439-.416L14.22%2015.7zM9.55%2015.914q.358-.098.692-.258v.005a3.43%203.43%200%200%200%202.402%201.519l-.787%201.856z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/iris.svg?color=%231a73e8&size=48
