box logo
box from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- box
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
boxAkar IconsboxBootstrap IconsboxBoxIcons v2boxBoxIcons v2 SolidboxCarbonboxElement PlusboxFont Awesome 6 SolidboxFont Awesome SolidboxFeather Iconsbox-16-filledFluent UI System Iconsboxcss.ggboxHuge IconsboxHumbleiconsboxIconParkboxIconPark OutlineboxIconPark SolidboxIconPark TwoToneboxIconoirboxJam IconsboxLine AwesomeboxSVG LogosboxLucideboxMage IconsboxMajesticons
Use the box logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.717 13.25v1.327c.067.535-.335 1.004-.872 1.07c-.538.068-1.007-.334-1.074-.87v-1.526h-1.275c-.202.803-.605 1.46-1.21 2.062c-1.745 1.807-4.698 1.807-6.51.067l-.068-.067c-1.812-1.874-1.812-4.819 0-6.625s4.699-1.874 6.511-.067l.068.067c.604.602 1.007 1.26 1.208 2.063H22c-.671-5.488-5.64-9.29-11.144-8.688s-9.398 5.62-8.794 11.109c.604 5.487 5.639 9.369 11.144 8.766c4.632-.535 8.257-4.069 8.794-8.687z"/><path fill="currentColor" d="M12 13.875a1.875 1.875 0 1 0 0-3.75a1.875 1.875 0 0 0 0 3.75"/></svg>
React
import type { SVGProps } from "react";
export function TokenBox(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="M19.717 13.25v1.327c.067.535-.335 1.004-.872 1.07c-.538.068-1.007-.334-1.074-.87v-1.526h-1.275c-.202.803-.605 1.46-1.21 2.062c-1.745 1.807-4.698 1.807-6.51.067l-.068-.067c-1.812-1.874-1.812-4.819 0-6.625s4.699-1.874 6.511-.067l.068.067c.604.602 1.007 1.26 1.208 2.063H22c-.671-5.488-5.64-9.29-11.144-8.688s-9.398 5.62-8.794 11.109c.604 5.487 5.639 9.369 11.144 8.766c4.632-.535 8.257-4.069 8.794-8.687z"/><path fill="currentColor" d="M12 13.875a1.875 1.875 0 1 0 0-3.75a1.875 1.875 0 0 0 0 3.75"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.717 13.25v1.327c.067.535-.335 1.004-.872 1.07c-.538.068-1.007-.334-1.074-.87v-1.526h-1.275c-.202.803-.605 1.46-1.21 2.062c-1.745 1.807-4.698 1.807-6.51.067l-.068-.067c-1.812-1.874-1.812-4.819 0-6.625s4.699-1.874 6.511-.067l.068.067c.604.602 1.007 1.26 1.208 2.063H22c-.671-5.488-5.64-9.29-11.144-8.688s-9.398 5.62-8.794 11.109c.604 5.487 5.639 9.369 11.144 8.766c4.632-.535 8.257-4.069 8.794-8.687z"/><path fill="currentColor" d="M12 13.875a1.875 1.875 0 1 0 0-3.75a1.875 1.875 0 0 0 0 3.75"/></svg> </template>
CSS
.icon-box {
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%22M19.717%2013.25v1.327c.067.535-.335%201.004-.872%201.07c-.538.068-1.007-.334-1.074-.87v-1.526h-1.275c-.202.803-.605%201.46-1.21%202.062c-1.745%201.807-4.698%201.807-6.51.067l-.068-.067c-1.812-1.874-1.812-4.819%200-6.625s4.699-1.874%206.511-.067l.068.067c.604.602%201.007%201.26%201.208%202.063H22c-.671-5.488-5.64-9.29-11.144-8.688s-9.398%205.62-8.794%2011.109c.604%205.487%205.639%209.369%2011.144%208.766c4.632-.535%208.257-4.069%208.794-8.687z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2013.875a1.875%201.875%200%201%200%200-3.75a1.875%201.875%200%200%200%200%203.75%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%22M19.717%2013.25v1.327c.067.535-.335%201.004-.872%201.07c-.538.068-1.007-.334-1.074-.87v-1.526h-1.275c-.202.803-.605%201.46-1.21%202.062c-1.745%201.807-4.698%201.807-6.51.067l-.068-.067c-1.812-1.874-1.812-4.819%200-6.625s4.699-1.874%206.511-.067l.068.067c.604.602%201.007%201.26%201.208%202.063H22c-.671-5.488-5.64-9.29-11.144-8.688s-9.398%205.62-8.794%2011.109c.604%205.487%205.639%209.369%2011.144%208.766c4.632-.535%208.257-4.069%208.794-8.687z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2013.875a1.875%201.875%200%201%200%200-3.75a1.875%201.875%200%200%200%200%203.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/box.svg?color=%231a73e8&size=48
