cell logo

cell from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: cell
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

cellIconPark cellIconPark Outline cellIconPark Solid cellIconPark TwoTone cellTabler Icons cellWeb3 Icons cellUnicons

Use the cell logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGEOph2bni)" d="M7.303 19.878a.743.743 0 0 1-.742-.732a.742.742 0 0 1 1.485 0c0 .4-.338.732-.743.732m6.08-.928a.743.743 0 1 1 1.486 0a.743.743 0 0 1-1.485 0m2.768-.49v-.034a.644.644 0 1 1 1.288.034a.65.65 0 0 1-.618.636h-.029a.64.64 0 0 1-.635-.636zm-6.975-.439a.94.94 0 0 1-.934-.933a.94.94 0 1 1 1.88 0a.94.94 0 0 1-.94.933zm-3.504-.297a.844.844 0 0 1-.816-.833a.844.844 0 0 1 1.682 0a.845.845 0 0 1-.866.833m13.303-.096a.546.546 0 0 1-.546-.54a.546.546 0 0 1 1.086 0a.54.54 0 0 1-.54.54M6.757 14.545a1.04 1.04 0 1 1 2.082 0a1.04 1.04 0 0 1-2.082 0m13.354.49a.445.445 0 0 1 .889 0a.45.45 0 0 1-.889 0m-15.48.343a.94.94 0 0 1-.94-.928a.94.94 0 1 1 1.88 0a.94.94 0 0 1-.94.928m1.339-3.572a1.136 1.136 0 1 1 2.273 0a1.136 1.136 0 0 1-2.273 0m-2.97 0a1.04 1.04 0 1 1 2.08 0a1.04 1.04 0 0 1-2.08 0m3.757-2.74a1.04 1.04 0 1 1 2.082 0a1.04 1.04 0 0 1-2.082 0m-2.126 1.03a.94.94 0 0 1-.94-.928a.94.94 0 0 1 1.88 0a.94.94 0 0 1-.94.928m15.474-1.03a.45.45 0 0 1 .895 0a.45.45 0 0 1-.889 0zM9.188 7.75a.94.94 0 0 1-.939-.933a.94.94 0 1 1 1.879 0a.944.944 0 0 1-.94.933m-3.51-.101a.844.844 0 0 1-.815-.832a.844.844 0 0 1 1.682 0a.844.844 0 0 1-.867.832m13.304-.096a.546.546 0 0 1-.546-.54a.546.546 0 0 1 1.086 0a.54.54 0 0 1-.54.54m-2.819-2.008v-.033a.642.642 0 0 1 1.283.016a.65.65 0 0 1-.182.456a.64.64 0 0 1-1.1-.439m-2.773-.393a.742.742 0 1 1 1.485 0a.742.742 0 0 1-1.485 0m-6.08.444a.743.743 0 0 1-.743-.731a.742.742 0 1 1 1.485 0c0 .4-.337.73-.742.73m5.254 12.875a.843.843 0 1 1-1.687.001a.843.843 0 0 1 1.687 0m-1.407-3.093a.844.844 0 1 0 0-1.687a.844.844 0 0 0 0 1.687m-.281-3.656a.844.844 0 1 1-1.688-.001a.844.844 0 0 1 1.688 0m.281-1.97a.844.844 0 1 0 0-1.686a.844.844 0 0 0 0 1.687m2.531 1.97a.844.844 0 1 1-1.687 0a.844.844 0 0 1 1.687 0M11.72 6.378a.844.844 0 1 0 0-1.689a.844.844 0 0 0 0 1.689"/><defs><linearGradient id="SVGEOph2bni" x1="3" x2="20.843" y1="19.878" y2="5.213" gradientUnits="userSpaceOnUse"><stop stop-color="#964bff"/><stop offset=".37" stop-color="#a695ff"/><stop offset=".65" stop-color="#3ce9ff"/><stop offset=".86" stop-color="#caff2c"/><stop offset="1" stop-color="#ffff21"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedCell(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="url(#SVGEOph2bni)" d="M7.303 19.878a.743.743 0 0 1-.742-.732a.742.742 0 0 1 1.485 0c0 .4-.338.732-.743.732m6.08-.928a.743.743 0 1 1 1.486 0a.743.743 0 0 1-1.485 0m2.768-.49v-.034a.644.644 0 1 1 1.288.034a.65.65 0 0 1-.618.636h-.029a.64.64 0 0 1-.635-.636zm-6.975-.439a.94.94 0 0 1-.934-.933a.94.94 0 1 1 1.88 0a.94.94 0 0 1-.94.933zm-3.504-.297a.844.844 0 0 1-.816-.833a.844.844 0 0 1 1.682 0a.845.845 0 0 1-.866.833m13.303-.096a.546.546 0 0 1-.546-.54a.546.546 0 0 1 1.086 0a.54.54 0 0 1-.54.54M6.757 14.545a1.04 1.04 0 1 1 2.082 0a1.04 1.04 0 0 1-2.082 0m13.354.49a.445.445 0 0 1 .889 0a.45.45 0 0 1-.889 0m-15.48.343a.94.94 0 0 1-.94-.928a.94.94 0 1 1 1.88 0a.94.94 0 0 1-.94.928m1.339-3.572a1.136 1.136 0 1 1 2.273 0a1.136 1.136 0 0 1-2.273 0m-2.97 0a1.04 1.04 0 1 1 2.08 0a1.04 1.04 0 0 1-2.08 0m3.757-2.74a1.04 1.04 0 1 1 2.082 0a1.04 1.04 0 0 1-2.082 0m-2.126 1.03a.94.94 0 0 1-.94-.928a.94.94 0 0 1 1.88 0a.94.94 0 0 1-.94.928m15.474-1.03a.45.45 0 0 1 .895 0a.45.45 0 0 1-.889 0zM9.188 7.75a.94.94 0 0 1-.939-.933a.94.94 0 1 1 1.879 0a.944.944 0 0 1-.94.933m-3.51-.101a.844.844 0 0 1-.815-.832a.844.844 0 0 1 1.682 0a.844.844 0 0 1-.867.832m13.304-.096a.546.546 0 0 1-.546-.54a.546.546 0 0 1 1.086 0a.54.54 0 0 1-.54.54m-2.819-2.008v-.033a.642.642 0 0 1 1.283.016a.65.65 0 0 1-.182.456a.64.64 0 0 1-1.1-.439m-2.773-.393a.742.742 0 1 1 1.485 0a.742.742 0 0 1-1.485 0m-6.08.444a.743.743 0 0 1-.743-.731a.742.742 0 1 1 1.485 0c0 .4-.337.73-.742.73m5.254 12.875a.843.843 0 1 1-1.687.001a.843.843 0 0 1 1.687 0m-1.407-3.093a.844.844 0 1 0 0-1.687a.844.844 0 0 0 0 1.687m-.281-3.656a.844.844 0 1 1-1.688-.001a.844.844 0 0 1 1.688 0m.281-1.97a.844.844 0 1 0 0-1.686a.844.844 0 0 0 0 1.687m2.531 1.97a.844.844 0 1 1-1.687 0a.844.844 0 0 1 1.687 0M11.72 6.378a.844.844 0 1 0 0-1.689a.844.844 0 0 0 0 1.689"/><defs><linearGradient id="SVGEOph2bni" x1="3" x2="20.843" y1="19.878" y2="5.213" gradientUnits="userSpaceOnUse"><stop stopColor="#964bff"/><stop offset=".37" stopColor="#a695ff"/><stop offset=".65" stopColor="#3ce9ff"/><stop offset=".86" stopColor="#caff2c"/><stop offset="1" stopColor="#ffff21"/></linearGradient></defs></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="url(#SVGEOph2bni)" d="M7.303 19.878a.743.743 0 0 1-.742-.732a.742.742 0 0 1 1.485 0c0 .4-.338.732-.743.732m6.08-.928a.743.743 0 1 1 1.486 0a.743.743 0 0 1-1.485 0m2.768-.49v-.034a.644.644 0 1 1 1.288.034a.65.65 0 0 1-.618.636h-.029a.64.64 0 0 1-.635-.636zm-6.975-.439a.94.94 0 0 1-.934-.933a.94.94 0 1 1 1.88 0a.94.94 0 0 1-.94.933zm-3.504-.297a.844.844 0 0 1-.816-.833a.844.844 0 0 1 1.682 0a.845.845 0 0 1-.866.833m13.303-.096a.546.546 0 0 1-.546-.54a.546.546 0 0 1 1.086 0a.54.54 0 0 1-.54.54M6.757 14.545a1.04 1.04 0 1 1 2.082 0a1.04 1.04 0 0 1-2.082 0m13.354.49a.445.445 0 0 1 .889 0a.45.45 0 0 1-.889 0m-15.48.343a.94.94 0 0 1-.94-.928a.94.94 0 1 1 1.88 0a.94.94 0 0 1-.94.928m1.339-3.572a1.136 1.136 0 1 1 2.273 0a1.136 1.136 0 0 1-2.273 0m-2.97 0a1.04 1.04 0 1 1 2.08 0a1.04 1.04 0 0 1-2.08 0m3.757-2.74a1.04 1.04 0 1 1 2.082 0a1.04 1.04 0 0 1-2.082 0m-2.126 1.03a.94.94 0 0 1-.94-.928a.94.94 0 0 1 1.88 0a.94.94 0 0 1-.94.928m15.474-1.03a.45.45 0 0 1 .895 0a.45.45 0 0 1-.889 0zM9.188 7.75a.94.94 0 0 1-.939-.933a.94.94 0 1 1 1.879 0a.944.944 0 0 1-.94.933m-3.51-.101a.844.844 0 0 1-.815-.832a.844.844 0 0 1 1.682 0a.844.844 0 0 1-.867.832m13.304-.096a.546.546 0 0 1-.546-.54a.546.546 0 0 1 1.086 0a.54.54 0 0 1-.54.54m-2.819-2.008v-.033a.642.642 0 0 1 1.283.016a.65.65 0 0 1-.182.456a.64.64 0 0 1-1.1-.439m-2.773-.393a.742.742 0 1 1 1.485 0a.742.742 0 0 1-1.485 0m-6.08.444a.743.743 0 0 1-.743-.731a.742.742 0 1 1 1.485 0c0 .4-.337.73-.742.73m5.254 12.875a.843.843 0 1 1-1.687.001a.843.843 0 0 1 1.687 0m-1.407-3.093a.844.844 0 1 0 0-1.687a.844.844 0 0 0 0 1.687m-.281-3.656a.844.844 0 1 1-1.688-.001a.844.844 0 0 1 1.688 0m.281-1.97a.844.844 0 1 0 0-1.686a.844.844 0 0 0 0 1.687m2.531 1.97a.844.844 0 1 1-1.687 0a.844.844 0 0 1 1.687 0M11.72 6.378a.844.844 0 1 0 0-1.689a.844.844 0 0 0 0 1.689"/><defs><linearGradient id="SVGEOph2bni" x1="3" x2="20.843" y1="19.878" y2="5.213" gradientUnits="userSpaceOnUse"><stop stop-color="#964bff"/><stop offset=".37" stop-color="#a695ff"/><stop offset=".65" stop-color="#3ce9ff"/><stop offset=".86" stop-color="#caff2c"/><stop offset="1" stop-color="#ffff21"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-cell {
  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%22url(%23SVGEOph2bni)%22%20d%3D%22M7.303%2019.878a.743.743%200%200%201-.742-.732a.742.742%200%200%201%201.485%200c0%20.4-.338.732-.743.732m6.08-.928a.743.743%200%201%201%201.486%200a.743.743%200%200%201-1.485%200m2.768-.49v-.034a.644.644%200%201%201%201.288.034a.65.65%200%200%201-.618.636h-.029a.64.64%200%200%201-.635-.636zm-6.975-.439a.94.94%200%200%201-.934-.933a.94.94%200%201%201%201.88%200a.94.94%200%200%201-.94.933zm-3.504-.297a.844.844%200%200%201-.816-.833a.844.844%200%200%201%201.682%200a.845.845%200%200%201-.866.833m13.303-.096a.546.546%200%200%201-.546-.54a.546.546%200%200%201%201.086%200a.54.54%200%200%201-.54.54M6.757%2014.545a1.04%201.04%200%201%201%202.082%200a1.04%201.04%200%200%201-2.082%200m13.354.49a.445.445%200%200%201%20.889%200a.45.45%200%200%201-.889%200m-15.48.343a.94.94%200%200%201-.94-.928a.94.94%200%201%201%201.88%200a.94.94%200%200%201-.94.928m1.339-3.572a1.136%201.136%200%201%201%202.273%200a1.136%201.136%200%200%201-2.273%200m-2.97%200a1.04%201.04%200%201%201%202.08%200a1.04%201.04%200%200%201-2.08%200m3.757-2.74a1.04%201.04%200%201%201%202.082%200a1.04%201.04%200%200%201-2.082%200m-2.126%201.03a.94.94%200%200%201-.94-.928a.94.94%200%200%201%201.88%200a.94.94%200%200%201-.94.928m15.474-1.03a.45.45%200%200%201%20.895%200a.45.45%200%200%201-.889%200zM9.188%207.75a.94.94%200%200%201-.939-.933a.94.94%200%201%201%201.879%200a.944.944%200%200%201-.94.933m-3.51-.101a.844.844%200%200%201-.815-.832a.844.844%200%200%201%201.682%200a.844.844%200%200%201-.867.832m13.304-.096a.546.546%200%200%201-.546-.54a.546.546%200%200%201%201.086%200a.54.54%200%200%201-.54.54m-2.819-2.008v-.033a.642.642%200%200%201%201.283.016a.65.65%200%200%201-.182.456a.64.64%200%200%201-1.1-.439m-2.773-.393a.742.742%200%201%201%201.485%200a.742.742%200%200%201-1.485%200m-6.08.444a.743.743%200%200%201-.743-.731a.742.742%200%201%201%201.485%200c0%20.4-.337.73-.742.73m5.254%2012.875a.843.843%200%201%201-1.687.001a.843.843%200%200%201%201.687%200m-1.407-3.093a.844.844%200%201%200%200-1.687a.844.844%200%200%200%200%201.687m-.281-3.656a.844.844%200%201%201-1.688-.001a.844.844%200%200%201%201.688%200m.281-1.97a.844.844%200%201%200%200-1.686a.844.844%200%200%200%200%201.687m2.531%201.97a.844.844%200%201%201-1.687%200a.844.844%200%200%201%201.687%200M11.72%206.378a.844.844%200%201%200%200-1.689a.844.844%200%200%200%200%201.689%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGEOph2bni%22%20x1%3D%223%22%20x2%3D%2220.843%22%20y1%3D%2219.878%22%20y2%3D%225.213%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23964bff%22%2F%3E%3Cstop%20offset%3D%22.37%22%20stop-color%3D%22%23a695ff%22%2F%3E%3Cstop%20offset%3D%22.65%22%20stop-color%3D%22%233ce9ff%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%23caff2c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffff21%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGEOph2bni)%22%20d%3D%22M7.303%2019.878a.743.743%200%200%201-.742-.732a.742.742%200%200%201%201.485%200c0%20.4-.338.732-.743.732m6.08-.928a.743.743%200%201%201%201.486%200a.743.743%200%200%201-1.485%200m2.768-.49v-.034a.644.644%200%201%201%201.288.034a.65.65%200%200%201-.618.636h-.029a.64.64%200%200%201-.635-.636zm-6.975-.439a.94.94%200%200%201-.934-.933a.94.94%200%201%201%201.88%200a.94.94%200%200%201-.94.933zm-3.504-.297a.844.844%200%200%201-.816-.833a.844.844%200%200%201%201.682%200a.845.845%200%200%201-.866.833m13.303-.096a.546.546%200%200%201-.546-.54a.546.546%200%200%201%201.086%200a.54.54%200%200%201-.54.54M6.757%2014.545a1.04%201.04%200%201%201%202.082%200a1.04%201.04%200%200%201-2.082%200m13.354.49a.445.445%200%200%201%20.889%200a.45.45%200%200%201-.889%200m-15.48.343a.94.94%200%200%201-.94-.928a.94.94%200%201%201%201.88%200a.94.94%200%200%201-.94.928m1.339-3.572a1.136%201.136%200%201%201%202.273%200a1.136%201.136%200%200%201-2.273%200m-2.97%200a1.04%201.04%200%201%201%202.08%200a1.04%201.04%200%200%201-2.08%200m3.757-2.74a1.04%201.04%200%201%201%202.082%200a1.04%201.04%200%200%201-2.082%200m-2.126%201.03a.94.94%200%200%201-.94-.928a.94.94%200%200%201%201.88%200a.94.94%200%200%201-.94.928m15.474-1.03a.45.45%200%200%201%20.895%200a.45.45%200%200%201-.889%200zM9.188%207.75a.94.94%200%200%201-.939-.933a.94.94%200%201%201%201.879%200a.944.944%200%200%201-.94.933m-3.51-.101a.844.844%200%200%201-.815-.832a.844.844%200%200%201%201.682%200a.844.844%200%200%201-.867.832m13.304-.096a.546.546%200%200%201-.546-.54a.546.546%200%200%201%201.086%200a.54.54%200%200%201-.54.54m-2.819-2.008v-.033a.642.642%200%200%201%201.283.016a.65.65%200%200%201-.182.456a.64.64%200%200%201-1.1-.439m-2.773-.393a.742.742%200%201%201%201.485%200a.742.742%200%200%201-1.485%200m-6.08.444a.743.743%200%200%201-.743-.731a.742.742%200%201%201%201.485%200c0%20.4-.337.73-.742.73m5.254%2012.875a.843.843%200%201%201-1.687.001a.843.843%200%200%201%201.687%200m-1.407-3.093a.844.844%200%201%200%200-1.687a.844.844%200%200%200%200%201.687m-.281-3.656a.844.844%200%201%201-1.688-.001a.844.844%200%200%201%201.688%200m.281-1.97a.844.844%200%201%200%200-1.686a.844.844%200%200%200%200%201.687m2.531%201.97a.844.844%200%201%201-1.687%200a.844.844%200%200%201%201.687%200M11.72%206.378a.844.844%200%201%200%200-1.689a.844.844%200%200%200%200%201.689%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGEOph2bni%22%20x1%3D%223%22%20x2%3D%2220.843%22%20y1%3D%2219.878%22%20y2%3D%225.213%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23964bff%22%2F%3E%3Cstop%20offset%3D%22.37%22%20stop-color%3D%22%23a695ff%22%2F%3E%3Cstop%20offset%3D%22.65%22%20stop-color%3D%22%233ce9ff%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%23caff2c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffff21%22%2F%3E%3C%2FlinearGradient%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/cell.svg?color=%231a73e8&size=48