binary icon

binary-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name: binary-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

binary binary-bold binary-duotone binary-fill binary-light

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="M94 28c-10.92 0-19.93 5-26.08 14.31C62.81 50.09 60 60.64 60 72s2.81 21.91 7.92 29.7C74.07 111.05 83.08 116 94 116s19.93-5 26.08-14.3C125.19 93.91 128 83.37 128 72s-2.81-21.91-7.92-29.69C113.93 33 104.92 28 94 28m0 80c-18 0-26-18.08-26-36s8-36 26-36s26 18.08 26 36s-8 36-26 36m98.08 46.31C185.93 145 176.92 140 166 140s-19.93 4.95-26.08 14.31c-5.11 7.78-7.92 18.33-7.92 29.69s2.81 21.91 7.92 29.7c6.15 9.35 15.16 14.3 26.08 14.3s19.93-4.95 26.08-14.3c5.11-7.79 7.92-18.33 7.92-29.7s-2.81-21.91-7.92-29.69M166 220c-18 0-26-18.08-26-36s8-36 26-36s26 18.08 26 36s-8 36-26 36M148.5 47.28a4 4 0 0 1 1.56-5.44l24-13.34A4 4 0 0 1 180 32v80a4 4 0 0 1-8 0V38.8l-18.06 10a4 4 0 0 1-5.44-1.52M100 144v80a4 4 0 0 1-8 0v-73.2l-18.06 10a4 4 0 1 1-3.88-7l24-13.34A4 4 0 0 1 100 144"/></svg>

React

import type { SVGProps } from "react";

export function PhBinaryThin(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="M94 28c-10.92 0-19.93 5-26.08 14.31C62.81 50.09 60 60.64 60 72s2.81 21.91 7.92 29.7C74.07 111.05 83.08 116 94 116s19.93-5 26.08-14.3C125.19 93.91 128 83.37 128 72s-2.81-21.91-7.92-29.69C113.93 33 104.92 28 94 28m0 80c-18 0-26-18.08-26-36s8-36 26-36s26 18.08 26 36s-8 36-26 36m98.08 46.31C185.93 145 176.92 140 166 140s-19.93 4.95-26.08 14.31c-5.11 7.78-7.92 18.33-7.92 29.69s2.81 21.91 7.92 29.7c6.15 9.35 15.16 14.3 26.08 14.3s19.93-4.95 26.08-14.3c5.11-7.79 7.92-18.33 7.92-29.7s-2.81-21.91-7.92-29.69M166 220c-18 0-26-18.08-26-36s8-36 26-36s26 18.08 26 36s-8 36-26 36M148.5 47.28a4 4 0 0 1 1.56-5.44l24-13.34A4 4 0 0 1 180 32v80a4 4 0 0 1-8 0V38.8l-18.06 10a4 4 0 0 1-5.44-1.52M100 144v80a4 4 0 0 1-8 0v-73.2l-18.06 10a4 4 0 1 1-3.88-7l24-13.34A4 4 0 0 1 100 144"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M94 28c-10.92 0-19.93 5-26.08 14.31C62.81 50.09 60 60.64 60 72s2.81 21.91 7.92 29.7C74.07 111.05 83.08 116 94 116s19.93-5 26.08-14.3C125.19 93.91 128 83.37 128 72s-2.81-21.91-7.92-29.69C113.93 33 104.92 28 94 28m0 80c-18 0-26-18.08-26-36s8-36 26-36s26 18.08 26 36s-8 36-26 36m98.08 46.31C185.93 145 176.92 140 166 140s-19.93 4.95-26.08 14.31c-5.11 7.78-7.92 18.33-7.92 29.69s2.81 21.91 7.92 29.7c6.15 9.35 15.16 14.3 26.08 14.3s19.93-4.95 26.08-14.3c5.11-7.79 7.92-18.33 7.92-29.7s-2.81-21.91-7.92-29.69M166 220c-18 0-26-18.08-26-36s8-36 26-36s26 18.08 26 36s-8 36-26 36M148.5 47.28a4 4 0 0 1 1.56-5.44l24-13.34A4 4 0 0 1 180 32v80a4 4 0 0 1-8 0V38.8l-18.06 10a4 4 0 0 1-5.44-1.52M100 144v80a4 4 0 0 1-8 0v-73.2l-18.06 10a4 4 0 1 1-3.88-7l24-13.34A4 4 0 0 1 100 144"/></svg>
</template>

CSS

.icon-binary-thin {
  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%22M94%2028c-10.92%200-19.93%205-26.08%2014.31C62.81%2050.09%2060%2060.64%2060%2072s2.81%2021.91%207.92%2029.7C74.07%20111.05%2083.08%20116%2094%20116s19.93-5%2026.08-14.3C125.19%2093.91%20128%2083.37%20128%2072s-2.81-21.91-7.92-29.69C113.93%2033%20104.92%2028%2094%2028m0%2080c-18%200-26-18.08-26-36s8-36%2026-36s26%2018.08%2026%2036s-8%2036-26%2036m98.08%2046.31C185.93%20145%20176.92%20140%20166%20140s-19.93%204.95-26.08%2014.31c-5.11%207.78-7.92%2018.33-7.92%2029.69s2.81%2021.91%207.92%2029.7c6.15%209.35%2015.16%2014.3%2026.08%2014.3s19.93-4.95%2026.08-14.3c5.11-7.79%207.92-18.33%207.92-29.7s-2.81-21.91-7.92-29.69M166%20220c-18%200-26-18.08-26-36s8-36%2026-36s26%2018.08%2026%2036s-8%2036-26%2036M148.5%2047.28a4%204%200%200%201%201.56-5.44l24-13.34A4%204%200%200%201%20180%2032v80a4%204%200%200%201-8%200V38.8l-18.06%2010a4%204%200%200%201-5.44-1.52M100%20144v80a4%204%200%200%201-8%200v-73.2l-18.06%2010a4%204%200%201%201-3.88-7l24-13.34A4%204%200%200%201%20100%20144%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%22M94%2028c-10.92%200-19.93%205-26.08%2014.31C62.81%2050.09%2060%2060.64%2060%2072s2.81%2021.91%207.92%2029.7C74.07%20111.05%2083.08%20116%2094%20116s19.93-5%2026.08-14.3C125.19%2093.91%20128%2083.37%20128%2072s-2.81-21.91-7.92-29.69C113.93%2033%20104.92%2028%2094%2028m0%2080c-18%200-26-18.08-26-36s8-36%2026-36s26%2018.08%2026%2036s-8%2036-26%2036m98.08%2046.31C185.93%20145%20176.92%20140%20166%20140s-19.93%204.95-26.08%2014.31c-5.11%207.78-7.92%2018.33-7.92%2029.69s2.81%2021.91%207.92%2029.7c6.15%209.35%2015.16%2014.3%2026.08%2014.3s19.93-4.95%2026.08-14.3c5.11-7.79%207.92-18.33%207.92-29.7s-2.81-21.91-7.92-29.69M166%20220c-18%200-26-18.08-26-36s8-36%2026-36s26%2018.08%2026%2036s-8%2036-26%2036M148.5%2047.28a4%204%200%200%201%201.56-5.44l24-13.34A4%204%200%200%201%20180%2032v80a4%204%200%200%201-8%200V38.8l-18.06%2010a4%204%200%200%201-5.44-1.52M100%20144v80a4%204%200%200%201-8%200v-73.2l-18.06%2010a4%204%200%201%201-3.88-7l24-13.34A4%204%200%200%201%20100%20144%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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