Code Scan icon

Code Scan icon in outline, twotone, bold and bulk. Free in all four styles, for auth, passwords, permissions, privacy, scanning. Copy the SVG, the React, Vue or Svelte component, or download a PNG.

All four styles

Outline

Full linework, every stroke at 1.5px. The reference drawing.

TwoTone

The same linework, with secondary strokes dropped to half tone.

Bold

No strokes at all. One filled form, cut with even-odd holes.

Bulk

Filled, with the secondary mass at half tone.

Copy it

React

import { IconCodeScan } from "@devigner-ui/icons";

<IconCodeScan className="size-6" />

Vue

<script setup>
import { IconCodeScan } from "@devigner-ui/icons-vue";
</script>

<template>
  <IconCodeScan class="size-6" />
</template>

Svelte

<script>
  import { IconCodeScan } from "@devigner-ui/icons-svelte";
</script>

<IconCodeScan class="size-6" />

SVG

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 15.5c0-.94 0-1.41.3-1.7.29-.3.76-.3 1.7-.3h1c.94 0 1.41 0 1.7.3.3.29.3.76.3 1.7v1c0 .94 0 1.41-.3 1.7-.29.3-.76.3-1.7.3-1.41 0-2.12 0-2.56-.44s-.44-1.15-.44-2.56" stroke="currentColor" stroke-width="1.5"></path><path d="M5.5 8.5c0-1.41 0-2.12.44-2.56S7.09 5.5 8.5 5.5c.94 0 1.41 0 1.7.3.3.29.3.76.3 1.7v1c0 .94 0 1.41-.3 1.7-.29.3-.76.3-1.7.3h-1c-.94 0-1.41 0-1.7-.3-.3-.29-.3-.76-.3-1.7" stroke="currentColor" stroke-width="1.5"></path><path d="M13.5 15.5c0-.94 0-1.41.3-1.7.29-.3.76-.3 1.7-.3h1c.94 0 1.41 0 1.7.3.3.29.3.76.3 1.7 0 1.41 0 2.12-.44 2.56s-1.15.44-2.56.44c-.94 0-1.41 0-1.7-.3-.3-.29-.3-.76-.3-1.7z" stroke="currentColor" stroke-width="1.5"></path><path d="M13.5 7.5c0-.94 0-1.41.3-1.7.29-.3.76-.3 1.7-.3 1.41 0 2.12 0 2.56.44s.44 1.15.44 2.56c0 .94 0 1.41-.3 1.7-.29.3-.76.3-1.7.3h-1c-.94 0-1.41 0-1.7-.3-.3-.29-.3-.76-.3-1.7z" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M22 14c0 3.77 0 5.66-1.17 6.83S17.77 22 14 22" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M10 22c-3.77 0-5.66 0-6.83-1.17S2 17.77 2 14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M10 2C6.23 2 4.34 2 3.17 3.17S2 6.23 2 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M14 2c3.77 0 5.66 0 6.83 1.17S22 6.23 22 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>

Category

Security & Biometrics

Styles

outline, twotone, bold, bulk, free in all four styles

Used for

auth, passwords, permissions, privacy, scanning

Also called

code, scan, path, curved, smooth, arc, curve, closed, search

More Security & Biometrics icons

• Alarm
• Bomb
• Bomb2
• Bomb Minimalistic
• Check
• Eye
• Eye2
• Eye Closed
• Eye Scan
• Eye Slash
• Face Scan Circle
• Face Scan Square
• Finger Cricle
• Finger Scan
• Incognito
• Key
• Key2
• Key Minimalistic
• Key Minimalistic2
• Key Minimalistic Square
• Key Minimalistic Square2
• Key Minimalistic Square3
• Key Square
• Key Square2

All Security & Biometrics icons

Browse all 8,584 icons