Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
3 changes: 3 additions & 0 deletions assets/clock-rotate-left.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions assets/comment-lines-fill.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions assets/comment-lines.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
3 changes: 3 additions & 0 deletions assets/text-compare-fill.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions assets/text-compare.svg
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

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
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@lifesg/react-icons",
"version": "1.19.0",
"version": "1.20.0",
"description": "An icon component library for LifeSG and BookingSG web apps",
"main": "dist/cjs/index.js",
"module": "dist/index.js",
Expand Down
18 changes: 18 additions & 0 deletions src/clock-rotate-left.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import * as React from "react";
import { SVGProps } from "react";
export const ClockRotateLeftIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
width="1em"
height="1em"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M10 17C8.16667 17 6.59375 16.3924 5.28125 15.1771C3.96875 13.9618 3.22222 12.4653 3.04167 10.6875C3.01389 10.4931 3.07292 10.3299 3.21875 10.1979C3.36458 10.066 3.54125 10 3.74875 10C3.94403 10 4.11806 10.0556 4.27083 10.1667C4.42361 10.2778 4.51389 10.4306 4.54167 10.625C4.69444 12 5.28819 13.1562 6.32292 14.0938C7.35764 15.0312 8.58333 15.5 10 15.5C11.5139 15.5 12.809 14.9618 13.8854 13.8854C14.9618 12.809 15.5 11.5139 15.5 10C15.5 8.48611 14.9618 7.19097 13.8854 6.11458C12.809 5.03819 11.5139 4.5 10 4.5C9.13889 4.5 8.3434 4.67778 7.61354 5.03333C6.88382 5.38889 6.26958 5.87778 5.77083 6.5H7.25C7.4625 6.5 7.64062 6.57146 7.78438 6.71437C7.92813 6.85729 8 7.03437 8 7.24562C8 7.45687 7.92813 7.63542 7.78438 7.78125C7.64062 7.92708 7.4625 8 7.25 8H3.75C3.5375 8 3.35938 7.92813 3.21563 7.78438C3.07188 7.64062 3 7.4625 3 7.25V3.75C3 3.5375 3.07146 3.35937 3.21437 3.21562C3.35729 3.07187 3.53437 3 3.74562 3C3.95687 3 4.13542 3.07187 4.28125 3.21562C4.42708 3.35937 4.5 3.5375 4.5 3.75V5.70833C5.13889 4.875 5.93403 4.21528 6.88542 3.72917C7.83681 3.24306 8.875 3 10 3C10.9722 3 11.8828 3.18472 12.7319 3.55417C13.581 3.92361 14.3199 4.42271 14.9485 5.05146C15.5773 5.68007 16.0764 6.41896 16.4458 7.26812C16.8153 8.11715 17 9.02778 17 10C17 10.9722 16.8153 11.8828 16.4458 12.7319C16.0764 13.581 15.5773 14.3199 14.9485 14.9485C14.3199 15.5773 13.581 16.0764 12.7319 16.4458C11.8828 16.8153 10.9722 17 10 17ZM10.75 9.375L12.625 11.25C12.7778 11.4028 12.8507 11.5764 12.8438 11.7708C12.8368 11.9653 12.7569 12.1389 12.6042 12.2917C12.4514 12.4444 12.2743 12.5208 12.0729 12.5208C11.8715 12.5208 11.6944 12.4444 11.5417 12.2917L9.48521 10.2352C9.41174 10.1617 9.35417 10.0785 9.3125 9.98563C9.27083 9.89271 9.25 9.79674 9.25 9.69771V6.74333C9.25 6.53264 9.32292 6.35611 9.46875 6.21375C9.61458 6.07125 9.79167 6 10 6C10.2083 6 10.3854 6.07187 10.5312 6.21562C10.6771 6.35937 10.75 6.5375 10.75 6.75V9.375Z"
fill="currentColor"
/>
</svg>
);
ClockRotateLeftIcon.displayName = "ClockRotateLeftIcon";
18 changes: 18 additions & 0 deletions src/comment-lines-fill.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import * as React from "react";
import { SVGProps } from "react";
export const CommentLinesFillIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
width="1em"
height="1em"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M5 15.5216L3.27333 17.2482C3.03556 17.486 2.76389 17.5396 2.45833 17.4089C2.15278 17.2783 2 17.045 2 16.7091V4.02158C2 3.60908 2.14687 3.25595 2.44062 2.9622C2.73438 2.66845 3.0875 2.52158 3.5 2.52158H16.5C16.9125 2.52158 17.2656 2.66845 17.5594 2.9622C17.8531 3.25595 18 3.60908 18 4.02158V14.0216C18 14.4341 17.8531 14.7872 17.5594 15.081C17.2656 15.3747 16.9125 15.5216 16.5 15.5216H5ZM5.75 12.5216H11.25C11.4625 12.5216 11.6406 12.4501 11.7844 12.3072C11.9281 12.1643 12 11.9872 12 11.776C12 11.5647 11.9281 11.3862 11.7844 11.2403C11.6406 11.0945 11.4625 11.0216 11.25 11.0216H5.75C5.5375 11.0216 5.35938 11.093 5.21563 11.236C5.07188 11.3789 5 11.556 5 11.7672C5 11.9785 5.07188 12.157 5.21563 12.3028C5.35938 12.4487 5.5375 12.5216 5.75 12.5216ZM5.75 9.77158H14.25C14.4625 9.77158 14.6406 9.70012 14.7844 9.5572C14.9281 9.41428 15 9.2372 15 9.02595C15 8.8147 14.9281 8.63616 14.7844 8.49033C14.6406 8.34449 14.4625 8.27158 14.25 8.27158H5.75C5.5375 8.27158 5.35938 8.34303 5.21563 8.48595C5.07188 8.62887 5 8.80595 5 9.0172C5 9.22845 5.07188 9.40699 5.21563 9.55283C5.35938 9.69866 5.5375 9.77158 5.75 9.77158ZM5.75 7.02158H14.25C14.4625 7.02158 14.6406 6.95012 14.7844 6.8072C14.9281 6.66428 15 6.4872 15 6.27595C15 6.0647 14.9281 5.88616 14.7844 5.74033C14.6406 5.59449 14.4625 5.52158 14.25 5.52158H5.75C5.5375 5.52158 5.35938 5.59303 5.21563 5.73595C5.07188 5.87887 5 6.05595 5 6.2672C5 6.47845 5.07188 6.65699 5.21563 6.80283C5.35938 6.94866 5.5375 7.02158 5.75 7.02158Z"
fill="currentColor"
/>
</svg>
);
CommentLinesFillIcon.displayName = "CommentLinesFillIcon";
18 changes: 18 additions & 0 deletions src/comment-lines.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import * as React from "react";
import { SVGProps } from "react";
export const CommentLinesIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
width="1em"
height="1em"
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M5 15.5216L3.27333 17.2482C3.03556 17.486 2.76389 17.5396 2.45833 17.4089C2.15278 17.2783 2 17.045 2 16.7091V4.02158C2 3.60908 2.14687 3.25595 2.44062 2.9622C2.73438 2.66845 3.0875 2.52158 3.5 2.52158H16.5C16.9125 2.52158 17.2656 2.66845 17.5594 2.9622C17.8531 3.25595 18 3.60908 18 4.02158V14.0216C18 14.4341 17.8531 14.7872 17.5594 15.081C17.2656 15.3747 16.9125 15.5216 16.5 15.5216H5ZM4.375 14.0216H16.5V4.02158H3.5V14.8966L4.375 14.0216ZM5.75 12.5216H11.25C11.4625 12.5216 11.6406 12.4501 11.7844 12.3072C11.9281 12.1643 12 11.9872 12 11.776C12 11.5647 11.9281 11.3862 11.7844 11.2403C11.6406 11.0945 11.4625 11.0216 11.25 11.0216H5.75C5.5375 11.0216 5.35938 11.093 5.21563 11.236C5.07188 11.3789 5 11.556 5 11.7672C5 11.9785 5.07188 12.157 5.21563 12.3028C5.35938 12.4487 5.5375 12.5216 5.75 12.5216ZM5.75 9.77158H14.25C14.4625 9.77158 14.6406 9.70012 14.7844 9.5572C14.9281 9.41428 15 9.2372 15 9.02595C15 8.8147 14.9281 8.63616 14.7844 8.49033C14.6406 8.34449 14.4625 8.27158 14.25 8.27158H5.75C5.5375 8.27158 5.35938 8.34303 5.21563 8.48595C5.07188 8.62887 5 8.80595 5 9.0172C5 9.22845 5.07188 9.40699 5.21563 9.55283C5.35938 9.69866 5.5375 9.77158 5.75 9.77158ZM5.75 7.02158H14.25C14.4625 7.02158 14.6406 6.95012 14.7844 6.8072C14.9281 6.66428 15 6.4872 15 6.27595C15 6.0647 14.9281 5.88616 14.7844 5.74033C14.6406 5.59449 14.4625 5.52158 14.25 5.52158H5.75C5.5375 5.52158 5.35938 5.59303 5.21563 5.73595C5.07188 5.87887 5 6.05595 5 6.2672C5 6.47845 5.07188 6.65699 5.21563 6.80283C5.35938 6.94866 5.5375 7.02158 5.75 7.02158Z"
fill="currentColor"
/>
</svg>
);
CommentLinesIcon.displayName = "CommentLinesIcon";
7 changes: 6 additions & 1 deletion src/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,7 @@ export * from "./circle-dot";
export * from "./circle";
export * from "./clear-formatting";
export * from "./clock-fill";
export * from "./clock-rotate-left";
export * from "./clock";
export * from "./cloud-arrow-down-fill";
export * from "./cloud-arrow-down";
Expand All @@ -87,6 +88,8 @@ export * from "./cloud-fill";
export * from "./cloud-tick-fill";
export * from "./cloud-tick";
export * from "./cloud";
export * from "./comment-lines-fill";
export * from "./comment-lines";
export * from "./copy-fill";
export * from "./copy";
export * from "./cross-circle-fill";
Expand Down Expand Up @@ -147,6 +150,7 @@ export * from "./inbox";
export * from "./language";
export * from "./lightbulb-fill";
export * from "./lightbulb";
export * from "./link-slash";
export * from "./link";
export * from "./list-square-fill";
export * from "./list-square";
Expand Down Expand Up @@ -249,6 +253,8 @@ export * from "./table-remove-row";
export * from "./table";
export * from "./tablet-fill";
export * from "./tablet";
export * from "./text-compare-fill";
export * from "./text-compare";
export * from "./text-fill";
export * from "./text";
export * from "./thumb-down-fill";
Expand All @@ -267,5 +273,4 @@ export * from "./toggle-on";
export * from "./triangle-forward-fill";
export * from "./triangle-forward";
export * from "./undo";
export * from "./unlink";
export * from "./upload";
4 changes: 2 additions & 2 deletions src/unlink.tsx → src/link-slash.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import * as React from "react";
import { SVGProps } from "react";
export const UnlinkIcon = (props: SVGProps<SVGSVGElement>) => (
export const LinkSlashIcon = (props: SVGProps<SVGSVGElement>) => (
<svg
width="1em"
height="1em"
Expand All @@ -15,4 +15,4 @@ export const UnlinkIcon = (props: SVGProps<SVGSVGElement>) => (
/>
</svg>
);
UnlinkIcon.displayName = "UnlinkIcon";
LinkSlashIcon.displayName = "LinkSlashIcon";
Loading
Loading