binary icon

binary-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: binary-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

binary binary-bold binary-duotone binary-fill 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="M121.75 41.21C115.22 31.26 105.62 26 94 26s-21.22 5.26-27.75 15.21C60.93 49.31 58 60.25 58 72s2.93 22.69 8.25 30.79C72.78 112.74 82.38 118 94 118s21.22-5.26 27.75-15.21c5.32-8.1 8.25-19 8.25-30.79s-2.93-22.69-8.25-30.79M94 106c-19 0-24-21.37-24-34s5-34 24-34s24 21.37 24 34s-5 34-24 34m99.75 47.21C187.22 143.26 177.62 138 166 138s-21.22 5.26-27.75 15.21c-5.32 8.1-8.25 19-8.25 30.79s2.93 22.69 8.25 30.79c6.53 10 16.13 15.21 27.75 15.21s21.22-5.26 27.75-15.21c5.32-8.1 8.25-19 8.25-30.79s-2.93-22.69-8.25-30.79M166 218c-18.95 0-24-21.37-24-34s5.05-34 24-34s24 21.37 24 34s-5 34-24 34M146.75 48.25a6 6 0 0 1 2.34-8.16l24-13.34A6 6 0 0 1 182 32v80a6 6 0 0 1-12 0V42.2l-15.09 8.38a6 6 0 0 1-8.16-2.33M102 144v80a6 6 0 0 1-12 0v-69.8l-15.09 8.38a6 6 0 1 1-5.82-10.49l24-13.34A6 6 0 0 1 102 144"/></svg>

React

import type { SVGProps } from "react";

export function PhBinaryLight(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="M121.75 41.21C115.22 31.26 105.62 26 94 26s-21.22 5.26-27.75 15.21C60.93 49.31 58 60.25 58 72s2.93 22.69 8.25 30.79C72.78 112.74 82.38 118 94 118s21.22-5.26 27.75-15.21c5.32-8.1 8.25-19 8.25-30.79s-2.93-22.69-8.25-30.79M94 106c-19 0-24-21.37-24-34s5-34 24-34s24 21.37 24 34s-5 34-24 34m99.75 47.21C187.22 143.26 177.62 138 166 138s-21.22 5.26-27.75 15.21c-5.32 8.1-8.25 19-8.25 30.79s2.93 22.69 8.25 30.79c6.53 10 16.13 15.21 27.75 15.21s21.22-5.26 27.75-15.21c5.32-8.1 8.25-19 8.25-30.79s-2.93-22.69-8.25-30.79M166 218c-18.95 0-24-21.37-24-34s5.05-34 24-34s24 21.37 24 34s-5 34-24 34M146.75 48.25a6 6 0 0 1 2.34-8.16l24-13.34A6 6 0 0 1 182 32v80a6 6 0 0 1-12 0V42.2l-15.09 8.38a6 6 0 0 1-8.16-2.33M102 144v80a6 6 0 0 1-12 0v-69.8l-15.09 8.38a6 6 0 1 1-5.82-10.49l24-13.34A6 6 0 0 1 102 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="M121.75 41.21C115.22 31.26 105.62 26 94 26s-21.22 5.26-27.75 15.21C60.93 49.31 58 60.25 58 72s2.93 22.69 8.25 30.79C72.78 112.74 82.38 118 94 118s21.22-5.26 27.75-15.21c5.32-8.1 8.25-19 8.25-30.79s-2.93-22.69-8.25-30.79M94 106c-19 0-24-21.37-24-34s5-34 24-34s24 21.37 24 34s-5 34-24 34m99.75 47.21C187.22 143.26 177.62 138 166 138s-21.22 5.26-27.75 15.21c-5.32 8.1-8.25 19-8.25 30.79s2.93 22.69 8.25 30.79c6.53 10 16.13 15.21 27.75 15.21s21.22-5.26 27.75-15.21c5.32-8.1 8.25-19 8.25-30.79s-2.93-22.69-8.25-30.79M166 218c-18.95 0-24-21.37-24-34s5.05-34 24-34s24 21.37 24 34s-5 34-24 34M146.75 48.25a6 6 0 0 1 2.34-8.16l24-13.34A6 6 0 0 1 182 32v80a6 6 0 0 1-12 0V42.2l-15.09 8.38a6 6 0 0 1-8.16-2.33M102 144v80a6 6 0 0 1-12 0v-69.8l-15.09 8.38a6 6 0 1 1-5.82-10.49l24-13.34A6 6 0 0 1 102 144"/></svg>
</template>

CSS

.icon-binary-light {
  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%22M121.75%2041.21C115.22%2031.26%20105.62%2026%2094%2026s-21.22%205.26-27.75%2015.21C60.93%2049.31%2058%2060.25%2058%2072s2.93%2022.69%208.25%2030.79C72.78%20112.74%2082.38%20118%2094%20118s21.22-5.26%2027.75-15.21c5.32-8.1%208.25-19%208.25-30.79s-2.93-22.69-8.25-30.79M94%20106c-19%200-24-21.37-24-34s5-34%2024-34s24%2021.37%2024%2034s-5%2034-24%2034m99.75%2047.21C187.22%20143.26%20177.62%20138%20166%20138s-21.22%205.26-27.75%2015.21c-5.32%208.1-8.25%2019-8.25%2030.79s2.93%2022.69%208.25%2030.79c6.53%2010%2016.13%2015.21%2027.75%2015.21s21.22-5.26%2027.75-15.21c5.32-8.1%208.25-19%208.25-30.79s-2.93-22.69-8.25-30.79M166%20218c-18.95%200-24-21.37-24-34s5.05-34%2024-34s24%2021.37%2024%2034s-5%2034-24%2034M146.75%2048.25a6%206%200%200%201%202.34-8.16l24-13.34A6%206%200%200%201%20182%2032v80a6%206%200%200%201-12%200V42.2l-15.09%208.38a6%206%200%200%201-8.16-2.33M102%20144v80a6%206%200%200%201-12%200v-69.8l-15.09%208.38a6%206%200%201%201-5.82-10.49l24-13.34A6%206%200%200%201%20102%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%22M121.75%2041.21C115.22%2031.26%20105.62%2026%2094%2026s-21.22%205.26-27.75%2015.21C60.93%2049.31%2058%2060.25%2058%2072s2.93%2022.69%208.25%2030.79C72.78%20112.74%2082.38%20118%2094%20118s21.22-5.26%2027.75-15.21c5.32-8.1%208.25-19%208.25-30.79s-2.93-22.69-8.25-30.79M94%20106c-19%200-24-21.37-24-34s5-34%2024-34s24%2021.37%2024%2034s-5%2034-24%2034m99.75%2047.21C187.22%20143.26%20177.62%20138%20166%20138s-21.22%205.26-27.75%2015.21c-5.32%208.1-8.25%2019-8.25%2030.79s2.93%2022.69%208.25%2030.79c6.53%2010%2016.13%2015.21%2027.75%2015.21s21.22-5.26%2027.75-15.21c5.32-8.1%208.25-19%208.25-30.79s-2.93-22.69-8.25-30.79M166%20218c-18.95%200-24-21.37-24-34s5.05-34%2024-34s24%2021.37%2024%2034s-5%2034-24%2034M146.75%2048.25a6%206%200%200%201%202.34-8.16l24-13.34A6%206%200%200%201%20182%2032v80a6%206%200%200%201-12%200V42.2l-15.09%208.38a6%206%200%200%201-8.16-2.33M102%20144v80a6%206%200%200%201-12%200v-69.8l-15.09%208.38a6%206%200%201%201-5.82-10.49l24-13.34A6%206%200%200%201%20102%20144%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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