Point Scan icon (Filled & Regular)

#fluent-icon The Point Scan icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Use the Point Scan icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { PointScan24Regular, PointScan24Filled } from "@fluentui/react-icons";

export function Example() {
  return <PointScan24Regular aria-label="Point Scan" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_point_scan_24_regular.svg" width="24" height="24" alt="Point Scan">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.2502 2C10.6299 2 10.9437 2.28215 10.9934 2.64823L11.0002 2.75L11.0007 7.54409C13.8531 7.88541 16.1152 10.1478 16.456 13.0003L21.25 13.0001C21.6642 13.0001 22 13.3358 22 13.7501C22 14.1297 21.7178 14.4435 21.3518 14.4932L21.25 14.5001L16.4558 14.5009C16.1143 17.3526 13.8525 19.6142 11.0007 19.9554L11.0002 21.25C11.0002 21.6642 10.6645 22 10.2502 22C9.87055 22 9.55676 21.7178 9.5071 21.3518L9.50025 21.25L9.50012 19.9554C6.64815 19.6143 4.38624 17.3527 4.04467 14.5009L2.75 14.5001C2.33579 14.5001 2 14.1643 2 13.7501C2 13.3704 2.28215 13.0566 2.64823 13.0069L2.75 13.0001L4.04447 13.0003C4.38534 10.1477 6.64758 7.88524 9.50012 7.54405L9.50025 2.75C9.50025 2.33579 9.83604 2 10.2502 2ZM9.5 14.5L5.55905 14.5009C5.88029 16.5231 7.47773 18.1203 9.50015 18.4411L9.5 14.5ZM14.9415 14.5009L11 14.5L11.0008 18.441C13.023 18.12 14.6202 16.523 14.9415 14.5009ZM9.50015 9.05839C7.47723 9.37929 5.8795 10.9772 5.55881 13.0001L9.5 13L9.50015 9.05839ZM11.0008 9.05847L11 13L14.9417 13.0001C14.6325 11.0496 13.136 9.49422 11.2159 9.09772L11.0008 9.05847Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/point_scan_24_regular.svg";

Details

Name	Point Scan
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_point_scan_24_regular.svg`
Filled file	`ic_fluent_point_scan_24_filled.svg`
React components	`PointScan24Regular, PointScan24Filled`
License	MIT (© Microsoft Corporation)

Point Scan icon

Use the Point Scan icon in React

Use it in HTML

Use it from the SVG package

Details

Related icons