barcode icon
barcode-outline from Solar by 480 Design · Outline · Security · CC-BY-4.0 Attribution required.
- Name
- barcode-outline
- Set
- Solar
- Style
- Outline
- Category
- Security
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
barcode-outlinedAnt Design IconsbarcodeBoxIcons v2barcodeBoxIcons v2 SolidbarcodeCarbonbarcodeFramework7 IconsbarcodeFont Awesome 6 SolidbarcodeFont Awesome Solidbarcode-outlineFlowbite IconsbarcodeHuge IconsbarcodeIconoirbarcodeIonIconsbarcodeLine AwesomebarcodeLucidebarcodeMaterial SymbolsbarcodeMaterial Symbols LightbarcodeMaterial Design Iconsbarcode-fillMingCute IconbarcodeOpenMojibarcodePhosphorbarcodePixelarticonsbarcodePrime Iconsbarcode-fillRemix IconbarcodeTabler IconsbarcodeTDesign Icons
More security icons from Solar
barcode-scan-boldbomb-boldbomb-emoji-boldbomb-minimalistic-boldcode-scan-boldeye-boldeye-closed-boldeye-scan-boldincognito-boldkey-boldkey-minimalistic-2-boldkey-minimalistic-boldkey-minimalistic-square-2-boldkey-minimalistic-square-3-boldkey-minimalistic-square-boldkey-square-2-boldkey-square-boldlock-boldlock-keyhole-boldlock-keyhole-minimalistic-boldlock-keyhole-minimalistic-unlocked-boldlock-keyhole-unlocked-boldlock-password-boldlock-password-unlocked-bold
Use the barcode icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.88379 18.9785V4.97852C1.88379 4.5643 2.21958 4.22852 2.63379 4.22852C3.048 4.22852 3.38379 4.5643 3.38379 4.97852V18.9785C3.38379 19.3927 3.048 19.7285 2.63379 19.7285C2.21958 19.7285 1.88379 19.3927 1.88379 18.9785ZM4.78906 18.9785V4.97852C4.78906 4.5643 5.12485 4.22852 5.53906 4.22852C5.95328 4.22852 6.28906 4.5643 6.28906 4.97852V18.9785C6.28906 19.3927 5.95328 19.7285 5.53906 19.7285C5.12485 19.7285 4.78906 19.3927 4.78906 18.9785ZM11.5674 18.9785V4.97852C11.5674 4.5643 11.9032 4.22852 12.3174 4.22852C12.7314 4.22878 13.0674 4.56446 13.0674 4.97852V18.9785C13.0674 19.3926 12.7314 19.7283 12.3174 19.7285C11.9032 19.7285 11.5674 19.3927 11.5674 18.9785ZM14.4727 18.9785V4.97852C14.4727 4.5643 14.8084 4.22852 15.2227 4.22852C15.6366 4.22878 15.9727 4.56446 15.9727 4.97852V18.9785C15.9727 19.3926 15.6366 19.7283 15.2227 19.7285C14.8084 19.7285 14.4727 19.3927 14.4727 18.9785ZM21.25 18.9785V4.97852C21.25 4.5643 21.5858 4.22754 22 4.22754C22.4142 4.22754 22.75 4.5643 22.75 4.97852V18.9785C22.7497 19.3925 22.4141 19.7285 22 19.7285C21.5859 19.7285 21.2503 19.3925 21.25 18.9785ZM10.1621 18.5156C10.1621 19.1971 9.60922 19.75 8.92773 19.75C8.24627 19.75 7.69434 19.1971 7.69434 18.5156V5.44043C7.69437 4.75898 8.24629 4.20608 8.92773 4.20605L9.05371 4.21289C9.67603 4.27597 10.1621 4.80148 10.1621 5.44043V18.5156ZM19.8447 18.4941C19.8447 19.1755 19.2926 19.7283 18.6113 19.7285C17.9299 19.7285 17.377 19.1756 17.377 18.4941V5.41895C17.377 4.73746 17.9298 4.18457 18.6113 4.18457L18.7373 4.19141C19.3594 4.25473 19.8447 4.78015 19.8447 5.41895V18.4941Z"/></svg>
React
import type { SVGProps } from "react";
export function SolarBarcodeOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.88379 18.9785V4.97852C1.88379 4.5643 2.21958 4.22852 2.63379 4.22852C3.048 4.22852 3.38379 4.5643 3.38379 4.97852V18.9785C3.38379 19.3927 3.048 19.7285 2.63379 19.7285C2.21958 19.7285 1.88379 19.3927 1.88379 18.9785ZM4.78906 18.9785V4.97852C4.78906 4.5643 5.12485 4.22852 5.53906 4.22852C5.95328 4.22852 6.28906 4.5643 6.28906 4.97852V18.9785C6.28906 19.3927 5.95328 19.7285 5.53906 19.7285C5.12485 19.7285 4.78906 19.3927 4.78906 18.9785ZM11.5674 18.9785V4.97852C11.5674 4.5643 11.9032 4.22852 12.3174 4.22852C12.7314 4.22878 13.0674 4.56446 13.0674 4.97852V18.9785C13.0674 19.3926 12.7314 19.7283 12.3174 19.7285C11.9032 19.7285 11.5674 19.3927 11.5674 18.9785ZM14.4727 18.9785V4.97852C14.4727 4.5643 14.8084 4.22852 15.2227 4.22852C15.6366 4.22878 15.9727 4.56446 15.9727 4.97852V18.9785C15.9727 19.3926 15.6366 19.7283 15.2227 19.7285C14.8084 19.7285 14.4727 19.3927 14.4727 18.9785ZM21.25 18.9785V4.97852C21.25 4.5643 21.5858 4.22754 22 4.22754C22.4142 4.22754 22.75 4.5643 22.75 4.97852V18.9785C22.7497 19.3925 22.4141 19.7285 22 19.7285C21.5859 19.7285 21.2503 19.3925 21.25 18.9785ZM10.1621 18.5156C10.1621 19.1971 9.60922 19.75 8.92773 19.75C8.24627 19.75 7.69434 19.1971 7.69434 18.5156V5.44043C7.69437 4.75898 8.24629 4.20608 8.92773 4.20605L9.05371 4.21289C9.67603 4.27597 10.1621 4.80148 10.1621 5.44043V18.5156ZM19.8447 18.4941C19.8447 19.1755 19.2926 19.7283 18.6113 19.7285C17.9299 19.7285 17.377 19.1756 17.377 18.4941V5.41895C17.377 4.73746 17.9298 4.18457 18.6113 4.18457L18.7373 4.19141C19.3594 4.25473 19.8447 4.78015 19.8447 5.41895V18.4941Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1.88379 18.9785V4.97852C1.88379 4.5643 2.21958 4.22852 2.63379 4.22852C3.048 4.22852 3.38379 4.5643 3.38379 4.97852V18.9785C3.38379 19.3927 3.048 19.7285 2.63379 19.7285C2.21958 19.7285 1.88379 19.3927 1.88379 18.9785ZM4.78906 18.9785V4.97852C4.78906 4.5643 5.12485 4.22852 5.53906 4.22852C5.95328 4.22852 6.28906 4.5643 6.28906 4.97852V18.9785C6.28906 19.3927 5.95328 19.7285 5.53906 19.7285C5.12485 19.7285 4.78906 19.3927 4.78906 18.9785ZM11.5674 18.9785V4.97852C11.5674 4.5643 11.9032 4.22852 12.3174 4.22852C12.7314 4.22878 13.0674 4.56446 13.0674 4.97852V18.9785C13.0674 19.3926 12.7314 19.7283 12.3174 19.7285C11.9032 19.7285 11.5674 19.3927 11.5674 18.9785ZM14.4727 18.9785V4.97852C14.4727 4.5643 14.8084 4.22852 15.2227 4.22852C15.6366 4.22878 15.9727 4.56446 15.9727 4.97852V18.9785C15.9727 19.3926 15.6366 19.7283 15.2227 19.7285C14.8084 19.7285 14.4727 19.3927 14.4727 18.9785ZM21.25 18.9785V4.97852C21.25 4.5643 21.5858 4.22754 22 4.22754C22.4142 4.22754 22.75 4.5643 22.75 4.97852V18.9785C22.7497 19.3925 22.4141 19.7285 22 19.7285C21.5859 19.7285 21.2503 19.3925 21.25 18.9785ZM10.1621 18.5156C10.1621 19.1971 9.60922 19.75 8.92773 19.75C8.24627 19.75 7.69434 19.1971 7.69434 18.5156V5.44043C7.69437 4.75898 8.24629 4.20608 8.92773 4.20605L9.05371 4.21289C9.67603 4.27597 10.1621 4.80148 10.1621 5.44043V18.5156ZM19.8447 18.4941C19.8447 19.1755 19.2926 19.7283 18.6113 19.7285C17.9299 19.7285 17.377 19.1756 17.377 18.4941V5.41895C17.377 4.73746 17.9298 4.18457 18.6113 4.18457L18.7373 4.19141C19.3594 4.25473 19.8447 4.78015 19.8447 5.41895V18.4941Z"/></svg> </template>
CSS
.icon-barcode-outline {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.88379%2018.9785V4.97852C1.88379%204.5643%202.21958%204.22852%202.63379%204.22852C3.048%204.22852%203.38379%204.5643%203.38379%204.97852V18.9785C3.38379%2019.3927%203.048%2019.7285%202.63379%2019.7285C2.21958%2019.7285%201.88379%2019.3927%201.88379%2018.9785ZM4.78906%2018.9785V4.97852C4.78906%204.5643%205.12485%204.22852%205.53906%204.22852C5.95328%204.22852%206.28906%204.5643%206.28906%204.97852V18.9785C6.28906%2019.3927%205.95328%2019.7285%205.53906%2019.7285C5.12485%2019.7285%204.78906%2019.3927%204.78906%2018.9785ZM11.5674%2018.9785V4.97852C11.5674%204.5643%2011.9032%204.22852%2012.3174%204.22852C12.7314%204.22878%2013.0674%204.56446%2013.0674%204.97852V18.9785C13.0674%2019.3926%2012.7314%2019.7283%2012.3174%2019.7285C11.9032%2019.7285%2011.5674%2019.3927%2011.5674%2018.9785ZM14.4727%2018.9785V4.97852C14.4727%204.5643%2014.8084%204.22852%2015.2227%204.22852C15.6366%204.22878%2015.9727%204.56446%2015.9727%204.97852V18.9785C15.9727%2019.3926%2015.6366%2019.7283%2015.2227%2019.7285C14.8084%2019.7285%2014.4727%2019.3927%2014.4727%2018.9785ZM21.25%2018.9785V4.97852C21.25%204.5643%2021.5858%204.22754%2022%204.22754C22.4142%204.22754%2022.75%204.5643%2022.75%204.97852V18.9785C22.7497%2019.3925%2022.4141%2019.7285%2022%2019.7285C21.5859%2019.7285%2021.2503%2019.3925%2021.25%2018.9785ZM10.1621%2018.5156C10.1621%2019.1971%209.60922%2019.75%208.92773%2019.75C8.24627%2019.75%207.69434%2019.1971%207.69434%2018.5156V5.44043C7.69437%204.75898%208.24629%204.20608%208.92773%204.20605L9.05371%204.21289C9.67603%204.27597%2010.1621%204.80148%2010.1621%205.44043V18.5156ZM19.8447%2018.4941C19.8447%2019.1755%2019.2926%2019.7283%2018.6113%2019.7285C17.9299%2019.7285%2017.377%2019.1756%2017.377%2018.4941V5.41895C17.377%204.73746%2017.9298%204.18457%2018.6113%204.18457L18.7373%204.19141C19.3594%204.25473%2019.8447%204.78015%2019.8447%205.41895V18.4941Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M1.88379%2018.9785V4.97852C1.88379%204.5643%202.21958%204.22852%202.63379%204.22852C3.048%204.22852%203.38379%204.5643%203.38379%204.97852V18.9785C3.38379%2019.3927%203.048%2019.7285%202.63379%2019.7285C2.21958%2019.7285%201.88379%2019.3927%201.88379%2018.9785ZM4.78906%2018.9785V4.97852C4.78906%204.5643%205.12485%204.22852%205.53906%204.22852C5.95328%204.22852%206.28906%204.5643%206.28906%204.97852V18.9785C6.28906%2019.3927%205.95328%2019.7285%205.53906%2019.7285C5.12485%2019.7285%204.78906%2019.3927%204.78906%2018.9785ZM11.5674%2018.9785V4.97852C11.5674%204.5643%2011.9032%204.22852%2012.3174%204.22852C12.7314%204.22878%2013.0674%204.56446%2013.0674%204.97852V18.9785C13.0674%2019.3926%2012.7314%2019.7283%2012.3174%2019.7285C11.9032%2019.7285%2011.5674%2019.3927%2011.5674%2018.9785ZM14.4727%2018.9785V4.97852C14.4727%204.5643%2014.8084%204.22852%2015.2227%204.22852C15.6366%204.22878%2015.9727%204.56446%2015.9727%204.97852V18.9785C15.9727%2019.3926%2015.6366%2019.7283%2015.2227%2019.7285C14.8084%2019.7285%2014.4727%2019.3927%2014.4727%2018.9785ZM21.25%2018.9785V4.97852C21.25%204.5643%2021.5858%204.22754%2022%204.22754C22.4142%204.22754%2022.75%204.5643%2022.75%204.97852V18.9785C22.7497%2019.3925%2022.4141%2019.7285%2022%2019.7285C21.5859%2019.7285%2021.2503%2019.3925%2021.25%2018.9785ZM10.1621%2018.5156C10.1621%2019.1971%209.60922%2019.75%208.92773%2019.75C8.24627%2019.75%207.69434%2019.1971%207.69434%2018.5156V5.44043C7.69437%204.75898%208.24629%204.20608%208.92773%204.20605L9.05371%204.21289C9.67603%204.27597%2010.1621%204.80148%2010.1621%205.44043V18.5156ZM19.8447%2018.4941C19.8447%2019.1755%2019.2926%2019.7283%2018.6113%2019.7285C17.9299%2019.7285%2017.377%2019.1756%2017.377%2018.4941V5.41895C17.377%204.73746%2017.9298%204.18457%2018.6113%204.18457L18.7373%204.19141C19.3594%204.25473%2019.8447%204.78015%2019.8447%205.41895V18.4941Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/barcode-outline.svg?color=%231a73e8&size=48
