binary icon

binary-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: binary-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

binary binary-bold binary-duotone binary-light binary-thin

The same icon in other sets

binaryCatppuccin Icons binaryHuge Icons binaryLucide binaryPixelarticons binaryTabler Icons

Use the binary icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168 168c0 4.75-1.11 9.16-3.05 12.11A7.77 7.77 0 0 1 158 184c-9.72 0-10-14.36-10-16c0-4.74 1.11-9.16 3.05-12.11A7.77 7.77 0 0 1 158 152c9.72 0 10 14.36 10 16m56-120v160a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16m-83.16 27.58a8 8 0 0 0 10.74 3.58l4.42-2.22V112a8 8 0 0 0 16 0V64a8 8 0 0 0-11.58-7.16l-16 8a8 8 0 0 0-3.58 10.74M112 144a8 8 0 0 0-11.58-7.16l-16 8a8 8 0 0 0 7.16 14.32l4.42-2.22V192a8 8 0 0 0 16 0Zm16-56c0-18.84-10.69-32-26-32S76 69.16 76 88s10.69 32 26 32s26-13.16 26-32m56 80c0-18.84-10.69-32-26-32s-26 13.16-26 32s10.69 32 26 32s26-13.16 26-32m-82-96a7.77 7.77 0 0 0-7 3.89c-1.94 3-3 7.37-3 12.11c0 1.64.28 16 10 16a7.77 7.77 0 0 0 7-3.89c1.94-3 3-7.36 3-12.11c0-1.64-.28-16-10-16"/></svg>

React

import type { SVGProps } from "react";

export function PhBinaryFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168 168c0 4.75-1.11 9.16-3.05 12.11A7.77 7.77 0 0 1 158 184c-9.72 0-10-14.36-10-16c0-4.74 1.11-9.16 3.05-12.11A7.77 7.77 0 0 1 158 152c9.72 0 10 14.36 10 16m56-120v160a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16m-83.16 27.58a8 8 0 0 0 10.74 3.58l4.42-2.22V112a8 8 0 0 0 16 0V64a8 8 0 0 0-11.58-7.16l-16 8a8 8 0 0 0-3.58 10.74M112 144a8 8 0 0 0-11.58-7.16l-16 8a8 8 0 0 0 7.16 14.32l4.42-2.22V192a8 8 0 0 0 16 0Zm16-56c0-18.84-10.69-32-26-32S76 69.16 76 88s10.69 32 26 32s26-13.16 26-32m56 80c0-18.84-10.69-32-26-32s-26 13.16-26 32s10.69 32 26 32s26-13.16 26-32m-82-96a7.77 7.77 0 0 0-7 3.89c-1.94 3-3 7.37-3 12.11c0 1.64.28 16 10 16a7.77 7.77 0 0 0 7-3.89c1.94-3 3-7.36 3-12.11c0-1.64-.28-16-10-16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M168 168c0 4.75-1.11 9.16-3.05 12.11A7.77 7.77 0 0 1 158 184c-9.72 0-10-14.36-10-16c0-4.74 1.11-9.16 3.05-12.11A7.77 7.77 0 0 1 158 152c9.72 0 10 14.36 10 16m56-120v160a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h160a16 16 0 0 1 16 16m-83.16 27.58a8 8 0 0 0 10.74 3.58l4.42-2.22V112a8 8 0 0 0 16 0V64a8 8 0 0 0-11.58-7.16l-16 8a8 8 0 0 0-3.58 10.74M112 144a8 8 0 0 0-11.58-7.16l-16 8a8 8 0 0 0 7.16 14.32l4.42-2.22V192a8 8 0 0 0 16 0Zm16-56c0-18.84-10.69-32-26-32S76 69.16 76 88s10.69 32 26 32s26-13.16 26-32m56 80c0-18.84-10.69-32-26-32s-26 13.16-26 32s10.69 32 26 32s26-13.16 26-32m-82-96a7.77 7.77 0 0 0-7 3.89c-1.94 3-3 7.37-3 12.11c0 1.64.28 16 10 16a7.77 7.77 0 0 0 7-3.89c1.94-3 3-7.36 3-12.11c0-1.64-.28-16-10-16"/></svg>
</template>

CSS

.icon-binary-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M168%20168c0%204.75-1.11%209.16-3.05%2012.11A7.77%207.77%200%200%201%20158%20184c-9.72%200-10-14.36-10-16c0-4.74%201.11-9.16%203.05-12.11A7.77%207.77%200%200%201%20158%20152c9.72%200%2010%2014.36%2010%2016m56-120v160a16%2016%200%200%201-16%2016H48a16%2016%200%200%201-16-16V48a16%2016%200%200%201%2016-16h160a16%2016%200%200%201%2016%2016m-83.16%2027.58a8%208%200%200%200%2010.74%203.58l4.42-2.22V112a8%208%200%200%200%2016%200V64a8%208%200%200%200-11.58-7.16l-16%208a8%208%200%200%200-3.58%2010.74M112%20144a8%208%200%200%200-11.58-7.16l-16%208a8%208%200%200%200%207.16%2014.32l4.42-2.22V192a8%208%200%200%200%2016%200Zm16-56c0-18.84-10.69-32-26-32S76%2069.16%2076%2088s10.69%2032%2026%2032s26-13.16%2026-32m56%2080c0-18.84-10.69-32-26-32s-26%2013.16-26%2032s10.69%2032%2026%2032s26-13.16%2026-32m-82-96a7.77%207.77%200%200%200-7%203.89c-1.94%203-3%207.37-3%2012.11c0%201.64.28%2016%2010%2016a7.77%207.77%200%200%200%207-3.89c1.94-3%203-7.36%203-12.11c0-1.64-.28-16-10-16%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M168%20168c0%204.75-1.11%209.16-3.05%2012.11A7.77%207.77%200%200%201%20158%20184c-9.72%200-10-14.36-10-16c0-4.74%201.11-9.16%203.05-12.11A7.77%207.77%200%200%201%20158%20152c9.72%200%2010%2014.36%2010%2016m56-120v160a16%2016%200%200%201-16%2016H48a16%2016%200%200%201-16-16V48a16%2016%200%200%201%2016-16h160a16%2016%200%200%201%2016%2016m-83.16%2027.58a8%208%200%200%200%2010.74%203.58l4.42-2.22V112a8%208%200%200%200%2016%200V64a8%208%200%200%200-11.58-7.16l-16%208a8%208%200%200%200-3.58%2010.74M112%20144a8%208%200%200%200-11.58-7.16l-16%208a8%208%200%200%200%207.16%2014.32l4.42-2.22V192a8%208%200%200%200%2016%200Zm16-56c0-18.84-10.69-32-26-32S76%2069.16%2076%2088s10.69%2032%2026%2032s26-13.16%2026-32m56%2080c0-18.84-10.69-32-26-32s-26%2013.16-26%2032s10.69%2032%2026%2032s26-13.16%2026-32m-82-96a7.77%207.77%200%200%200-7%203.89c-1.94%203-3%207.37-3%2012.11c0%201.64.28%2016%2010%2016a7.77%207.77%200%200%200%207-3.89c1.94-3%203-7.36%203-12.11c0-1.64-.28-16-10-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/binary-fill.svg?color=%231a73e8&size=48