senate logo
senate-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- senate-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 senate 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="M8.328 9.191a1.37 1.37 0 0 1 1.14-.62h10.155c.32 0 .438.125.347.388a1 1 0 0 1-.126.24l-.457.617a1.55 1.55 0 0 1-.75.55c-.153.045-.279.11-.397.11H9.437a.7.7 0 0 0-.575.285a.3.3 0 0 0-.061.115c-.05.133.011.362.18.362h8.459c.476 0 .644.023.514.404c-.05.137-.107.255-.19.358l-2.077 2.8a1.53 1.53 0 0 1-1.14.63H4.374c-.316 0-.434-.126-.343-.39a1 1 0 0 1 .126-.24l1.387-1.867c.278-.37.663-.514 1.143-.552h8.117c.21 0 .408-.175.575-.381a.3.3 0 0 0 .061-.118c.038-.13-.011-.263-.168-.263H7.498c-.488 0-.667-.118-.538-.496a2 2 0 0 1 .206-.362l1.162-1.573z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSenateBackground(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="M8.328 9.191a1.37 1.37 0 0 1 1.14-.62h10.155c.32 0 .438.125.347.388a1 1 0 0 1-.126.24l-.457.617a1.55 1.55 0 0 1-.75.55c-.153.045-.279.11-.397.11H9.437a.7.7 0 0 0-.575.285a.3.3 0 0 0-.061.115c-.05.133.011.362.18.362h8.459c.476 0 .644.023.514.404c-.05.137-.107.255-.19.358l-2.077 2.8a1.53 1.53 0 0 1-1.14.63H4.374c-.316 0-.434-.126-.343-.39a1 1 0 0 1 .126-.24l1.387-1.867c.278-.37.663-.514 1.143-.552h8.117c.21 0 .408-.175.575-.381a.3.3 0 0 0 .061-.118c.038-.13-.011-.263-.168-.263H7.498c-.488 0-.667-.118-.538-.496a2 2 0 0 1 .206-.362l1.162-1.573z"/></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="M8.328 9.191a1.37 1.37 0 0 1 1.14-.62h10.155c.32 0 .438.125.347.388a1 1 0 0 1-.126.24l-.457.617a1.55 1.55 0 0 1-.75.55c-.153.045-.279.11-.397.11H9.437a.7.7 0 0 0-.575.285a.3.3 0 0 0-.061.115c-.05.133.011.362.18.362h8.459c.476 0 .644.023.514.404c-.05.137-.107.255-.19.358l-2.077 2.8a1.53 1.53 0 0 1-1.14.63H4.374c-.316 0-.434-.126-.343-.39a1 1 0 0 1 .126-.24l1.387-1.867c.278-.37.663-.514 1.143-.552h8.117c.21 0 .408-.175.575-.381a.3.3 0 0 0 .061-.118c.038-.13-.011-.263-.168-.263H7.498c-.488 0-.667-.118-.538-.496a2 2 0 0 1 .206-.362l1.162-1.573z"/></g></svg> </template>
CSS
.icon-senate-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%22M8.328%209.191a1.37%201.37%200%200%201%201.14-.62h10.155c.32%200%20.438.125.347.388a1%201%200%200%201-.126.24l-.457.617a1.55%201.55%200%200%201-.75.55c-.153.045-.279.11-.397.11H9.437a.7.7%200%200%200-.575.285a.3.3%200%200%200-.061.115c-.05.133.011.362.18.362h8.459c.476%200%20.644.023.514.404c-.05.137-.107.255-.19.358l-2.077%202.8a1.53%201.53%200%200%201-1.14.63H4.374c-.316%200-.434-.126-.343-.39a1%201%200%200%201%20.126-.24l1.387-1.867c.278-.37.663-.514%201.143-.552h8.117c.21%200%20.408-.175.575-.381a.3.3%200%200%200%20.061-.118c.038-.13-.011-.263-.168-.263H7.498c-.488%200-.667-.118-.538-.496a2%202%200%200%201%20.206-.362l1.162-1.573z%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%22M8.328%209.191a1.37%201.37%200%200%201%201.14-.62h10.155c.32%200%20.438.125.347.388a1%201%200%200%201-.126.24l-.457.617a1.55%201.55%200%200%201-.75.55c-.153.045-.279.11-.397.11H9.437a.7.7%200%200%200-.575.285a.3.3%200%200%200-.061.115c-.05.133.011.362.18.362h8.459c.476%200%20.644.023.514.404c-.05.137-.107.255-.19.358l-2.077%202.8a1.53%201.53%200%200%201-1.14.63H4.374c-.316%200-.434-.126-.343-.39a1%201%200%200%201%20.126-.24l1.387-1.867c.278-.37.663-.514%201.143-.552h8.117c.21%200%20.408-.175.575-.381a.3.3%200%200%200%20.061-.118c.038-.13-.011-.263-.168-.263H7.498c-.488%200-.667-.118-.538-.496a2%202%200%200%201%20.206-.362l1.162-1.573z%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/senate-background.svg?color=%231a73e8&size=48
