Skip to content

[MOL-21830][RP] added scan link icon #56

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
qroll merged 1 commit into from
Sep 22, 2026
Merged

[MOL-21830][RP] added scan link icon #56

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions assets/scan-link.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lifesg/react-icons",
"version": "1.22.0",
"version": "1.23.0",
"description": "An icon component library for LifeSG and BookingSG web apps",
"main": "dist/cjs/index.js",
"module": "dist/index.js",
Expand Down
1 change: 1 addition & 0 deletions src/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -236,6 +236,7 @@ export * from "./refresh";
export * from "./replay";
export * from "./retry";
export * from "./return";
export * from "./scan-link";
export * from "./share";
export * from "./soccer-ball";
export * from "./sort-ascending";
Expand Down
22 changes: 22 additions & 0 deletions src/scan-link.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
import * as React from "react";
import { SVGProps } from "react";
export const ScanLinkIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width="1em"
height="1em"
viewBox="0 0 20 20"
fill="none"
{...props}
>
<path
d="M2.5 19C2.04167 19 1.67708 18.8646 1.40625 18.5938C1.13542 18.3229 1 17.9583 1 17.5V15.75C1 15.5375 1.07146 15.3594 1.21438 15.2156C1.35729 15.0719 1.53438 15 1.74563 15C1.95688 15 2.13542 15.0719 2.28125 15.2156C2.42708 15.3594 2.5 15.5375 2.5 15.75V17.5H4.25C4.4625 17.5 4.64062 17.5715 4.78437 17.7144C4.92812 17.8573 5 18.0344 5 18.2456C5 18.4569 4.92812 18.6354 4.78437 18.7812C4.64062 18.9271 4.4625 19 4.25 19H2.5ZM17.5 19H15.75C15.5375 19 15.3594 18.9285 15.2156 18.7856C15.0719 18.6427 15 18.4656 15 18.2544C15 18.0431 15.0719 17.8646 15.2156 17.7188C15.3594 17.5729 15.5375 17.5 15.75 17.5H17.5V15.75C17.5 15.5375 17.5715 15.3594 17.7144 15.2156C17.8573 15.0719 18.0344 15 18.2456 15C18.4569 15 18.6354 15.0719 18.7812 15.2156C18.9271 15.3594 19 15.5375 19 15.75V17.5C19 17.9583 18.8646 18.3229 18.5938 18.5938C18.3229 18.8646 17.9583 19 17.5 19ZM19 2.5V4.25C19 4.4625 18.9285 4.64063 18.7856 4.78438C18.6427 4.92813 18.4656 5 18.2544 5C18.0431 5 17.8646 4.92813 17.7188 4.78438C17.5729 4.64063 17.5 4.4625 17.5 4.25V2.5H15.75C15.5375 2.5 15.3594 2.42854 15.2156 2.28563C15.0719 2.14271 15 1.96563 15 1.75438C15 1.54313 15.0719 1.36458 15.2156 1.21875C15.3594 1.07292 15.5375 1 15.75 1H17.5C17.9583 1 18.3229 1.13542 18.5938 1.40625C18.8646 1.67708 19 2.04167 19 2.5ZM2.5 1H4.25C4.4625 1 4.64062 1.07146 4.78437 1.21437C4.92812 1.35729 5 1.53437 5 1.74562C5 1.95687 4.92812 2.13542 4.78437 2.28125C4.64062 2.42708 4.4625 2.5 4.25 2.5H2.5V4.25C2.5 4.4625 2.42854 4.64063 2.28562 4.78438C2.14271 4.92813 1.96562 5 1.75437 5C1.54312 5 1.36458 4.92813 1.21875 4.78438C1.07292 4.64063 1 4.4625 1 4.25V2.5C1 2.04167 1.13542 1.67708 1.40625 1.40625C1.67708 1.13542 2.04167 1 2.5 1Z"
fill="currentColor"
/>
<path
d="M6.6664 13.3336C5.74427 13.3336 4.95813 13.0085 4.308 12.3584C3.6584 11.7083 3.3336 10.9221 3.3336 10C3.3336 9.07787 3.6584 8.29173 4.308 7.6416C4.95813 6.99147 5.74427 6.6664 6.6664 6.6664H8.6C8.7888 6.6664 8.9528 6.736 9.092 6.8752C9.23067 7.01387 9.3 7.1776 9.3 7.3664C9.3 7.5552 9.23067 7.7192 9.092 7.8584C8.9528 7.99707 8.7888 8.0664 8.6 8.0664H6.6664C6.1112 8.0664 5.65013 8.24987 5.2832 8.6168C4.9168 8.9832 4.7336 9.44427 4.7336 10C4.7336 10.5557 4.9168 11.0168 5.2832 11.3832C5.65013 11.7501 6.1112 11.9336 6.6664 11.9336H8.6C8.7888 11.9336 8.9528 12.0029 9.092 12.1416C9.23067 12.2808 9.3 12.4448 9.3 12.6336C9.3 12.8224 9.23067 12.9861 9.092 13.1248C8.9528 13.264 8.7888 13.3336 8.6 13.3336H6.6664ZM8.0336 10.7C7.8448 10.7 7.6808 10.6307 7.5416 10.492C7.40293 10.3528 7.3336 10.1888 7.3336 10C7.3336 9.8112 7.40293 9.6472 7.5416 9.508C7.6808 9.36933 7.8448 9.3 8.0336 9.3H11.9664C12.1552 9.3 12.3192 9.36933 12.4584 9.508C12.5971 9.6472 12.6664 9.8112 12.6664 10C12.6664 10.1888 12.5971 10.3528 12.4584 10.492C12.3192 10.6307 12.1552 10.7 11.9664 10.7H8.0336ZM11.4 13.3336C11.2112 13.3336 11.0472 13.264 10.908 13.1248C10.7693 12.9861 10.7 12.8224 10.7 12.6336C10.7 12.4448 10.7693 12.2808 10.908 12.1416C11.0472 12.0029 11.2112 11.9336 11.4 11.9336H13.3336C13.8888 11.9336 14.3499 11.7501 14.7168 11.3832C15.0832 11.0168 15.2664 10.5557 15.2664 10C15.2664 9.44427 15.0832 8.9832 14.7168 8.6168C14.3499 8.24987 13.8888 8.0664 13.3336 8.0664H11.4C11.2112 8.0664 11.0472 7.99707 10.908 7.8584C10.7693 7.7192 10.7 7.5552 10.7 7.3664C10.7 7.1776 10.7693 7.01387 10.908 6.8752C11.0472 6.736 11.2112 6.6664 11.4 6.6664H13.3336C14.2557 6.6664 15.0419 6.99147 15.692 7.6416C16.3416 8.29173 16.6664 9.07787 16.6664 10C16.6664 10.9221 16.3416 11.7083 15.692 12.3584C15.0419 13.0085 14.2557 13.3336 13.3336 13.3336H11.4Z"
fill="currentColor"
/>
</svg>
);
ScanLinkIcon.displayName = "ScanLinkIcon";
3 changes: 3 additions & 0 deletions stories/icon/data.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -234,6 +234,7 @@ import {
ReplayIcon,
RetryIcon,
ReturnIcon,
ScanLinkIcon,
ShareIcon,
SoccerBallIcon,
SortAscendingIcon,
Expand Down Expand Up @@ -613,6 +614,8 @@ export const ICONS: JSX.Element[] = [
<RetryIcon key="RetryIcon" />,
// Return
<ReturnIcon key="ReturnIcon" />,
// Scan Link
<ScanLinkIcon key="ScanLinkIcon" />,
// Share
<ShareIcon key="ShareIcon" />,
// Soccer Ball
Expand Down
Loading