Skip to content

Commit

Permalink
feat: [IOBP-241] Add IconChange and IconDialpad icons (#67)
Browse files Browse the repository at this point in the history
## Short description
This PR adds two new icons: `IconChange` and `IconDialpad` used [inside
this bottom sheet
page](https://www.figma.com/file/SuYjyjZlieQqRS8n1B6qbF/Flussi-App-ID-Pay?type=design&node-id=9611-30793&mode=design&t=mqcM2GWOFRs4RGrR-4).

## List of changes proposed in this pull request
- Added svgs original files and react components
  • Loading branch information
Hantex9 authored Sep 15, 2023
1 parent ec8561b commit 6517f1b
Show file tree
Hide file tree
Showing 5 changed files with 42 additions and 0 deletions.
4 changes: 4 additions & 0 deletions src/components/icons/Icon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -147,6 +147,8 @@ import LegIconCheckOff from "./svg/LegIconCheckOff";
import LegIconCheckOn from "./svg/LegIconCheckOn";
import LegIconRadioOff from "./svg/LegIconRadioOff";
import LegIconRadioOn from "./svg/LegIconRadioOn";
import IconChange from "./svg/IconChange";
import IconDialpad from "./svg/IconDialpad";

export const IOIcons = {
archive: IconArchive,
Expand Down Expand Up @@ -227,6 +229,7 @@ export const IOIcons = {
starEmpty: IconStarEmpty,
switchOff: IconSwitchOff,
device: IconDevice,
dialpad: IconDialpad,
dotMenu: IconDotMenu,
barcode: IconBarcode,
save: IconSave,
Expand All @@ -251,6 +254,7 @@ export const IOIcons = {
arrowLeft: IconArrowLeft,
arrowTop: IconArrowTop,
arrowRight: IconArrowRight,
change: IconChange,
backiOS: IconBackiOS,
backAndroid: IconBackAndroid,
navMessages: IconNavMessages /* io-messaggi */,
Expand Down
16 changes: 16 additions & 0 deletions src/components/icons/svg/IconChange.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
import React from "react";
import { Svg, Path } from "react-native-svg";
import { SVGIconProps } from "../Icon";

const IconChange = ({ size, style, ...props }: SVGIconProps) => (
<Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M23.7071 16.2929C24.0976 16.6834 24.0976 17.3166 23.7071 17.7071C23.3166 18.0976 22.6834 18.0976 22.2929 17.7071L20 15.4142L20 17C20 20.866 16.866 24 13 24L5 24C4.44772 24 4 23.5523 4 23C4 22.4477 4.44772 22 5 22L13 22C15.7614 22 18 19.7614 18 17L18 15.4142L15.7071 17.7071C15.3166 18.0976 14.6834 18.0976 14.2929 17.7071C13.9024 17.3166 13.9024 16.6834 14.2929 16.2929L18.2929 12.2929C18.6834 11.9024 19.3166 11.9024 19.7071 12.2929L23.7071 16.2929ZM6 7C6 4.23858 8.23858 2 11 2L19 2C19.5523 2 20 1.55228 20 1C20 0.447716 19.5523 1.94416e-07 19 2.18557e-07L11 5.68248e-07C7.13401 7.37236e-07 4 3.13401 4 7L4 8.58579L1.70711 6.29289C1.31658 5.90237 0.683417 5.90237 0.292892 6.29289C-0.0976322 6.68342 -0.0976322 7.31658 0.292892 7.70711L4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L9.70711 7.70711C10.0976 7.31658 10.0976 6.68342 9.70711 6.29289C9.31658 5.90237 8.68342 5.90237 8.29289 6.29289L6 8.58578L6 7Z"
fill="currentColor"
/>
</Svg>
);

export default IconChange;
16 changes: 16 additions & 0 deletions src/components/icons/svg/IconDialpad.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,16 @@
import React from "react";
import { Svg, Path } from "react-native-svg";
import { SVGIconProps } from "../Icon";

const IconDialpad = ({ size, style, ...props }: SVGIconProps) => (
<Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
<Path
fillRule="evenodd"
clipRule="evenodd"
d="M23.7071 16.2929C24.0976 16.6834 24.0976 17.3166 23.7071 17.7071C23.3166 18.0976 22.6834 18.0976 22.2929 17.7071L20 15.4142L20 17C20 20.866 16.866 24 13 24L5 24C4.44772 24 4 23.5523 4 23C4 22.4477 4.44772 22 5 22L13 22C15.7614 22 18 19.7614 18 17L18 15.4142L15.7071 17.7071C15.3166 18.0976 14.6834 18.0976 14.2929 17.7071C13.9024 17.3166 13.9024 16.6834 14.2929 16.2929L18.2929 12.2929C18.6834 11.9024 19.3166 11.9024 19.7071 12.2929L23.7071 16.2929ZM6 7C6 4.23858 8.23858 2 11 2L19 2C19.5523 2 20 1.55228 20 1C20 0.447716 19.5523 1.94416e-07 19 2.18557e-07L11 5.68248e-07C7.13401 7.37236e-07 4 3.13401 4 7L4 8.58579L1.70711 6.29289C1.31658 5.90237 0.683417 5.90237 0.292892 6.29289C-0.0976322 6.68342 -0.0976322 7.31658 0.292892 7.70711L4.29289 11.7071C4.68342 12.0976 5.31658 12.0976 5.70711 11.7071L9.70711 7.70711C10.0976 7.31658 10.0976 6.68342 9.70711 6.29289C9.31658 5.90237 8.68342 5.90237 8.29289 6.29289L6 8.58578L6 7Z"
fill="currentColor"
/>
</Svg>
);

export default IconDialpad;
3 changes: 3 additions & 0 deletions src/components/icons/svg/originals/IconChange.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 src/components/icons/svg/originals/IconDialpad.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 6517f1b

Please sign in to comment.