Add icons to this collection by clicking the heart icon.
Binary icon - also known as interface, security, numbers, number, code, binary code, binary, programation, and codes. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="100"
height="100"
viewBox="0 0 448 448"
>
<linearGradient
id="a"
x1="-87.973"
x2="-84.266"
y1="611.588"
y2="607.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 32h10.667v96c0 5.888 4.779 10.667 10.667 10.667S42.667 133.888 42.667 128V21.333c0-5.888-4.779-10.667-10.667-10.667H10.667C4.779 10.667 0 15.445 0 21.333S4.779 32 10.667 32z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-82.973"
x2="-79.266"
y1="604.589"
y2="600.879"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M138.667 288c5.888 0 10.667-4.779 10.667-10.667V170.667c0-5.888-4.779-10.667-10.667-10.667h-21.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667H128v96c0 5.887 4.779 10.666 10.667 10.666z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-83.973"
x2="-79.766"
y1="611.588"
y2="607.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M96 138.667h42.667c5.888 0 10.667-4.779 10.667-10.667V21.333c0-5.888-4.779-10.667-10.667-10.667H96c-5.888 0-10.667 4.779-10.667 10.667V128c0 5.888 4.779 10.667 10.667 10.667zM106.667 32H128v85.333h-21.333V32z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-87.974"
x2="-83.766"
y1="604.587"
y2="600.382"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 288h42.667C59.221 288 64 283.221 64 277.333V170.667C64 164.779 59.221 160 53.333 160H10.667C4.779 160 0 164.779 0 170.667v106.667C0 283.221 4.779 288 10.667 288zm10.666-106.667h21.333v85.333H21.333v-85.333z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-73.973"
x2="-70.266"
y1="604.589"
y2="600.879"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M330.667 288c5.888 0 10.667-4.779 10.667-10.667V170.667c0-5.888-4.779-10.667-10.667-10.667h-21.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667H320v96c0 5.887 4.779 10.666 10.667 10.666z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-78.974"
x2="-74.766"
y1="604.587"
y2="600.382"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M202.667 288h42.667c5.888 0 10.667-4.779 10.667-10.667V170.667c0-5.888-4.779-10.667-10.667-10.667h-42.667c-5.888 0-10.667 4.779-10.667 10.667v106.667c0 5.887 4.779 10.666 10.667 10.666zm10.666-106.667h21.333v85.333h-21.333v-85.333z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-69.974"
x2="-65.766"
y1="604.587"
y2="600.382"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M394.667 288h42.667c5.888 0 10.667-4.779 10.667-10.667V170.667c0-5.888-4.779-10.667-10.667-10.667h-42.667c-5.888 0-10.667 4.779-10.667 10.667v106.667c0 5.887 4.779 10.666 10.667 10.666zm10.666-106.667h21.333v85.333h-21.333v-85.333z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-74.973"
x2="-70.766"
y1="611.588"
y2="607.381"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M288 138.667h42.667c5.888 0 10.667-4.779 10.667-10.667V21.333c0-5.888-4.779-10.667-10.667-10.667H288c-5.888 0-10.667 4.779-10.667 10.667V128c0 5.888 4.779 10.667 10.667 10.667zM298.667 32H320v85.333h-21.333V32z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-78.973"
x2="-75.266"
y1="611.589"
y2="607.879"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M202.667 32h10.667v96c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V21.333c0-5.888-4.779-10.667-10.667-10.667h-21.333c-5.888 0-10.667 4.779-10.667 10.667S196.779 32 202.667 32z"
fill="url(#i)"
/>
<linearGradient
id="j"
x1="-69.973"
x2="-66.266"
y1="611.589"
y2="607.879"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M394.667 32h10.667v96c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V21.333c0-5.888-4.779-10.667-10.667-10.667h-21.333c-5.888 0-10.667 4.779-10.667 10.667S388.779 32 394.667 32z"
fill="url(#j)"
/>
<linearGradient
id="k"
x1="-87.973"
x2="-84.266"
y1="597.588"
y2="593.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 330.667h10.667v96c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V320c0-5.888-4.779-10.667-10.667-10.667H10.667C4.779 309.333 0 314.112 0 320s4.779 10.667 10.667 10.667z"
fill="url(#k)"
/>
<linearGradient
id="l"
x1="-83.974"
x2="-79.766"
y1="597.587"
y2="593.382"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M96 437.333h42.667c5.888 0 10.667-4.779 10.667-10.667V320c0-5.888-4.779-10.667-10.667-10.667H96c-5.888 0-10.667 4.779-10.667 10.667v106.667c0 5.888 4.779 10.666 10.667 10.666zm10.667-106.666H128V416h-21.333v-85.333z"
fill="url(#l)"
/>
<linearGradient
id="m"
x1="-74.974"
x2="-70.766"
y1="597.587"
y2="593.382"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M288 437.333h42.667c5.888 0 10.667-4.779 10.667-10.667V320c0-5.888-4.779-10.667-10.667-10.667H288c-5.888 0-10.667 4.779-10.667 10.667v106.667c0 5.888 4.779 10.666 10.667 10.666zm10.667-106.666H320V416h-21.333v-85.333z"
fill="url(#m)"
/>
<linearGradient
id="n"
x1="-78.973"
x2="-75.266"
y1="597.589"
y2="593.879"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M202.667 330.667h10.667v96c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V320c0-5.888-4.779-10.667-10.667-10.667h-21.333c-5.888 0-10.667 4.779-10.667 10.667-.001 5.888 4.778 10.667 10.666 10.667z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="-69.973"
x2="-66.266"
y1="597.589"
y2="593.879"
gradientTransform="matrix(21.3333 0 0 -21.3333 1863.889 13077)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M394.667 330.667h10.667v96c0 5.888 4.779 10.667 10.667 10.667s10.667-4.779 10.667-10.667V320c0-5.888-4.779-10.667-10.667-10.667h-21.333c-5.888 0-10.667 4.779-10.667 10.667-.001 5.888 4.778 10.667 10.666 10.667z"
fill="url(#o)"
/>
</svg>
More icons in the same style and category