future logo
future from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- future
- 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 future logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#0c364f" fill-rule="evenodd" d="M9.882 19.637a6.58 6.58 0 1 0 0-13.162a6.58 6.58 0 0 0 0 13.162m0 .301a6.883 6.883 0 1 0 0-13.765a6.883 6.883 0 0 0 0 13.765" clip-rule="evenodd"/><path fill="#0c364f" d="M4.376 11.627c.159-.132.408-.222.72-.069c.196.106.466.302.73.503c.53.397 1.06.794 1.06.397c0-.598.9-.598 1.201 0c.127.254.09.45.053.667c-.048.291-.1.609.243 1.128c.35.518.392 1.535.43 2.302c.026.562.047.99.169.99c.301 0 1.201-1.498 1.498-2.096c.301-.598.301-1.196 0-1.493a8 8 0 0 1-.344-.392c-.408-.476-1.006-1.185-1.45-1.408c-.599-.296-.599-1.196 0-1.492a4 4 0 0 1 .529-.212c.656-.25 1.424-.53.968-.985c-.317-.318-.968-.466-1.466-.582c-.445-.106-.773-.175-.635-.318c.164-.159.243-.598.28-.99a5.7 5.7 0 0 0-3.986 4.055zm9.465-2.647a5.66 5.66 0 0 1 1.121 6.639a5.7 5.7 0 0 1-1.502 1.852c-.138-.18-.148-.503.01-.826c.303-.598 0-2.09-.296-2.99c-.185-.556-.487-.54-.836-.514c-.212.01-.434.026-.662-.085c-.598-.301 0-1.196.598-1.8c.44-.434.556-.709.704-1.058c.177-.474.475-.894.863-1.218"/><path fill="#0c364f" fill-rule="evenodd" d="M9.882 18.574a5.52 5.52 0 0 0 5.096-3.405a5.517 5.517 0 1 0-5.096 3.405m0 .307a5.823 5.823 0 1 0 0-11.647a5.823 5.823 0 0 0 0 11.647" clip-rule="evenodd"/><path fill="#faa41a" d="M4.604 18.176c1.694 1.625 3.52 1.842 4.23 1.747c-3.627-6.056 2.716-10.085 6.342-11.345v-.286c-8.947.7-10.773 6.883-10.572 9.884"/><path fill="#fea224" fill-rule="evenodd" d="M16.615 5.837h-.74a.12.12 0 0 0-.085.037l-1.112 1.308c-.08.09.016.222.127.18l.858-.34a.13.13 0 0 1 .169.107c.074.656.598.894.974.947c.08.01.138.096.106.17l-.392.953c-.037.095.074.19.164.137l1.673-.931a.11.11 0 0 0 .058-.101v-.699c0-.053.032-.09.08-.106c1.71-.672 2.371-2.382 2.504-3.25a.1.1 0 0 0-.021-.082a.1.1 0 0 0-.075-.04c-2.403-.381-3.758.9-4.182 1.647a.12.12 0 0 1-.106.063m2.796-.19a.53.53 0 1 0 0-1.059a.53.53 0 0 0 0 1.058" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedFuture(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="#0c364f" fillRule="evenodd" d="M9.882 19.637a6.58 6.58 0 1 0 0-13.162a6.58 6.58 0 0 0 0 13.162m0 .301a6.883 6.883 0 1 0 0-13.765a6.883 6.883 0 0 0 0 13.765" clipRule="evenodd"/><path fill="#0c364f" d="M4.376 11.627c.159-.132.408-.222.72-.069c.196.106.466.302.73.503c.53.397 1.06.794 1.06.397c0-.598.9-.598 1.201 0c.127.254.09.45.053.667c-.048.291-.1.609.243 1.128c.35.518.392 1.535.43 2.302c.026.562.047.99.169.99c.301 0 1.201-1.498 1.498-2.096c.301-.598.301-1.196 0-1.493a8 8 0 0 1-.344-.392c-.408-.476-1.006-1.185-1.45-1.408c-.599-.296-.599-1.196 0-1.492a4 4 0 0 1 .529-.212c.656-.25 1.424-.53.968-.985c-.317-.318-.968-.466-1.466-.582c-.445-.106-.773-.175-.635-.318c.164-.159.243-.598.28-.99a5.7 5.7 0 0 0-3.986 4.055zm9.465-2.647a5.66 5.66 0 0 1 1.121 6.639a5.7 5.7 0 0 1-1.502 1.852c-.138-.18-.148-.503.01-.826c.303-.598 0-2.09-.296-2.99c-.185-.556-.487-.54-.836-.514c-.212.01-.434.026-.662-.085c-.598-.301 0-1.196.598-1.8c.44-.434.556-.709.704-1.058c.177-.474.475-.894.863-1.218"/><path fill="#0c364f" fillRule="evenodd" d="M9.882 18.574a5.52 5.52 0 0 0 5.096-3.405a5.517 5.517 0 1 0-5.096 3.405m0 .307a5.823 5.823 0 1 0 0-11.647a5.823 5.823 0 0 0 0 11.647" clipRule="evenodd"/><path fill="#faa41a" d="M4.604 18.176c1.694 1.625 3.52 1.842 4.23 1.747c-3.627-6.056 2.716-10.085 6.342-11.345v-.286c-8.947.7-10.773 6.883-10.572 9.884"/><path fill="#fea224" fillRule="evenodd" d="M16.615 5.837h-.74a.12.12 0 0 0-.085.037l-1.112 1.308c-.08.09.016.222.127.18l.858-.34a.13.13 0 0 1 .169.107c.074.656.598.894.974.947c.08.01.138.096.106.17l-.392.953c-.037.095.074.19.164.137l1.673-.931a.11.11 0 0 0 .058-.101v-.699c0-.053.032-.09.08-.106c1.71-.672 2.371-2.382 2.504-3.25a.1.1 0 0 0-.021-.082a.1.1 0 0 0-.075-.04c-2.403-.381-3.758.9-4.182 1.647a.12.12 0 0 1-.106.063m2.796-.19a.53.53 0 1 0 0-1.059a.53.53 0 0 0 0 1.058" clipRule="evenodd"/></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="#0c364f" fill-rule="evenodd" d="M9.882 19.637a6.58 6.58 0 1 0 0-13.162a6.58 6.58 0 0 0 0 13.162m0 .301a6.883 6.883 0 1 0 0-13.765a6.883 6.883 0 0 0 0 13.765" clip-rule="evenodd"/><path fill="#0c364f" d="M4.376 11.627c.159-.132.408-.222.72-.069c.196.106.466.302.73.503c.53.397 1.06.794 1.06.397c0-.598.9-.598 1.201 0c.127.254.09.45.053.667c-.048.291-.1.609.243 1.128c.35.518.392 1.535.43 2.302c.026.562.047.99.169.99c.301 0 1.201-1.498 1.498-2.096c.301-.598.301-1.196 0-1.493a8 8 0 0 1-.344-.392c-.408-.476-1.006-1.185-1.45-1.408c-.599-.296-.599-1.196 0-1.492a4 4 0 0 1 .529-.212c.656-.25 1.424-.53.968-.985c-.317-.318-.968-.466-1.466-.582c-.445-.106-.773-.175-.635-.318c.164-.159.243-.598.28-.99a5.7 5.7 0 0 0-3.986 4.055zm9.465-2.647a5.66 5.66 0 0 1 1.121 6.639a5.7 5.7 0 0 1-1.502 1.852c-.138-.18-.148-.503.01-.826c.303-.598 0-2.09-.296-2.99c-.185-.556-.487-.54-.836-.514c-.212.01-.434.026-.662-.085c-.598-.301 0-1.196.598-1.8c.44-.434.556-.709.704-1.058c.177-.474.475-.894.863-1.218"/><path fill="#0c364f" fill-rule="evenodd" d="M9.882 18.574a5.52 5.52 0 0 0 5.096-3.405a5.517 5.517 0 1 0-5.096 3.405m0 .307a5.823 5.823 0 1 0 0-11.647a5.823 5.823 0 0 0 0 11.647" clip-rule="evenodd"/><path fill="#faa41a" d="M4.604 18.176c1.694 1.625 3.52 1.842 4.23 1.747c-3.627-6.056 2.716-10.085 6.342-11.345v-.286c-8.947.7-10.773 6.883-10.572 9.884"/><path fill="#fea224" fill-rule="evenodd" d="M16.615 5.837h-.74a.12.12 0 0 0-.085.037l-1.112 1.308c-.08.09.016.222.127.18l.858-.34a.13.13 0 0 1 .169.107c.074.656.598.894.974.947c.08.01.138.096.106.17l-.392.953c-.037.095.074.19.164.137l1.673-.931a.11.11 0 0 0 .058-.101v-.699c0-.053.032-.09.08-.106c1.71-.672 2.371-2.382 2.504-3.25a.1.1 0 0 0-.021-.082a.1.1 0 0 0-.075-.04c-2.403-.381-3.758.9-4.182 1.647a.12.12 0 0 1-.106.063m2.796-.19a.53.53 0 1 0 0-1.059a.53.53 0 0 0 0 1.058" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-future {
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%22%230c364f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.882%2019.637a6.58%206.58%200%201%200%200-13.162a6.58%206.58%200%200%200%200%2013.162m0%20.301a6.883%206.883%200%201%200%200-13.765a6.883%206.883%200%200%200%200%2013.765%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%230c364f%22%20d%3D%22M4.376%2011.627c.159-.132.408-.222.72-.069c.196.106.466.302.73.503c.53.397%201.06.794%201.06.397c0-.598.9-.598%201.201%200c.127.254.09.45.053.667c-.048.291-.1.609.243%201.128c.35.518.392%201.535.43%202.302c.026.562.047.99.169.99c.301%200%201.201-1.498%201.498-2.096c.301-.598.301-1.196%200-1.493a8%208%200%200%201-.344-.392c-.408-.476-1.006-1.185-1.45-1.408c-.599-.296-.599-1.196%200-1.492a4%204%200%200%201%20.529-.212c.656-.25%201.424-.53.968-.985c-.317-.318-.968-.466-1.466-.582c-.445-.106-.773-.175-.635-.318c.164-.159.243-.598.28-.99a5.7%205.7%200%200%200-3.986%204.055zm9.465-2.647a5.66%205.66%200%200%201%201.121%206.639a5.7%205.7%200%200%201-1.502%201.852c-.138-.18-.148-.503.01-.826c.303-.598%200-2.09-.296-2.99c-.185-.556-.487-.54-.836-.514c-.212.01-.434.026-.662-.085c-.598-.301%200-1.196.598-1.8c.44-.434.556-.709.704-1.058c.177-.474.475-.894.863-1.218%22%2F%3E%3Cpath%20fill%3D%22%230c364f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.882%2018.574a5.52%205.52%200%200%200%205.096-3.405a5.517%205.517%200%201%200-5.096%203.405m0%20.307a5.823%205.823%200%201%200%200-11.647a5.823%205.823%200%200%200%200%2011.647%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23faa41a%22%20d%3D%22M4.604%2018.176c1.694%201.625%203.52%201.842%204.23%201.747c-3.627-6.056%202.716-10.085%206.342-11.345v-.286c-8.947.7-10.773%206.883-10.572%209.884%22%2F%3E%3Cpath%20fill%3D%22%23fea224%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.615%205.837h-.74a.12.12%200%200%200-.085.037l-1.112%201.308c-.08.09.016.222.127.18l.858-.34a.13.13%200%200%201%20.169.107c.074.656.598.894.974.947c.08.01.138.096.106.17l-.392.953c-.037.095.074.19.164.137l1.673-.931a.11.11%200%200%200%20.058-.101v-.699c0-.053.032-.09.08-.106c1.71-.672%202.371-2.382%202.504-3.25a.1.1%200%200%200-.021-.082a.1.1%200%200%200-.075-.04c-2.403-.381-3.758.9-4.182%201.647a.12.12%200%200%201-.106.063m2.796-.19a.53.53%200%201%200%200-1.059a.53.53%200%200%200%200%201.058%22%20clip-rule%3D%22evenodd%22%2F%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%22%230c364f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.882%2019.637a6.58%206.58%200%201%200%200-13.162a6.58%206.58%200%200%200%200%2013.162m0%20.301a6.883%206.883%200%201%200%200-13.765a6.883%206.883%200%200%200%200%2013.765%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%230c364f%22%20d%3D%22M4.376%2011.627c.159-.132.408-.222.72-.069c.196.106.466.302.73.503c.53.397%201.06.794%201.06.397c0-.598.9-.598%201.201%200c.127.254.09.45.053.667c-.048.291-.1.609.243%201.128c.35.518.392%201.535.43%202.302c.026.562.047.99.169.99c.301%200%201.201-1.498%201.498-2.096c.301-.598.301-1.196%200-1.493a8%208%200%200%201-.344-.392c-.408-.476-1.006-1.185-1.45-1.408c-.599-.296-.599-1.196%200-1.492a4%204%200%200%201%20.529-.212c.656-.25%201.424-.53.968-.985c-.317-.318-.968-.466-1.466-.582c-.445-.106-.773-.175-.635-.318c.164-.159.243-.598.28-.99a5.7%205.7%200%200%200-3.986%204.055zm9.465-2.647a5.66%205.66%200%200%201%201.121%206.639a5.7%205.7%200%200%201-1.502%201.852c-.138-.18-.148-.503.01-.826c.303-.598%200-2.09-.296-2.99c-.185-.556-.487-.54-.836-.514c-.212.01-.434.026-.662-.085c-.598-.301%200-1.196.598-1.8c.44-.434.556-.709.704-1.058c.177-.474.475-.894.863-1.218%22%2F%3E%3Cpath%20fill%3D%22%230c364f%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.882%2018.574a5.52%205.52%200%200%200%205.096-3.405a5.517%205.517%200%201%200-5.096%203.405m0%20.307a5.823%205.823%200%201%200%200-11.647a5.823%205.823%200%200%200%200%2011.647%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23faa41a%22%20d%3D%22M4.604%2018.176c1.694%201.625%203.52%201.842%204.23%201.747c-3.627-6.056%202.716-10.085%206.342-11.345v-.286c-8.947.7-10.773%206.883-10.572%209.884%22%2F%3E%3Cpath%20fill%3D%22%23fea224%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.615%205.837h-.74a.12.12%200%200%200-.085.037l-1.112%201.308c-.08.09.016.222.127.18l.858-.34a.13.13%200%200%201%20.169.107c.074.656.598.894.974.947c.08.01.138.096.106.17l-.392.953c-.037.095.074.19.164.137l1.673-.931a.11.11%200%200%200%20.058-.101v-.699c0-.053.032-.09.08-.106c1.71-.672%202.371-2.382%202.504-3.25a.1.1%200%200%200-.021-.082a.1.1%200%200%200-.075-.04c-2.403-.381-3.758.9-4.182%201.647a.12.12%200%200%201-.106.063m2.796-.19a.53.53%200%201%200%200-1.059a.53.53%200%200%200%200%201.058%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/future.svg?color=%231a73e8&size=48
