soph logo

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the soph logo

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd22)"><path fill="#14171a" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.962 8.101c-.52.312-1.092.92-1.176 1.56c-.064.46.152 1.016.384 1.416q.368.636.772 1.308c.152.248.336.624.36.912a1.44 1.44 0 0 1-.268.94c-.024.027-.044.031-.068 0a19 19 0 0 1-1.548-2.132c-.44-.704-1.04-1.768-.84-2.648c.268-1.152 1.372-2.116 2.376-2.648a.08.08 0 0 1 .08.004c.784.524 1.52 1.2 1.976 2.028q.538.972.368 2.112c-.012.072-.032.076-.068.012a9.8 9.8 0 0 0-2.04-2.668a2 2 0 0 0-.24-.192a.06.06 0 0 0-.068-.004"/><path fill="#fff" d="M12.022 15.305a3.06 3.06 0 0 0 1.152-1.564a1.6 1.6 0 0 0-.192-1.284q-.373-.685-.784-1.348a4.4 4.4 0 0 1-.4-.808c-.16-.412-.096-.8.168-1.148q.024-.035.048-.004a16.3 16.3 0 0 1 1.644 2.084c.36.552.812 1.332.816 2.012c.008.84-.52 1.696-1.076 2.32a5.8 5.8 0 0 1-1.36 1.12a.07.07 0 0 1-.06.008c-.06-.02-.108-.065-.16-.1c-1.492-1.008-3.28-2.936-2.68-4.944q.047-.143.1-.004c.308.76.72 1.473 1.224 2.12c.429.58.936 1.099 1.508 1.54a.04.04 0 0 0 .052 0"/><path fill="#fff" d="M7.582 10.756q.023 1.368.52 2.604a6.6 6.6 0 0 0 2.976 3.356q.13.073-.016.056a4 4 0 0 1-1.524-.472a5.36 5.36 0 0 1-2.6-3.12c-.28-.904-.4-1.852-.52-2.784a4.5 4.5 0 0 0-.136-.676a.02.02 0 0 1 .016-.012a9.6 9.6 0 0 1 2.444.288a.08.08 0 0 1 .048.032c.012.016.02.036.02.052v.84a.04.04 0 0 1-.016.032a.04.04 0 0 1-.04.008a5 5 0 0 0-1.168-.22l-.004.008zm8.803-.016a4.4 4.4 0 0 0-1.16.224q-.006.002-.012-.008l-.008-.008l-.004-.016v-.884q-.001-.049.04-.056a10 10 0 0 1 2.44-.28a.04.04 0 0 1 .028.028v.02a3 3 0 0 0-.096.44c-.2 1.268-.3 2.628-.888 3.792c-.66 1.312-1.972 2.416-3.408 2.728a2.2 2.2 0 0 1-.42.052q-.096.001-.011-.04c2.24-1.244 3.42-3.36 3.531-5.96a.03.03 0 0 0-.008-.024l-.012-.004h-.012z"/><path fill="#fff" d="M5.663 14.322q.131.181.292.343c.668.712 1.516 1.32 2.392 1.768q.958.491 1.96.652q.186.03-.005.048c-.212.02-.416.04-.604.052c-1.4.116-2.707-.448-3.771-1.36c-.384-.328-.76-.663-1.14-1.02a5 5 0 0 0-.78-.6a.05.05 0 0 1 .008-.06a7.7 7.7 0 0 1 2.08-1.2q.041-.015.052.029q.144.496.384.956a.04.04 0 0 1-.012.031a4.7 4.7 0 0 0-.86.34a.02.02 0 0 0 .004.02m12.655.012q.024-.034-.012-.056a5 5 0 0 0-.82-.309q-.043-.012-.02-.047q.246-.47.392-.98l.01-.002l.01.002c.77.286 1.485.698 2.12 1.22q.003.008.002.018a.04.04 0 0 1-.019.03c-.616.387-1.12.911-1.663 1.4c-1.124 1.011-2.46 1.671-3.968 1.58q-.359-.026-.7-.065q-.084-.011 0-.028c.38-.084.772-.16 1.12-.292a8.8 8.8 0 0 0 3.312-2.187a3 3 0 0 0 .24-.289z"/></g><defs><clipPath id="SVGHcSWxdhd22"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

import type { SVGProps } from "react";

export function TokenBrandedSophBackground(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(#SVGHcSWxdhd22)"><path fill="#14171a" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.962 8.101c-.52.312-1.092.92-1.176 1.56c-.064.46.152 1.016.384 1.416q.368.636.772 1.308c.152.248.336.624.36.912a1.44 1.44 0 0 1-.268.94c-.024.027-.044.031-.068 0a19 19 0 0 1-1.548-2.132c-.44-.704-1.04-1.768-.84-2.648c.268-1.152 1.372-2.116 2.376-2.648a.08.08 0 0 1 .08.004c.784.524 1.52 1.2 1.976 2.028q.538.972.368 2.112c-.012.072-.032.076-.068.012a9.8 9.8 0 0 0-2.04-2.668a2 2 0 0 0-.24-.192a.06.06 0 0 0-.068-.004"/><path fill="#fff" d="M12.022 15.305a3.06 3.06 0 0 0 1.152-1.564a1.6 1.6 0 0 0-.192-1.284q-.373-.685-.784-1.348a4.4 4.4 0 0 1-.4-.808c-.16-.412-.096-.8.168-1.148q.024-.035.048-.004a16.3 16.3 0 0 1 1.644 2.084c.36.552.812 1.332.816 2.012c.008.84-.52 1.696-1.076 2.32a5.8 5.8 0 0 1-1.36 1.12a.07.07 0 0 1-.06.008c-.06-.02-.108-.065-.16-.1c-1.492-1.008-3.28-2.936-2.68-4.944q.047-.143.1-.004c.308.76.72 1.473 1.224 2.12c.429.58.936 1.099 1.508 1.54a.04.04 0 0 0 .052 0"/><path fill="#fff" d="M7.582 10.756q.023 1.368.52 2.604a6.6 6.6 0 0 0 2.976 3.356q.13.073-.016.056a4 4 0 0 1-1.524-.472a5.36 5.36 0 0 1-2.6-3.12c-.28-.904-.4-1.852-.52-2.784a4.5 4.5 0 0 0-.136-.676a.02.02 0 0 1 .016-.012a9.6 9.6 0 0 1 2.444.288a.08.08 0 0 1 .048.032c.012.016.02.036.02.052v.84a.04.04 0 0 1-.016.032a.04.04 0 0 1-.04.008a5 5 0 0 0-1.168-.22l-.004.008zm8.803-.016a4.4 4.4 0 0 0-1.16.224q-.006.002-.012-.008l-.008-.008l-.004-.016v-.884q-.001-.049.04-.056a10 10 0 0 1 2.44-.28a.04.04 0 0 1 .028.028v.02a3 3 0 0 0-.096.44c-.2 1.268-.3 2.628-.888 3.792c-.66 1.312-1.972 2.416-3.408 2.728a2.2 2.2 0 0 1-.42.052q-.096.001-.011-.04c2.24-1.244 3.42-3.36 3.531-5.96a.03.03 0 0 0-.008-.024l-.012-.004h-.012z"/><path fill="#fff" d="M5.663 14.322q.131.181.292.343c.668.712 1.516 1.32 2.392 1.768q.958.491 1.96.652q.186.03-.005.048c-.212.02-.416.04-.604.052c-1.4.116-2.707-.448-3.771-1.36c-.384-.328-.76-.663-1.14-1.02a5 5 0 0 0-.78-.6a.05.05 0 0 1 .008-.06a7.7 7.7 0 0 1 2.08-1.2q.041-.015.052.029q.144.496.384.956a.04.04 0 0 1-.012.031a4.7 4.7 0 0 0-.86.34a.02.02 0 0 0 .004.02m12.655.012q.024-.034-.012-.056a5 5 0 0 0-.82-.309q-.043-.012-.02-.047q.246-.47.392-.98l.01-.002l.01.002c.77.286 1.485.698 2.12 1.22q.003.008.002.018a.04.04 0 0 1-.019.03c-.616.387-1.12.911-1.663 1.4c-1.124 1.011-2.46 1.671-3.968 1.58q-.359-.026-.7-.065q-.084-.011 0-.028c.38-.084.772-.16 1.12-.292a8.8 8.8 0 0 0 3.312-2.187a3 3 0 0 0 .24-.289z"/></g><defs><clipPath id="SVGHcSWxdhd22"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
  );
}

<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(#SVGHcSWxdhd22)"><path fill="#14171a" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.962 8.101c-.52.312-1.092.92-1.176 1.56c-.064.46.152 1.016.384 1.416q.368.636.772 1.308c.152.248.336.624.36.912a1.44 1.44 0 0 1-.268.94c-.024.027-.044.031-.068 0a19 19 0 0 1-1.548-2.132c-.44-.704-1.04-1.768-.84-2.648c.268-1.152 1.372-2.116 2.376-2.648a.08.08 0 0 1 .08.004c.784.524 1.52 1.2 1.976 2.028q.538.972.368 2.112c-.012.072-.032.076-.068.012a9.8 9.8 0 0 0-2.04-2.668a2 2 0 0 0-.24-.192a.06.06 0 0 0-.068-.004"/><path fill="#fff" d="M12.022 15.305a3.06 3.06 0 0 0 1.152-1.564a1.6 1.6 0 0 0-.192-1.284q-.373-.685-.784-1.348a4.4 4.4 0 0 1-.4-.808c-.16-.412-.096-.8.168-1.148q.024-.035.048-.004a16.3 16.3 0 0 1 1.644 2.084c.36.552.812 1.332.816 2.012c.008.84-.52 1.696-1.076 2.32a5.8 5.8 0 0 1-1.36 1.12a.07.07 0 0 1-.06.008c-.06-.02-.108-.065-.16-.1c-1.492-1.008-3.28-2.936-2.68-4.944q.047-.143.1-.004c.308.76.72 1.473 1.224 2.12c.429.58.936 1.099 1.508 1.54a.04.04 0 0 0 .052 0"/><path fill="#fff" d="M7.582 10.756q.023 1.368.52 2.604a6.6 6.6 0 0 0 2.976 3.356q.13.073-.016.056a4 4 0 0 1-1.524-.472a5.36 5.36 0 0 1-2.6-3.12c-.28-.904-.4-1.852-.52-2.784a4.5 4.5 0 0 0-.136-.676a.02.02 0 0 1 .016-.012a9.6 9.6 0 0 1 2.444.288a.08.08 0 0 1 .048.032c.012.016.02.036.02.052v.84a.04.04 0 0 1-.016.032a.04.04 0 0 1-.04.008a5 5 0 0 0-1.168-.22l-.004.008zm8.803-.016a4.4 4.4 0 0 0-1.16.224q-.006.002-.012-.008l-.008-.008l-.004-.016v-.884q-.001-.049.04-.056a10 10 0 0 1 2.44-.28a.04.04 0 0 1 .028.028v.02a3 3 0 0 0-.096.44c-.2 1.268-.3 2.628-.888 3.792c-.66 1.312-1.972 2.416-3.408 2.728a2.2 2.2 0 0 1-.42.052q-.096.001-.011-.04c2.24-1.244 3.42-3.36 3.531-5.96a.03.03 0 0 0-.008-.024l-.012-.004h-.012z"/><path fill="#fff" d="M5.663 14.322q.131.181.292.343c.668.712 1.516 1.32 2.392 1.768q.958.491 1.96.652q.186.03-.005.048c-.212.02-.416.04-.604.052c-1.4.116-2.707-.448-3.771-1.36c-.384-.328-.76-.663-1.14-1.02a5 5 0 0 0-.78-.6a.05.05 0 0 1 .008-.06a7.7 7.7 0 0 1 2.08-1.2q.041-.015.052.029q.144.496.384.956a.04.04 0 0 1-.012.031a4.7 4.7 0 0 0-.86.34a.02.02 0 0 0 .004.02m12.655.012q.024-.034-.012-.056a5 5 0 0 0-.82-.309q-.043-.012-.02-.047q.246-.47.392-.98l.01-.002l.01.002c.77.286 1.485.698 2.12 1.22q.003.008.002.018a.04.04 0 0 1-.019.03c-.616.387-1.12.911-1.663 1.4c-1.124 1.011-2.46 1.671-3.968 1.58q-.359-.026-.7-.065q-.084-.011 0-.028c.38-.084.772-.16 1.12-.292a8.8 8.8 0 0 0 3.312-2.187a3 3 0 0 0 .24-.289z"/></g><defs><clipPath id="SVGHcSWxdhd22"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

.icon-soph-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(%23SVGHcSWxdhd22)%22%3E%3Cpath%20fill%3D%22%2314171a%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.962%208.101c-.52.312-1.092.92-1.176%201.56c-.064.46.152%201.016.384%201.416q.368.636.772%201.308c.152.248.336.624.36.912a1.44%201.44%200%200%201-.268.94c-.024.027-.044.031-.068%200a19%2019%200%200%201-1.548-2.132c-.44-.704-1.04-1.768-.84-2.648c.268-1.152%201.372-2.116%202.376-2.648a.08.08%200%200%201%20.08.004c.784.524%201.52%201.2%201.976%202.028q.538.972.368%202.112c-.012.072-.032.076-.068.012a9.8%209.8%200%200%200-2.04-2.668a2%202%200%200%200-.24-.192a.06.06%200%200%200-.068-.004%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.022%2015.305a3.06%203.06%200%200%200%201.152-1.564a1.6%201.6%200%200%200-.192-1.284q-.373-.685-.784-1.348a4.4%204.4%200%200%201-.4-.808c-.16-.412-.096-.8.168-1.148q.024-.035.048-.004a16.3%2016.3%200%200%201%201.644%202.084c.36.552.812%201.332.816%202.012c.008.84-.52%201.696-1.076%202.32a5.8%205.8%200%200%201-1.36%201.12a.07.07%200%200%201-.06.008c-.06-.02-.108-.065-.16-.1c-1.492-1.008-3.28-2.936-2.68-4.944q.047-.143.1-.004c.308.76.72%201.473%201.224%202.12c.429.58.936%201.099%201.508%201.54a.04.04%200%200%200%20.052%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.582%2010.756q.023%201.368.52%202.604a6.6%206.6%200%200%200%202.976%203.356q.13.073-.016.056a4%204%200%200%201-1.524-.472a5.36%205.36%200%200%201-2.6-3.12c-.28-.904-.4-1.852-.52-2.784a4.5%204.5%200%200%200-.136-.676a.02.02%200%200%201%20.016-.012a9.6%209.6%200%200%201%202.444.288a.08.08%200%200%201%20.048.032c.012.016.02.036.02.052v.84a.04.04%200%200%201-.016.032a.04.04%200%200%201-.04.008a5%205%200%200%200-1.168-.22l-.004.008zm8.803-.016a4.4%204.4%200%200%200-1.16.224q-.006.002-.012-.008l-.008-.008l-.004-.016v-.884q-.001-.049.04-.056a10%2010%200%200%201%202.44-.28a.04.04%200%200%201%20.028.028v.02a3%203%200%200%200-.096.44c-.2%201.268-.3%202.628-.888%203.792c-.66%201.312-1.972%202.416-3.408%202.728a2.2%202.2%200%200%201-.42.052q-.096.001-.011-.04c2.24-1.244%203.42-3.36%203.531-5.96a.03.03%200%200%200-.008-.024l-.012-.004h-.012z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.663%2014.322q.131.181.292.343c.668.712%201.516%201.32%202.392%201.768q.958.491%201.96.652q.186.03-.005.048c-.212.02-.416.04-.604.052c-1.4.116-2.707-.448-3.771-1.36c-.384-.328-.76-.663-1.14-1.02a5%205%200%200%200-.78-.6a.05.05%200%200%201%20.008-.06a7.7%207.7%200%200%201%202.08-1.2q.041-.015.052.029q.144.496.384.956a.04.04%200%200%201-.012.031a4.7%204.7%200%200%200-.86.34a.02.02%200%200%200%20.004.02m12.655.012q.024-.034-.012-.056a5%205%200%200%200-.82-.309q-.043-.012-.02-.047q.246-.47.392-.98l.01-.002l.01.002c.77.286%201.485.698%202.12%201.22q.003.008.002.018a.04.04%200%200%201-.019.03c-.616.387-1.12.911-1.663%201.4c-1.124%201.011-2.46%201.671-3.968%201.58q-.359-.026-.7-.065q-.084-.011%200-.028c.38-.084.772-.16%201.12-.292a8.8%208.8%200%200%200%203.312-2.187a3%203%200%200%200%20.24-.289z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd22%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(%23SVGHcSWxdhd22)%22%3E%3Cpath%20fill%3D%22%2314171a%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.962%208.101c-.52.312-1.092.92-1.176%201.56c-.064.46.152%201.016.384%201.416q.368.636.772%201.308c.152.248.336.624.36.912a1.44%201.44%200%200%201-.268.94c-.024.027-.044.031-.068%200a19%2019%200%200%201-1.548-2.132c-.44-.704-1.04-1.768-.84-2.648c.268-1.152%201.372-2.116%202.376-2.648a.08.08%200%200%201%20.08.004c.784.524%201.52%201.2%201.976%202.028q.538.972.368%202.112c-.012.072-.032.076-.068.012a9.8%209.8%200%200%200-2.04-2.668a2%202%200%200%200-.24-.192a.06.06%200%200%200-.068-.004%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12.022%2015.305a3.06%203.06%200%200%200%201.152-1.564a1.6%201.6%200%200%200-.192-1.284q-.373-.685-.784-1.348a4.4%204.4%200%200%201-.4-.808c-.16-.412-.096-.8.168-1.148q.024-.035.048-.004a16.3%2016.3%200%200%201%201.644%202.084c.36.552.812%201.332.816%202.012c.008.84-.52%201.696-1.076%202.32a5.8%205.8%200%200%201-1.36%201.12a.07.07%200%200%201-.06.008c-.06-.02-.108-.065-.16-.1c-1.492-1.008-3.28-2.936-2.68-4.944q.047-.143.1-.004c.308.76.72%201.473%201.224%202.12c.429.58.936%201.099%201.508%201.54a.04.04%200%200%200%20.052%200%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.582%2010.756q.023%201.368.52%202.604a6.6%206.6%200%200%200%202.976%203.356q.13.073-.016.056a4%204%200%200%201-1.524-.472a5.36%205.36%200%200%201-2.6-3.12c-.28-.904-.4-1.852-.52-2.784a4.5%204.5%200%200%200-.136-.676a.02.02%200%200%201%20.016-.012a9.6%209.6%200%200%201%202.444.288a.08.08%200%200%201%20.048.032c.012.016.02.036.02.052v.84a.04.04%200%200%201-.016.032a.04.04%200%200%201-.04.008a5%205%200%200%200-1.168-.22l-.004.008zm8.803-.016a4.4%204.4%200%200%200-1.16.224q-.006.002-.012-.008l-.008-.008l-.004-.016v-.884q-.001-.049.04-.056a10%2010%200%200%201%202.44-.28a.04.04%200%200%201%20.028.028v.02a3%203%200%200%200-.096.44c-.2%201.268-.3%202.628-.888%203.792c-.66%201.312-1.972%202.416-3.408%202.728a2.2%202.2%200%200%201-.42.052q-.096.001-.011-.04c2.24-1.244%203.42-3.36%203.531-5.96a.03.03%200%200%200-.008-.024l-.012-.004h-.012z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.663%2014.322q.131.181.292.343c.668.712%201.516%201.32%202.392%201.768q.958.491%201.96.652q.186.03-.005.048c-.212.02-.416.04-.604.052c-1.4.116-2.707-.448-3.771-1.36c-.384-.328-.76-.663-1.14-1.02a5%205%200%200%200-.78-.6a.05.05%200%200%201%20.008-.06a7.7%207.7%200%200%201%202.08-1.2q.041-.015.052.029q.144.496.384.956a.04.04%200%200%201-.012.031a4.7%204.7%200%200%200-.86.34a.02.02%200%200%200%20.004.02m12.655.012q.024-.034-.012-.056a5%205%200%200%200-.82-.309q-.043-.012-.02-.047q.246-.47.392-.98l.01-.002l.01.002c.77.286%201.485.698%202.12%201.22q.003.008.002.018a.04.04%200%200%201-.019.03c-.616.387-1.12.911-1.663%201.4c-1.124%201.011-2.46%201.671-3.968%201.58q-.359-.026-.7-.065q-.084-.011%200-.028c.38-.084.772-.16%201.12-.292a8.8%208.8%200%200%200%203.312-2.187a3%203%200%200%200%20.24-.289z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd22%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/soph-background.svg?color=%231a73e8&size=48