Home/Libraries/Freehand free icons (Iconify)/code-barcode-scan

Freehand free icons (Iconify)

CodeBarcodeScan

License: CC-BY-4.0

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M23.66 12.585c-.86 0-1.72-.07-2.57-.11v-2.8c-.05-1.52-.17-3-.25-4.55a.29.29 0 1 0-.57 0c-.07 1.52-.18 3-.22 4.56v2.71l-1.91-.1c.05-.7.1-1.41.14-2.12c0-.41.06-.81.07-1.21s0-.81 0-1.22v-2.84a.3.3 0 0 0-.26-.31a.28.28 0 0 0-.31.26c-.16.93-.34 1.87-.44 2.84c0 .4-.08.81-.09 1.22s0 .83 0 1.23c0 .71.07 1.41.13 2.11l-2.06-.12v-.54c0-.49.06-1 .07-1.46s0-1 0-1.46v-3.4a.29.29 0 0 0-.28-.28a.3.3 0 0 0-.31.27c-.15 1.13-.31 2.26-.41 3.4c0 .49-.06 1-.07 1.47s0 1 0 1.47v.51l-1.7-.08v-1.47l-.21-5.47a.29.29 0 1 0-.57 0l-.29 5.48v1.45l-1.55-.03c0-.34.05-.68.06-1v-2.28c-.06-1.16-.23-2.28-.28-3.41a.29.29 0 1 0-.57 0c-.12 1.24-.21 2.5-.21 3.78v2.87H7.27l.06-.66c.06-.87.06-1.73.08-2.6s-.1-1.7-.14-2.6v-1.08a.29.29 0 1 0-.57 0l-.31 3.63c0 .85-.07 1.71-.09 2.56v.7H4.63v-1.86c0-1.6-.06-3.19 0-4.78a.28.28 0 1 0-.56 0a46 46 0 0 0-.51 5.35v1.33h-.49a27 27 0 0 0-2.81.05a.3.3 0 0 0-.26.31a.28.28 0 0 0 .31.26h2.06l1.19.07v1.13c.07 1.61.21 3.21.32 4.81a.32.32 0 0 0 .33.31a.31.31 0 0 0 .31-.33c0-1.78.07-3.56.08-5.34v-.51l1.68.11v2.27a.32.32 0 0 0 .31.33a.32.32 0 0 0 .41-.31c.06-.74.14-1.48.22-2.22l1.85.11v1.74a.321.321 0 1 0 .64.06c.09-.59.15-1.18.21-1.76l1.39.06h.22v.85c0 1.71-.05 3.41-.06 5.12a.31.31 0 0 0 .3.33a.34.34 0 0 0 .35-.31c.14-1.7.34-3.38.46-5.08v-.88l1.78.06c0 .62.06 1.24.08 1.86a.33.33 0 0 0 .32.32a.31.31 0 0 0 .34-.37c0-.61.09-1.22.13-1.83h4.81v.36c0 1.53.12 3 .18 4.56a.33.33 0 1 0 .65 0c.07-1.51.15-3 .19-4.56v-.37h2.57a.33.33 0 0 0 .33-.33a.33.33 0 0 0-.3-.24M.44 7.375a.29.29 0 0 0 .28-.28c0-.34.06-.67.1-1s.1-.67.16-1s.18-.88.27-1.27a2.8 2.8 0 0 1 .38-1a1.18 1.18 0 0 1 1.09-.47h3.15a.32.32 0 0 0 .33-.32a.31.31 0 0 0-.31-.33L4 1.485l-1.25-.16a2.08 2.08 0 0 0-2 .85a3.5 3.5 0 0 0-.53 1.46c-.05.41-.07.87-.09 1.36v2.09a.29.29 0 0 0 .31.29m23.47-3.74a3.36 3.36 0 0 0-.51-1.46a2.08 2.08 0 0 0-2-.85l-1.21.16l-1.93.23a.32.32 0 0 0-.31.33a.32.32 0 0 0 .33.32h3.15a1.18 1.18 0 0 1 1.09.47c.19.307.321.646.39 1c.09.39.18.81.26 1.27s.12.66.16 1s.08.66.1 1a.29.29 0 0 0 .57 0v-2.11a14 14 0 0 0-.09-1.36M6 21.625H2.85a1.18 1.18 0 0 1-1.05-.43a2.8 2.8 0 0 1-.38-1c-.09-.39-.18-.81-.27-1.27s-.15-.69-.15-1.03s-.08-.66-.1-1a.29.29 0 0 0-.57 0l-.03 2.1c0 .5 0 1 .09 1.37a3.5 3.5 0 0 0 .51 1.45a2.08 2.08 0 0 0 2 .85l1.21-.16l1.93-.23a.31.31 0 0 0 .33-.28a.32.32 0 0 0-.37-.37m17.53-5.01a.29.29 0 0 0-.29.28c0 .34-.06.67-.1 1s-.1.67-.16 1s-.17.88-.26 1.27c-.069.354-.2.693-.39 1a1.18 1.18 0 0 1-1.09.47h-3.15a.32.32 0 0 0-.33.32a.32.32 0 0 0 .31.33l1.93.23l1.21.16a2.08 2.08 0 0 0 2-.85c.281-.44.456-.94.51-1.46q.09-.682.11-1.37v-2.09a.29.29 0 0 0-.186-.27a.3.3 0 0 0-.114-.02" clip-rule="evenodd"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CodeBarcodeScanIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.