scan icon

scan-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.

Name
scan-16-regular
Set
Fluent UI System Icons
Style
16 Regular
Viewbox
16×16
License
MIT

5 other variants in Fluent UI System Icons

scan-16-filledscan-20-filledscan-20-regularscan-24-filledscan-24-regular

The same icon in other sets

scan-outlinedAnt Design IconsscanBoxIcons v2scanCarbonscancss.ggscanHuge IconsscanIconParkscanIconPark OutlinescanIonIconsscanLucidescanMage IconsscanMaterial SymbolsscanMaterial Symbols Lightscan-fillMingCute IconscanMyna UI IconsscanPhosphorscan-fillRemix IconscanSimple IconsscanTabler IconsscanTDesign Iconsscan-outlineTeenyicons

Related icons in Fluent UI System Icons

scan-camera-16-filledscan-dash-12-filledscan-object-20-filledscan-person-16-filledscan-qr-code-24-filledscan-table-20-filledscan-text-16-filledscan-thumb-up-16-filledscan-thumb-up-off-16-filledscan-type-20-filledscan-type-checkmark-20-filledscan-type-off-20-filled

Use the scan icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.683 4.258A4.98 4.98 0 0 1 8.56 3.031l-2.27 3.93l-.023.04zm-.708.774L6.266 9H3.1A5 5 0 0 1 3 8a4.98 4.98 0 0 1 .975-2.968M8 6l1.584-2.744a5 5 0 0 1 3 2.744zm-.866 1.5l.013-.023A1 1 0 0 1 8.866 8.5l-.013.023A1 1 0 0 1 7.133 7.5m2.6-.5H12.9a5.02 5.02 0 0 1-.876 3.968zm0 1.999l1.583 2.743a4.98 4.98 0 0 1-3.877 1.227l2.27-3.93zM8 10l-1.584 2.744a5 5 0 0 1-3-2.744zm0-8a6 6 0 1 0 0 12A6 6 0 0 0 8 2m1.734 5h-.002Z"/></svg>

React

import type { SVGProps } from "react";

export function FluentScan16Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.683 4.258A4.98 4.98 0 0 1 8.56 3.031l-2.27 3.93l-.023.04zm-.708.774L6.266 9H3.1A5 5 0 0 1 3 8a4.98 4.98 0 0 1 .975-2.968M8 6l1.584-2.744a5 5 0 0 1 3 2.744zm-.866 1.5l.013-.023A1 1 0 0 1 8.866 8.5l-.013.023A1 1 0 0 1 7.133 7.5m2.6-.5H12.9a5.02 5.02 0 0 1-.876 3.968zm0 1.999l1.583 2.743a4.98 4.98 0 0 1-3.877 1.227l2.27-3.93zM8 10l-1.584 2.744a5 5 0 0 1-3-2.744zm0-8a6 6 0 1 0 0 12A6 6 0 0 0 8 2m1.734 5h-.002Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M4.683 4.258A4.98 4.98 0 0 1 8.56 3.031l-2.27 3.93l-.023.04zm-.708.774L6.266 9H3.1A5 5 0 0 1 3 8a4.98 4.98 0 0 1 .975-2.968M8 6l1.584-2.744a5 5 0 0 1 3 2.744zm-.866 1.5l.013-.023A1 1 0 0 1 8.866 8.5l-.013.023A1 1 0 0 1 7.133 7.5m2.6-.5H12.9a5.02 5.02 0 0 1-.876 3.968zm0 1.999l1.583 2.743a4.98 4.98 0 0 1-3.877 1.227l2.27-3.93zM8 10l-1.584 2.744a5 5 0 0 1-3-2.744zm0-8a6 6 0 1 0 0 12A6 6 0 0 0 8 2m1.734 5h-.002Z"/></svg>
</template>

CSS

.icon-scan-16-regular {
  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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.683%204.258A4.98%204.98%200%200%201%208.56%203.031l-2.27%203.93l-.023.04zm-.708.774L6.266%209H3.1A5%205%200%200%201%203%208a4.98%204.98%200%200%201%20.975-2.968M8%206l1.584-2.744a5%205%200%200%201%203%202.744zm-.866%201.5l.013-.023A1%201%200%200%201%208.866%208.5l-.013.023A1%201%200%200%201%207.133%207.5m2.6-.5H12.9a5.02%205.02%200%200%201-.876%203.968zm0%201.999l1.583%202.743a4.98%204.98%200%200%201-3.877%201.227l2.27-3.93zM8%2010l-1.584%202.744a5%205%200%200%201-3-2.744zm0-8a6%206%200%201%200%200%2012A6%206%200%200%200%208%202m1.734%205h-.002Z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.683%204.258A4.98%204.98%200%200%201%208.56%203.031l-2.27%203.93l-.023.04zm-.708.774L6.266%209H3.1A5%205%200%200%201%203%208a4.98%204.98%200%200%201%20.975-2.968M8%206l1.584-2.744a5%205%200%200%201%203%202.744zm-.866%201.5l.013-.023A1%201%200%200%201%208.866%208.5l-.013.023A1%201%200%200%201%207.133%207.5m2.6-.5H12.9a5.02%205.02%200%200%201-.876%203.968zm0%201.999l1.583%202.743a4.98%204.98%200%200%201-3.877%201.227l2.27-3.93zM8%2010l-1.584%202.744a5%205%200%200%201-3-2.744zm0-8a6%206%200%201%200%200%2012A6%206%200%200%200%208%202m1.734%205h-.002Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/scan-16-regular.svg?color=%231a73e8&size=48