future logo
future-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- future-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 future 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(#SVGHcSWxdhd34)"><path fill="#0c364f" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M10.117 18.789a5.85 5.85 0 1 0 0-11.7a5.85 5.85 0 0 0 0 11.7m0 .268a6.117 6.117 0 1 0 0-12.235a6.117 6.117 0 0 0 0 12.235" clip-rule="evenodd"/><path fill="#fff" d="M5.223 11.67c.141-.117.362-.197.64-.06c.174.094.414.268.65.447c.47.352.94.705.94.352c0-.531.8-.531 1.069 0c.113.226.08.4.047.593c-.043.26-.09.541.216 1.003c.31.46.349 1.364.381 2.047c.024.498.043.88.151.88c.268 0 1.068-1.332 1.332-1.864c.268-.532.268-1.063 0-1.327a7 7 0 0 1-.306-.348c-.362-.424-.894-1.054-1.29-1.252c-.531-.263-.531-1.063 0-1.327a4 4 0 0 1 .471-.188c.584-.221 1.266-.47.861-.875c-.282-.283-.86-.414-1.303-.518c-.396-.094-.687-.155-.565-.282c.146-.141.217-.532.25-.88a5.06 5.06 0 0 0-3.544 3.604zm8.414-2.352a5.036 5.036 0 0 1-.339 7.548c-.122-.16-.132-.447.01-.735c.268-.531 0-1.858-.264-2.658c-.165-.494-.433-.48-.744-.457c-.188.01-.386.024-.588-.075c-.531-.268 0-1.063.532-1.6c.39-.386.494-.63.626-.94a2.6 2.6 0 0 1 .767-1.083"/><path fill="#fff" fill-rule="evenodd" d="M10.117 17.844a4.903 4.903 0 1 0 0-9.807a4.903 4.903 0 0 0 0 9.807m0 .273a5.176 5.176 0 1 0 0-10.353a5.176 5.176 0 0 0 0 10.353" clip-rule="evenodd"/><path fill="#fff" d="M5.426 17.49c1.506 1.445 3.13 1.638 3.76 1.554c-3.224-5.384 2.414-8.965 5.637-10.085v-.254c-7.952.621-9.576 6.118-9.397 8.786"/><path fill="#fff" fill-rule="evenodd" d="M16.103 6.521h-.66a.1.1 0 0 0-.074.033l-.989 1.162c-.07.08.015.198.113.16l.763-.3a.114.114 0 0 1 .15.093c.066.584.532.796.866.843c.07.01.123.084.094.15l-.348.847c-.033.085.066.17.146.123l1.487-.829a.1.1 0 0 0 .052-.089v-.621c0-.047.028-.08.07-.094C19.293 7.4 19.881 5.88 20 5.109a.095.095 0 0 0-.085-.108c-2.136-.339-3.34.8-3.717 1.464a.11.11 0 0 1-.094.056m2.484-.17a.47.47 0 1 0 0-.94a.47.47 0 0 0 0 .94" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd34"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedFutureBackground(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(#SVGHcSWxdhd34)"><path fill="#0c364f" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M10.117 18.789a5.85 5.85 0 1 0 0-11.7a5.85 5.85 0 0 0 0 11.7m0 .268a6.117 6.117 0 1 0 0-12.235a6.117 6.117 0 0 0 0 12.235" clipRule="evenodd"/><path fill="#fff" d="M5.223 11.67c.141-.117.362-.197.64-.06c.174.094.414.268.65.447c.47.352.94.705.94.352c0-.531.8-.531 1.069 0c.113.226.08.4.047.593c-.043.26-.09.541.216 1.003c.31.46.349 1.364.381 2.047c.024.498.043.88.151.88c.268 0 1.068-1.332 1.332-1.864c.268-.532.268-1.063 0-1.327a7 7 0 0 1-.306-.348c-.362-.424-.894-1.054-1.29-1.252c-.531-.263-.531-1.063 0-1.327a4 4 0 0 1 .471-.188c.584-.221 1.266-.47.861-.875c-.282-.283-.86-.414-1.303-.518c-.396-.094-.687-.155-.565-.282c.146-.141.217-.532.25-.88a5.06 5.06 0 0 0-3.544 3.604zm8.414-2.352a5.036 5.036 0 0 1-.339 7.548c-.122-.16-.132-.447.01-.735c.268-.531 0-1.858-.264-2.658c-.165-.494-.433-.48-.744-.457c-.188.01-.386.024-.588-.075c-.531-.268 0-1.063.532-1.6c.39-.386.494-.63.626-.94a2.6 2.6 0 0 1 .767-1.083"/><path fill="#fff" fillRule="evenodd" d="M10.117 17.844a4.903 4.903 0 1 0 0-9.807a4.903 4.903 0 0 0 0 9.807m0 .273a5.176 5.176 0 1 0 0-10.353a5.176 5.176 0 0 0 0 10.353" clipRule="evenodd"/><path fill="#fff" d="M5.426 17.49c1.506 1.445 3.13 1.638 3.76 1.554c-3.224-5.384 2.414-8.965 5.637-10.085v-.254c-7.952.621-9.576 6.118-9.397 8.786"/><path fill="#fff" fillRule="evenodd" d="M16.103 6.521h-.66a.1.1 0 0 0-.074.033l-.989 1.162c-.07.08.015.198.113.16l.763-.3a.114.114 0 0 1 .15.093c.066.584.532.796.866.843c.07.01.123.084.094.15l-.348.847c-.033.085.066.17.146.123l1.487-.829a.1.1 0 0 0 .052-.089v-.621c0-.047.028-.08.07-.094C19.293 7.4 19.881 5.88 20 5.109a.095.095 0 0 0-.085-.108c-2.136-.339-3.34.8-3.717 1.464a.11.11 0 0 1-.094.056m2.484-.17a.47.47 0 1 0 0-.94a.47.47 0 0 0 0 .94" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd34"><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(#SVGHcSWxdhd34)"><path fill="#0c364f" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M10.117 18.789a5.85 5.85 0 1 0 0-11.7a5.85 5.85 0 0 0 0 11.7m0 .268a6.117 6.117 0 1 0 0-12.235a6.117 6.117 0 0 0 0 12.235" clip-rule="evenodd"/><path fill="#fff" d="M5.223 11.67c.141-.117.362-.197.64-.06c.174.094.414.268.65.447c.47.352.94.705.94.352c0-.531.8-.531 1.069 0c.113.226.08.4.047.593c-.043.26-.09.541.216 1.003c.31.46.349 1.364.381 2.047c.024.498.043.88.151.88c.268 0 1.068-1.332 1.332-1.864c.268-.532.268-1.063 0-1.327a7 7 0 0 1-.306-.348c-.362-.424-.894-1.054-1.29-1.252c-.531-.263-.531-1.063 0-1.327a4 4 0 0 1 .471-.188c.584-.221 1.266-.47.861-.875c-.282-.283-.86-.414-1.303-.518c-.396-.094-.687-.155-.565-.282c.146-.141.217-.532.25-.88a5.06 5.06 0 0 0-3.544 3.604zm8.414-2.352a5.036 5.036 0 0 1-.339 7.548c-.122-.16-.132-.447.01-.735c.268-.531 0-1.858-.264-2.658c-.165-.494-.433-.48-.744-.457c-.188.01-.386.024-.588-.075c-.531-.268 0-1.063.532-1.6c.39-.386.494-.63.626-.94a2.6 2.6 0 0 1 .767-1.083"/><path fill="#fff" fill-rule="evenodd" d="M10.117 17.844a4.903 4.903 0 1 0 0-9.807a4.903 4.903 0 0 0 0 9.807m0 .273a5.176 5.176 0 1 0 0-10.353a5.176 5.176 0 0 0 0 10.353" clip-rule="evenodd"/><path fill="#fff" d="M5.426 17.49c1.506 1.445 3.13 1.638 3.76 1.554c-3.224-5.384 2.414-8.965 5.637-10.085v-.254c-7.952.621-9.576 6.118-9.397 8.786"/><path fill="#fff" fill-rule="evenodd" d="M16.103 6.521h-.66a.1.1 0 0 0-.074.033l-.989 1.162c-.07.08.015.198.113.16l.763-.3a.114.114 0 0 1 .15.093c.066.584.532.796.866.843c.07.01.123.084.094.15l-.348.847c-.033.085.066.17.146.123l1.487-.829a.1.1 0 0 0 .052-.089v-.621c0-.047.028-.08.07-.094C19.293 7.4 19.881 5.88 20 5.109a.095.095 0 0 0-.085-.108c-2.136-.339-3.34.8-3.717 1.464a.11.11 0 0 1-.094.056m2.484-.17a.47.47 0 1 0 0-.94a.47.47 0 0 0 0 .94" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd34"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-future-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(%23SVGHcSWxdhd34)%22%3E%3Cpath%20fill%3D%22%230c364f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.117%2018.789a5.85%205.85%200%201%200%200-11.7a5.85%205.85%200%200%200%200%2011.7m0%20.268a6.117%206.117%200%201%200%200-12.235a6.117%206.117%200%200%200%200%2012.235%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.223%2011.67c.141-.117.362-.197.64-.06c.174.094.414.268.65.447c.47.352.94.705.94.352c0-.531.8-.531%201.069%200c.113.226.08.4.047.593c-.043.26-.09.541.216%201.003c.31.46.349%201.364.381%202.047c.024.498.043.88.151.88c.268%200%201.068-1.332%201.332-1.864c.268-.532.268-1.063%200-1.327a7%207%200%200%201-.306-.348c-.362-.424-.894-1.054-1.29-1.252c-.531-.263-.531-1.063%200-1.327a4%204%200%200%201%20.471-.188c.584-.221%201.266-.47.861-.875c-.282-.283-.86-.414-1.303-.518c-.396-.094-.687-.155-.565-.282c.146-.141.217-.532.25-.88a5.06%205.06%200%200%200-3.544%203.604zm8.414-2.352a5.036%205.036%200%200%201-.339%207.548c-.122-.16-.132-.447.01-.735c.268-.531%200-1.858-.264-2.658c-.165-.494-.433-.48-.744-.457c-.188.01-.386.024-.588-.075c-.531-.268%200-1.063.532-1.6c.39-.386.494-.63.626-.94a2.6%202.6%200%200%201%20.767-1.083%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.117%2017.844a4.903%204.903%200%201%200%200-9.807a4.903%204.903%200%200%200%200%209.807m0%20.273a5.176%205.176%200%201%200%200-10.353a5.176%205.176%200%200%200%200%2010.353%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.426%2017.49c1.506%201.445%203.13%201.638%203.76%201.554c-3.224-5.384%202.414-8.965%205.637-10.085v-.254c-7.952.621-9.576%206.118-9.397%208.786%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.103%206.521h-.66a.1.1%200%200%200-.074.033l-.989%201.162c-.07.08.015.198.113.16l.763-.3a.114.114%200%200%201%20.15.093c.066.584.532.796.866.843c.07.01.123.084.094.15l-.348.847c-.033.085.066.17.146.123l1.487-.829a.1.1%200%200%200%20.052-.089v-.621c0-.047.028-.08.07-.094C19.293%207.4%2019.881%205.88%2020%205.109a.095.095%200%200%200-.085-.108c-2.136-.339-3.34.8-3.717%201.464a.11.11%200%200%201-.094.056m2.484-.17a.47.47%200%201%200%200-.94a.47.47%200%200%200%200%20.94%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd34%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(%23SVGHcSWxdhd34)%22%3E%3Cpath%20fill%3D%22%230c364f%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.117%2018.789a5.85%205.85%200%201%200%200-11.7a5.85%205.85%200%200%200%200%2011.7m0%20.268a6.117%206.117%200%201%200%200-12.235a6.117%206.117%200%200%200%200%2012.235%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.223%2011.67c.141-.117.362-.197.64-.06c.174.094.414.268.65.447c.47.352.94.705.94.352c0-.531.8-.531%201.069%200c.113.226.08.4.047.593c-.043.26-.09.541.216%201.003c.31.46.349%201.364.381%202.047c.024.498.043.88.151.88c.268%200%201.068-1.332%201.332-1.864c.268-.532.268-1.063%200-1.327a7%207%200%200%201-.306-.348c-.362-.424-.894-1.054-1.29-1.252c-.531-.263-.531-1.063%200-1.327a4%204%200%200%201%20.471-.188c.584-.221%201.266-.47.861-.875c-.282-.283-.86-.414-1.303-.518c-.396-.094-.687-.155-.565-.282c.146-.141.217-.532.25-.88a5.06%205.06%200%200%200-3.544%203.604zm8.414-2.352a5.036%205.036%200%200%201-.339%207.548c-.122-.16-.132-.447.01-.735c.268-.531%200-1.858-.264-2.658c-.165-.494-.433-.48-.744-.457c-.188.01-.386.024-.588-.075c-.531-.268%200-1.063.532-1.6c.39-.386.494-.63.626-.94a2.6%202.6%200%200%201%20.767-1.083%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.117%2017.844a4.903%204.903%200%201%200%200-9.807a4.903%204.903%200%200%200%200%209.807m0%20.273a5.176%205.176%200%201%200%200-10.353a5.176%205.176%200%200%200%200%2010.353%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.426%2017.49c1.506%201.445%203.13%201.638%203.76%201.554c-3.224-5.384%202.414-8.965%205.637-10.085v-.254c-7.952.621-9.576%206.118-9.397%208.786%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.103%206.521h-.66a.1.1%200%200%200-.074.033l-.989%201.162c-.07.08.015.198.113.16l.763-.3a.114.114%200%200%201%20.15.093c.066.584.532.796.866.843c.07.01.123.084.094.15l-.348.847c-.033.085.066.17.146.123l1.487-.829a.1.1%200%200%200%20.052-.089v-.621c0-.047.028-.08.07-.094C19.293%207.4%2019.881%205.88%2020%205.109a.095.095%200%200%200-.085-.108c-2.136-.339-3.34.8-3.717%201.464a.11.11%200%200%201-.094.056m2.484-.17a.47.47%200%201%200%200-.94a.47.47%200%200%200%200%20.94%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd34%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/future-background.svg?color=%231a73e8&size=48
