future logo
future from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- future
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" fill-rule="evenodd" d="M9.882 19.638a6.58 6.58 0 1 0 0-13.162a6.58 6.58 0 0 0 0 13.162m0 .301a6.882 6.882 0 1 0 0-13.764a6.882 6.882 0 0 0 0 13.764" clip-rule="evenodd"/><path fill="currentColor" d="M4.376 11.63c.159-.133.408-.223.72-.07c.196.106.466.302.73.503c.53.397 1.06.795 1.06.397c0-.598.9-.598 1.2 0c.128.254.09.45.054.667c-.048.292-.1.61.243 1.128c.35.519.392 1.535.43 2.303c.026.561.047.99.169.99c.301 0 1.201-1.498 1.498-2.096c.301-.599.301-1.197 0-1.493a8 8 0 0 1-.344-.392c-.408-.477-1.006-1.186-1.45-1.408c-.6-.297-.6-1.197 0-1.493c.142-.074.333-.143.529-.212c.656-.249 1.424-.53.968-.985c-.317-.317-.968-.465-1.466-.582c-.445-.106-.773-.175-.635-.317c.164-.16.243-.599.28-.99a5.7 5.7 0 0 0-3.986 4.055zm9.465-2.648a5.664 5.664 0 0 1-.38 8.492c-.139-.18-.15-.503.01-.826c.302-.598 0-2.091-.297-2.991c-.185-.556-.487-.54-.836-.514c-.212.011-.434.027-.662-.084c-.598-.302 0-1.197.598-1.8c.44-.434.556-.71.704-1.059c.177-.474.475-.894.863-1.218"/><path fill="currentColor" fill-rule="evenodd" d="M9.882 18.574a5.517 5.517 0 1 0 0-11.033a5.517 5.517 0 0 0 0 11.033m0 .307a5.823 5.823 0 1 0 0-11.646a5.823 5.823 0 0 0 0 11.647" clip-rule="evenodd"/><path fill="currentColor" d="M4.604 18.177c1.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.882-10.572 9.884"/><path fill="currentColor" fill-rule="evenodd" d="M16.616 5.836h-.742a.12.12 0 0 0-.084.037l-1.112 1.308c-.08.09.016.222.127.18l.858-.339a.13.13 0 0 1 .169.106c.074.656.598.895.974.948c.08.01.138.095.106.169l-.392.953c-.037.095.074.19.164.138l1.673-.932a.11.11 0 0 0 .058-.1v-.7c0-.052.032-.09.08-.105c1.71-.673 2.371-2.383 2.504-3.25a.11.11 0 0 0-.054-.11a.1.1 0 0 0-.042-.013c-2.403-.38-3.758.9-4.182 1.647a.12.12 0 0 1-.105.063m2.795-.19a.53.53 0 1 0 0-1.06a.53.53 0 0 0 0 1.06" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function TokenFuture(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" fillRule="evenodd" d="M9.882 19.638a6.58 6.58 0 1 0 0-13.162a6.58 6.58 0 0 0 0 13.162m0 .301a6.882 6.882 0 1 0 0-13.764a6.882 6.882 0 0 0 0 13.764" clipRule="evenodd"/><path fill="currentColor" d="M4.376 11.63c.159-.133.408-.223.72-.07c.196.106.466.302.73.503c.53.397 1.06.795 1.06.397c0-.598.9-.598 1.2 0c.128.254.09.45.054.667c-.048.292-.1.61.243 1.128c.35.519.392 1.535.43 2.303c.026.561.047.99.169.99c.301 0 1.201-1.498 1.498-2.096c.301-.599.301-1.197 0-1.493a8 8 0 0 1-.344-.392c-.408-.477-1.006-1.186-1.45-1.408c-.6-.297-.6-1.197 0-1.493c.142-.074.333-.143.529-.212c.656-.249 1.424-.53.968-.985c-.317-.317-.968-.465-1.466-.582c-.445-.106-.773-.175-.635-.317c.164-.16.243-.599.28-.99a5.7 5.7 0 0 0-3.986 4.055zm9.465-2.648a5.664 5.664 0 0 1-.38 8.492c-.139-.18-.15-.503.01-.826c.302-.598 0-2.091-.297-2.991c-.185-.556-.487-.54-.836-.514c-.212.011-.434.027-.662-.084c-.598-.302 0-1.197.598-1.8c.44-.434.556-.71.704-1.059c.177-.474.475-.894.863-1.218"/><path fill="currentColor" fillRule="evenodd" d="M9.882 18.574a5.517 5.517 0 1 0 0-11.033a5.517 5.517 0 0 0 0 11.033m0 .307a5.823 5.823 0 1 0 0-11.646a5.823 5.823 0 0 0 0 11.647" clipRule="evenodd"/><path fill="currentColor" d="M4.604 18.177c1.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.882-10.572 9.884"/><path fill="currentColor" fillRule="evenodd" d="M16.616 5.836h-.742a.12.12 0 0 0-.084.037l-1.112 1.308c-.08.09.016.222.127.18l.858-.339a.13.13 0 0 1 .169.106c.074.656.598.895.974.948c.08.01.138.095.106.169l-.392.953c-.037.095.074.19.164.138l1.673-.932a.11.11 0 0 0 .058-.1v-.7c0-.052.032-.09.08-.105c1.71-.673 2.371-2.383 2.504-3.25a.11.11 0 0 0-.054-.11a.1.1 0 0 0-.042-.013c-2.403-.38-3.758.9-4.182 1.647a.12.12 0 0 1-.105.063m2.795-.19a.53.53 0 1 0 0-1.06a.53.53 0 0 0 0 1.06" 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" fill-rule="evenodd" d="M9.882 19.638a6.58 6.58 0 1 0 0-13.162a6.58 6.58 0 0 0 0 13.162m0 .301a6.882 6.882 0 1 0 0-13.764a6.882 6.882 0 0 0 0 13.764" clip-rule="evenodd"/><path fill="currentColor" d="M4.376 11.63c.159-.133.408-.223.72-.07c.196.106.466.302.73.503c.53.397 1.06.795 1.06.397c0-.598.9-.598 1.2 0c.128.254.09.45.054.667c-.048.292-.1.61.243 1.128c.35.519.392 1.535.43 2.303c.026.561.047.99.169.99c.301 0 1.201-1.498 1.498-2.096c.301-.599.301-1.197 0-1.493a8 8 0 0 1-.344-.392c-.408-.477-1.006-1.186-1.45-1.408c-.6-.297-.6-1.197 0-1.493c.142-.074.333-.143.529-.212c.656-.249 1.424-.53.968-.985c-.317-.317-.968-.465-1.466-.582c-.445-.106-.773-.175-.635-.317c.164-.16.243-.599.28-.99a5.7 5.7 0 0 0-3.986 4.055zm9.465-2.648a5.664 5.664 0 0 1-.38 8.492c-.139-.18-.15-.503.01-.826c.302-.598 0-2.091-.297-2.991c-.185-.556-.487-.54-.836-.514c-.212.011-.434.027-.662-.084c-.598-.302 0-1.197.598-1.8c.44-.434.556-.71.704-1.059c.177-.474.475-.894.863-1.218"/><path fill="currentColor" fill-rule="evenodd" d="M9.882 18.574a5.517 5.517 0 1 0 0-11.033a5.517 5.517 0 0 0 0 11.033m0 .307a5.823 5.823 0 1 0 0-11.646a5.823 5.823 0 0 0 0 11.647" clip-rule="evenodd"/><path fill="currentColor" d="M4.604 18.177c1.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.882-10.572 9.884"/><path fill="currentColor" fill-rule="evenodd" d="M16.616 5.836h-.742a.12.12 0 0 0-.084.037l-1.112 1.308c-.08.09.016.222.127.18l.858-.339a.13.13 0 0 1 .169.106c.074.656.598.895.974.948c.08.01.138.095.106.169l-.392.953c-.037.095.074.19.164.138l1.673-.932a.11.11 0 0 0 .058-.1v-.7c0-.052.032-.09.08-.105c1.71-.673 2.371-2.383 2.504-3.25a.11.11 0 0 0-.054-.11a.1.1 0 0 0-.042-.013c-2.403-.38-3.758.9-4.182 1.647a.12.12 0 0 1-.105.063m2.795-.19a.53.53 0 1 0 0-1.06a.53.53 0 0 0 0 1.06" clip-rule="evenodd"/></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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.882%2019.638a6.58%206.58%200%201%200%200-13.162a6.58%206.58%200%200%200%200%2013.162m0%20.301a6.882%206.882%200%201%200%200-13.764a6.882%206.882%200%200%200%200%2013.764%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.376%2011.63c.159-.133.408-.223.72-.07c.196.106.466.302.73.503c.53.397%201.06.795%201.06.397c0-.598.9-.598%201.2%200c.128.254.09.45.054.667c-.048.292-.1.61.243%201.128c.35.519.392%201.535.43%202.303c.026.561.047.99.169.99c.301%200%201.201-1.498%201.498-2.096c.301-.599.301-1.197%200-1.493a8%208%200%200%201-.344-.392c-.408-.477-1.006-1.186-1.45-1.408c-.6-.297-.6-1.197%200-1.493c.142-.074.333-.143.529-.212c.656-.249%201.424-.53.968-.985c-.317-.317-.968-.465-1.466-.582c-.445-.106-.773-.175-.635-.317c.164-.16.243-.599.28-.99a5.7%205.7%200%200%200-3.986%204.055zm9.465-2.648a5.664%205.664%200%200%201-.38%208.492c-.139-.18-.15-.503.01-.826c.302-.598%200-2.091-.297-2.991c-.185-.556-.487-.54-.836-.514c-.212.011-.434.027-.662-.084c-.598-.302%200-1.197.598-1.8c.44-.434.556-.71.704-1.059c.177-.474.475-.894.863-1.218%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.882%2018.574a5.517%205.517%200%201%200%200-11.033a5.517%205.517%200%200%200%200%2011.033m0%20.307a5.823%205.823%200%201%200%200-11.646a5.823%205.823%200%200%200%200%2011.647%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.604%2018.177c1.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.882-10.572%209.884%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.616%205.836h-.742a.12.12%200%200%200-.084.037l-1.112%201.308c-.08.09.016.222.127.18l.858-.339a.13.13%200%200%201%20.169.106c.074.656.598.895.974.948c.08.01.138.095.106.169l-.392.953c-.037.095.074.19.164.138l1.673-.932a.11.11%200%200%200%20.058-.1v-.7c0-.052.032-.09.08-.105c1.71-.673%202.371-2.383%202.504-3.25a.11.11%200%200%200-.054-.11a.1.1%200%200%200-.042-.013c-2.403-.38-3.758.9-4.182%201.647a.12.12%200%200%201-.105.063m2.795-.19a.53.53%200%201%200%200-1.06a.53.53%200%200%200%200%201.06%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%20fill-rule%3D%22evenodd%22%20d%3D%22M9.882%2019.638a6.58%206.58%200%201%200%200-13.162a6.58%206.58%200%200%200%200%2013.162m0%20.301a6.882%206.882%200%201%200%200-13.764a6.882%206.882%200%200%200%200%2013.764%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.376%2011.63c.159-.133.408-.223.72-.07c.196.106.466.302.73.503c.53.397%201.06.795%201.06.397c0-.598.9-.598%201.2%200c.128.254.09.45.054.667c-.048.292-.1.61.243%201.128c.35.519.392%201.535.43%202.303c.026.561.047.99.169.99c.301%200%201.201-1.498%201.498-2.096c.301-.599.301-1.197%200-1.493a8%208%200%200%201-.344-.392c-.408-.477-1.006-1.186-1.45-1.408c-.6-.297-.6-1.197%200-1.493c.142-.074.333-.143.529-.212c.656-.249%201.424-.53.968-.985c-.317-.317-.968-.465-1.466-.582c-.445-.106-.773-.175-.635-.317c.164-.16.243-.599.28-.99a5.7%205.7%200%200%200-3.986%204.055zm9.465-2.648a5.664%205.664%200%200%201-.38%208.492c-.139-.18-.15-.503.01-.826c.302-.598%200-2.091-.297-2.991c-.185-.556-.487-.54-.836-.514c-.212.011-.434.027-.662-.084c-.598-.302%200-1.197.598-1.8c.44-.434.556-.71.704-1.059c.177-.474.475-.894.863-1.218%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9.882%2018.574a5.517%205.517%200%201%200%200-11.033a5.517%205.517%200%200%200%200%2011.033m0%20.307a5.823%205.823%200%201%200%200-11.646a5.823%205.823%200%200%200%200%2011.647%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.604%2018.177c1.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.882-10.572%209.884%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.616%205.836h-.742a.12.12%200%200%200-.084.037l-1.112%201.308c-.08.09.016.222.127.18l.858-.339a.13.13%200%200%201%20.169.106c.074.656.598.895.974.948c.08.01.138.095.106.169l-.392.953c-.037.095.074.19.164.138l1.673-.932a.11.11%200%200%200%20.058-.1v-.7c0-.052.032-.09.08-.105c1.71-.673%202.371-2.383%202.504-3.25a.11.11%200%200%200-.054-.11a.1.1%200%200%200-.042-.013c-2.403-.38-3.758.9-4.182%201.647a.12.12%200%200%201-.105.063m2.795-.19a.53.53%200%201%200%200-1.06a.53.53%200%200%200%200%201.06%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/future.svg?color=%231a73e8&size=48
