spc logo
spc-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- spc-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 spc logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.56 7.317c-2.418 2.902-1.69 6.368-1.024 7.738l1.581-.923c-.461-.934-.477-2.006-.433-2.53c.34-4.085 4.003-4.95 5.306-4.95c1.037 0 1.993.359 2.342.538c-1.518.86-4.605 2.626-4.82 2.815c-.27.236-.472.614-.168 1.17c.268.492.826.428 1.162.313L19.72 6.23c.22-.11.442-.684.109-1.167c-.32-.463-.992-.4-1.306-.198c-1.13.724-1.816.86-2.372.91c-.445.04-1.563-.433-2.096-.609c-1.491-.491-5.204-.598-7.496 2.152m10.878 9.372c2.419-2.901 1.69-6.367 1.024-7.737l-1.58.922c.46.935.476 2.006.433 2.53c-.34 4.085-4.004 4.95-5.307 4.95c-1.037 0-1.993-.358-2.341-.537c1.517-.86 4.605-2.627 4.82-2.816c.27-.235.471-.613.168-1.17c-.268-.491-.827-.427-1.162-.313l-9.215 5.253c-.221.11-.438.692-.11 1.167c.32.463.992.4 1.306.199c1.13-.725 1.816-.854 2.372-.905c.445-.04 1.564.434 2.096.61c1.491.491 5.204.598 7.496-2.152"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSpcBackground(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="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.56 7.317c-2.418 2.902-1.69 6.368-1.024 7.738l1.581-.923c-.461-.934-.477-2.006-.433-2.53c.34-4.085 4.003-4.95 5.306-4.95c1.037 0 1.993.359 2.342.538c-1.518.86-4.605 2.626-4.82 2.815c-.27.236-.472.614-.168 1.17c.268.492.826.428 1.162.313L19.72 6.23c.22-.11.442-.684.109-1.167c-.32-.463-.992-.4-1.306-.198c-1.13.724-1.816.86-2.372.91c-.445.04-1.563-.433-2.096-.609c-1.491-.491-5.204-.598-7.496 2.152m10.878 9.372c2.419-2.901 1.69-6.367 1.024-7.737l-1.58.922c.46.935.476 2.006.433 2.53c-.34 4.085-4.004 4.95-5.307 4.95c-1.037 0-1.993-.358-2.341-.537c1.517-.86 4.605-2.627 4.82-2.816c.27-.235.471-.613.168-1.17c-.268-.491-.827-.427-1.162-.313l-9.215 5.253c-.221.11-.438.692-.11 1.167c.32.463.992.4 1.306.199c1.13-.725 1.816-.854 2.372-.905c.445-.04 1.564.434 2.096.61c1.491.491 5.204.598 7.496-2.152"/></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="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.56 7.317c-2.418 2.902-1.69 6.368-1.024 7.738l1.581-.923c-.461-.934-.477-2.006-.433-2.53c.34-4.085 4.003-4.95 5.306-4.95c1.037 0 1.993.359 2.342.538c-1.518.86-4.605 2.626-4.82 2.815c-.27.236-.472.614-.168 1.17c.268.492.826.428 1.162.313L19.72 6.23c.22-.11.442-.684.109-1.167c-.32-.463-.992-.4-1.306-.198c-1.13.724-1.816.86-2.372.91c-.445.04-1.563-.433-2.096-.609c-1.491-.491-5.204-.598-7.496 2.152m10.878 9.372c2.419-2.901 1.69-6.367 1.024-7.737l-1.58.922c.46.935.476 2.006.433 2.53c-.34 4.085-4.004 4.95-5.307 4.95c-1.037 0-1.993-.358-2.341-.537c1.517-.86 4.605-2.627 4.82-2.816c.27-.235.471-.613.168-1.17c-.268-.491-.827-.427-1.162-.313l-9.215 5.253c-.221.11-.438.692-.11 1.167c.32.463.992.4 1.306.199c1.13-.725 1.816-.854 2.372-.905c.445-.04 1.564.434 2.096.61c1.491.491 5.204.598 7.496-2.152"/></g></svg> </template>
CSS
.icon-spc-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%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.56%207.317c-2.418%202.902-1.69%206.368-1.024%207.738l1.581-.923c-.461-.934-.477-2.006-.433-2.53c.34-4.085%204.003-4.95%205.306-4.95c1.037%200%201.993.359%202.342.538c-1.518.86-4.605%202.626-4.82%202.815c-.27.236-.472.614-.168%201.17c.268.492.826.428%201.162.313L19.72%206.23c.22-.11.442-.684.109-1.167c-.32-.463-.992-.4-1.306-.198c-1.13.724-1.816.86-2.372.91c-.445.04-1.563-.433-2.096-.609c-1.491-.491-5.204-.598-7.496%202.152m10.878%209.372c2.419-2.901%201.69-6.367%201.024-7.737l-1.58.922c.46.935.476%202.006.433%202.53c-.34%204.085-4.004%204.95-5.307%204.95c-1.037%200-1.993-.358-2.341-.537c1.517-.86%204.605-2.627%204.82-2.816c.27-.235.471-.613.168-1.17c-.268-.491-.827-.427-1.162-.313l-9.215%205.253c-.221.11-.438.692-.11%201.167c.32.463.992.4%201.306.199c1.13-.725%201.816-.854%202.372-.905c.445-.04%201.564.434%202.096.61c1.491.491%205.204.598%207.496-2.152%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%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.56%207.317c-2.418%202.902-1.69%206.368-1.024%207.738l1.581-.923c-.461-.934-.477-2.006-.433-2.53c.34-4.085%204.003-4.95%205.306-4.95c1.037%200%201.993.359%202.342.538c-1.518.86-4.605%202.626-4.82%202.815c-.27.236-.472.614-.168%201.17c.268.492.826.428%201.162.313L19.72%206.23c.22-.11.442-.684.109-1.167c-.32-.463-.992-.4-1.306-.198c-1.13.724-1.816.86-2.372.91c-.445.04-1.563-.433-2.096-.609c-1.491-.491-5.204-.598-7.496%202.152m10.878%209.372c2.419-2.901%201.69-6.367%201.024-7.737l-1.58.922c.46.935.476%202.006.433%202.53c-.34%204.085-4.004%204.95-5.307%204.95c-1.037%200-1.993-.358-2.341-.537c1.517-.86%204.605-2.627%204.82-2.816c.27-.235.471-.613.168-1.17c-.268-.491-.827-.427-1.162-.313l-9.215%205.253c-.221.11-.438.692-.11%201.167c.32.463.992.4%201.306.199c1.13-.725%201.816-.854%202.372-.905c.445-.04%201.564.434%202.096.61c1.491.491%205.204.598%207.496-2.152%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/spc-background.svg?color=%231a73e8&size=48
