From 04ca783807122240a9f6a3b4c08b1f1af58787f1 Mon Sep 17 00:00:00 2001 From: Jeffry Kong Date: Wed, 6 Aug 2025 16:59:57 +0800 Subject: [PATCH 1/2] [COMMPORTAL-907][JW] add Heart and HeartFill icons --- assets/heart-fill.svg | 3 +++ assets/heart.svg | 3 +++ package-lock.json | 4 ++-- package.json | 2 +- src/heart-fill.tsx | 18 ++++++++++++++++++ src/heart.tsx | 18 ++++++++++++++++++ src/index.ts | 2 ++ stories/icon/data.tsx | 5 +++++ 8 files changed, 52 insertions(+), 3 deletions(-) create mode 100644 assets/heart-fill.svg create mode 100644 assets/heart.svg create mode 100644 src/heart-fill.tsx create mode 100644 src/heart.tsx diff --git a/assets/heart-fill.svg b/assets/heart-fill.svg new file mode 100644 index 0000000..0fa7ba0 --- /dev/null +++ b/assets/heart-fill.svg @@ -0,0 +1,3 @@ + + + diff --git a/assets/heart.svg b/assets/heart.svg new file mode 100644 index 0000000..7e7e192 --- /dev/null +++ b/assets/heart.svg @@ -0,0 +1,3 @@ + + + diff --git a/package-lock.json b/package-lock.json index 3bd8628..f949b54 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@lifesg/react-icons", - "version": "1.13.0", + "version": "1.14.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@lifesg/react-icons", - "version": "1.13.0", + "version": "1.14.0", "license": "ISC", "devDependencies": { "@babel/core": "^7.17.8", diff --git a/package.json b/package.json index 3d0ffce..7c41786 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@lifesg/react-icons", - "version": "1.13.0", + "version": "1.14.0", "description": "An icon component library for LifeSG and BookingSG web apps", "main": "dist/cjs/index.js", "module": "dist/index.js", diff --git a/src/heart-fill.tsx b/src/heart-fill.tsx new file mode 100644 index 0000000..80fac74 --- /dev/null +++ b/src/heart-fill.tsx @@ -0,0 +1,18 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const HeartFillIcon = (props: SVGProps) => ( + + + +); +HeartFillIcon.displayName = "HeartFillIcon"; diff --git a/src/heart.tsx b/src/heart.tsx new file mode 100644 index 0000000..7f18512 --- /dev/null +++ b/src/heart.tsx @@ -0,0 +1,18 @@ +import * as React from "react"; +import { SVGProps } from "react"; +export const HeartIcon = (props: SVGProps) => ( + + + +); +HeartIcon.displayName = "HeartIcon"; diff --git a/src/index.ts b/src/index.ts index a9d0bff..00916a5 100644 --- a/src/index.ts +++ b/src/index.ts @@ -112,6 +112,8 @@ export * from "./fullscreen-open"; export * from "./gear-fill"; export * from "./gear"; export * from "./globe"; +export * from "./heart-fill"; +export * from "./heart"; export * from "./home-office-fill"; export * from "./home-office"; export * from "./house-fill"; diff --git a/stories/icon/data.tsx b/stories/icon/data.tsx index d7452c2..2793716 100644 --- a/stories/icon/data.tsx +++ b/stories/icon/data.tsx @@ -110,6 +110,8 @@ import { GearFillIcon, GearIcon, GlobeIcon, + HeartFillIcon, + HeartIcon, HomeOfficeFillIcon, HomeOfficeIcon, HouseFillIcon, @@ -368,6 +370,9 @@ export const ICONS: JSX.Element[] = [ , // Globe , + // Heart + , + , // HomeOffice , , From 2f4fe375ec0bc0a2b4ff00993ca3c91364e46e7c Mon Sep 17 00:00:00 2001 From: Jeffry Kong Date: Wed, 6 Aug 2025 17:22:00 +0800 Subject: [PATCH 2/2] [COMMPORTAL-907][JW] update Heart and HeartFill icons --- assets/heart-fill.svg | 2 +- assets/heart.svg | 2 +- src/heart-fill.tsx | 2 +- src/heart.tsx | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/assets/heart-fill.svg b/assets/heart-fill.svg index 0fa7ba0..0143d33 100644 --- a/assets/heart-fill.svg +++ b/assets/heart-fill.svg @@ -1,3 +1,3 @@ - + diff --git a/assets/heart.svg b/assets/heart.svg index 7e7e192..eb8bb82 100644 --- a/assets/heart.svg +++ b/assets/heart.svg @@ -1,3 +1,3 @@ - + diff --git a/src/heart-fill.tsx b/src/heart-fill.tsx index 80fac74..350e973 100644 --- a/src/heart-fill.tsx +++ b/src/heart-fill.tsx @@ -10,7 +10,7 @@ export const HeartFillIcon = (props: SVGProps) => ( {...props} > diff --git a/src/heart.tsx b/src/heart.tsx index 7f18512..2c93cd2 100644 --- a/src/heart.tsx +++ b/src/heart.tsx @@ -10,7 +10,7 @@ export const HeartIcon = (props: SVGProps) => ( {...props} >