push logo
push from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- push
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the push logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.156 18.12c-.213-.023-.645-.219-.645-.83c0-.616.507-.886.76-.898c1.245 0 1.515-.921 1.544-1.434V10.43c0-2.938 2.512-4.309 3.721-4.626c0-1.134.91-1.474 1.428-1.509h.07c.518.035 1.428.375 1.428 1.51c1.21.316 3.721 1.687 3.721 4.625v4.527c.029.518.3 1.434 1.544 1.434c.253.012.76.288.76.899c0 .61-.432.806-.645.829zM12 21c-1.434 0-2.592-1.037-2.592-2.304h5.184C14.592 19.963 13.434 21 12 21"/><path fill="currentColor" d="M5.156 18.12h13.686c.213-.023.645-.219.645-.83c0-.616-.507-.886-.76-.898c-1.245 0-1.515-.921-1.544-1.434V10.43c0-2.938-2.511-4.309-3.72-4.626c0-1.134-.91-1.474-1.43-1.509h-.069c-.518.035-1.428.375-1.428 1.51c-1.21.316-3.72 1.687-3.72 4.625v4.527a1.68 1.68 0 0 1-1.729 1.538c-.253.011-.576.178-.576.795c0 .61.432.806.645.829M8.07 4.584a.144.144 0 0 1-.097.184C5.61 5.477 5.22 7.475 5.318 8.385a.145.145 0 1 1-.288.03a3.76 3.76 0 0 1 2.862-3.923a.14.14 0 0 1 .179.098z"/><path fill="currentColor" d="M7.939 3.104a.144.144 0 0 1-.098.173c-3.335 1.008-3.882 3.83-3.744 5.109a.145.145 0 1 1-.288.028C3.665 7.05 4.253 4.06 7.76 3.006a.146.146 0 0 1 .179.098m7.989 1.481a.144.144 0 0 0 .098.184c2.362.709 2.753 2.707 2.656 3.617a.144.144 0 1 0 .288.03a3.76 3.76 0 0 0-2.863-3.923a.143.143 0 0 0-.179.097z"/><path fill="currentColor" d="M16.061 3.104a.133.133 0 0 0 .098.172c3.335 1.008 3.882 3.83 3.744 5.11a.144.144 0 0 0 .186.152a.15.15 0 0 0 .102-.124c.144-1.365-.444-4.354-3.951-5.408a.144.144 0 0 0-.179.098"/></svg>
React
import type { SVGProps } from "react";
export function TokenPush(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" d="M5.156 18.12c-.213-.023-.645-.219-.645-.83c0-.616.507-.886.76-.898c1.245 0 1.515-.921 1.544-1.434V10.43c0-2.938 2.512-4.309 3.721-4.626c0-1.134.91-1.474 1.428-1.509h.07c.518.035 1.428.375 1.428 1.51c1.21.316 3.721 1.687 3.721 4.625v4.527c.029.518.3 1.434 1.544 1.434c.253.012.76.288.76.899c0 .61-.432.806-.645.829zM12 21c-1.434 0-2.592-1.037-2.592-2.304h5.184C14.592 19.963 13.434 21 12 21"/><path fill="currentColor" d="M5.156 18.12h13.686c.213-.023.645-.219.645-.83c0-.616-.507-.886-.76-.898c-1.245 0-1.515-.921-1.544-1.434V10.43c0-2.938-2.511-4.309-3.72-4.626c0-1.134-.91-1.474-1.43-1.509h-.069c-.518.035-1.428.375-1.428 1.51c-1.21.316-3.72 1.687-3.72 4.625v4.527a1.68 1.68 0 0 1-1.729 1.538c-.253.011-.576.178-.576.795c0 .61.432.806.645.829M8.07 4.584a.144.144 0 0 1-.097.184C5.61 5.477 5.22 7.475 5.318 8.385a.145.145 0 1 1-.288.03a3.76 3.76 0 0 1 2.862-3.923a.14.14 0 0 1 .179.098z"/><path fill="currentColor" d="M7.939 3.104a.144.144 0 0 1-.098.173c-3.335 1.008-3.882 3.83-3.744 5.109a.145.145 0 1 1-.288.028C3.665 7.05 4.253 4.06 7.76 3.006a.146.146 0 0 1 .179.098m7.989 1.481a.144.144 0 0 0 .098.184c2.362.709 2.753 2.707 2.656 3.617a.144.144 0 1 0 .288.03a3.76 3.76 0 0 0-2.863-3.923a.143.143 0 0 0-.179.097z"/><path fill="currentColor" d="M16.061 3.104a.133.133 0 0 0 .098.172c3.335 1.008 3.882 3.83 3.744 5.11a.144.144 0 0 0 .186.152a.15.15 0 0 0 .102-.124c.144-1.365-.444-4.354-3.951-5.408a.144.144 0 0 0-.179.098"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.156 18.12c-.213-.023-.645-.219-.645-.83c0-.616.507-.886.76-.898c1.245 0 1.515-.921 1.544-1.434V10.43c0-2.938 2.512-4.309 3.721-4.626c0-1.134.91-1.474 1.428-1.509h.07c.518.035 1.428.375 1.428 1.51c1.21.316 3.721 1.687 3.721 4.625v4.527c.029.518.3 1.434 1.544 1.434c.253.012.76.288.76.899c0 .61-.432.806-.645.829zM12 21c-1.434 0-2.592-1.037-2.592-2.304h5.184C14.592 19.963 13.434 21 12 21"/><path fill="currentColor" d="M5.156 18.12h13.686c.213-.023.645-.219.645-.83c0-.616-.507-.886-.76-.898c-1.245 0-1.515-.921-1.544-1.434V10.43c0-2.938-2.511-4.309-3.72-4.626c0-1.134-.91-1.474-1.43-1.509h-.069c-.518.035-1.428.375-1.428 1.51c-1.21.316-3.72 1.687-3.72 4.625v4.527a1.68 1.68 0 0 1-1.729 1.538c-.253.011-.576.178-.576.795c0 .61.432.806.645.829M8.07 4.584a.144.144 0 0 1-.097.184C5.61 5.477 5.22 7.475 5.318 8.385a.145.145 0 1 1-.288.03a3.76 3.76 0 0 1 2.862-3.923a.14.14 0 0 1 .179.098z"/><path fill="currentColor" d="M7.939 3.104a.144.144 0 0 1-.098.173c-3.335 1.008-3.882 3.83-3.744 5.109a.145.145 0 1 1-.288.028C3.665 7.05 4.253 4.06 7.76 3.006a.146.146 0 0 1 .179.098m7.989 1.481a.144.144 0 0 0 .098.184c2.362.709 2.753 2.707 2.656 3.617a.144.144 0 1 0 .288.03a3.76 3.76 0 0 0-2.863-3.923a.143.143 0 0 0-.179.097z"/><path fill="currentColor" d="M16.061 3.104a.133.133 0 0 0 .098.172c3.335 1.008 3.882 3.83 3.744 5.11a.144.144 0 0 0 .186.152a.15.15 0 0 0 .102-.124c.144-1.365-.444-4.354-3.951-5.408a.144.144 0 0 0-.179.098"/></svg> </template>
CSS
.icon-push {
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%20d%3D%22M5.156%2018.12c-.213-.023-.645-.219-.645-.83c0-.616.507-.886.76-.898c1.245%200%201.515-.921%201.544-1.434V10.43c0-2.938%202.512-4.309%203.721-4.626c0-1.134.91-1.474%201.428-1.509h.07c.518.035%201.428.375%201.428%201.51c1.21.316%203.721%201.687%203.721%204.625v4.527c.029.518.3%201.434%201.544%201.434c.253.012.76.288.76.899c0%20.61-.432.806-.645.829zM12%2021c-1.434%200-2.592-1.037-2.592-2.304h5.184C14.592%2019.963%2013.434%2021%2012%2021%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.156%2018.12h13.686c.213-.023.645-.219.645-.83c0-.616-.507-.886-.76-.898c-1.245%200-1.515-.921-1.544-1.434V10.43c0-2.938-2.511-4.309-3.72-4.626c0-1.134-.91-1.474-1.43-1.509h-.069c-.518.035-1.428.375-1.428%201.51c-1.21.316-3.72%201.687-3.72%204.625v4.527a1.68%201.68%200%200%201-1.729%201.538c-.253.011-.576.178-.576.795c0%20.61.432.806.645.829M8.07%204.584a.144.144%200%200%201-.097.184C5.61%205.477%205.22%207.475%205.318%208.385a.145.145%200%201%201-.288.03a3.76%203.76%200%200%201%202.862-3.923a.14.14%200%200%201%20.179.098z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.939%203.104a.144.144%200%200%201-.098.173c-3.335%201.008-3.882%203.83-3.744%205.109a.145.145%200%201%201-.288.028C3.665%207.05%204.253%204.06%207.76%203.006a.146.146%200%200%201%20.179.098m7.989%201.481a.144.144%200%200%200%20.098.184c2.362.709%202.753%202.707%202.656%203.617a.144.144%200%201%200%20.288.03a3.76%203.76%200%200%200-2.863-3.923a.143.143%200%200%200-.179.097z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.061%203.104a.133.133%200%200%200%20.098.172c3.335%201.008%203.882%203.83%203.744%205.11a.144.144%200%200%200%20.186.152a.15.15%200%200%200%20.102-.124c.144-1.365-.444-4.354-3.951-5.408a.144.144%200%200%200-.179.098%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%20d%3D%22M5.156%2018.12c-.213-.023-.645-.219-.645-.83c0-.616.507-.886.76-.898c1.245%200%201.515-.921%201.544-1.434V10.43c0-2.938%202.512-4.309%203.721-4.626c0-1.134.91-1.474%201.428-1.509h.07c.518.035%201.428.375%201.428%201.51c1.21.316%203.721%201.687%203.721%204.625v4.527c.029.518.3%201.434%201.544%201.434c.253.012.76.288.76.899c0%20.61-.432.806-.645.829zM12%2021c-1.434%200-2.592-1.037-2.592-2.304h5.184C14.592%2019.963%2013.434%2021%2012%2021%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.156%2018.12h13.686c.213-.023.645-.219.645-.83c0-.616-.507-.886-.76-.898c-1.245%200-1.515-.921-1.544-1.434V10.43c0-2.938-2.511-4.309-3.72-4.626c0-1.134-.91-1.474-1.43-1.509h-.069c-.518.035-1.428.375-1.428%201.51c-1.21.316-3.72%201.687-3.72%204.625v4.527a1.68%201.68%200%200%201-1.729%201.538c-.253.011-.576.178-.576.795c0%20.61.432.806.645.829M8.07%204.584a.144.144%200%200%201-.097.184C5.61%205.477%205.22%207.475%205.318%208.385a.145.145%200%201%201-.288.03a3.76%203.76%200%200%201%202.862-3.923a.14.14%200%200%201%20.179.098z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.939%203.104a.144.144%200%200%201-.098.173c-3.335%201.008-3.882%203.83-3.744%205.109a.145.145%200%201%201-.288.028C3.665%207.05%204.253%204.06%207.76%203.006a.146.146%200%200%201%20.179.098m7.989%201.481a.144.144%200%200%200%20.098.184c2.362.709%202.753%202.707%202.656%203.617a.144.144%200%201%200%20.288.03a3.76%203.76%200%200%200-2.863-3.923a.143.143%200%200%200-.179.097z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.061%203.104a.133.133%200%200%200%20.098.172c3.335%201.008%203.882%203.83%203.744%205.11a.144.144%200%200%200%20.186.152a.15.15%200%200%200%20.102-.124c.144-1.365-.444-4.354-3.951-5.408a.144.144%200%200%200-.179.098%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/push.svg?color=%231a73e8&size=48
