Skip to content
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

Add mobility card pictogram #14

Merged
merged 1 commit into from
Feb 7, 2024
Merged

Add mobility card pictogram #14

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
59 changes: 59 additions & 0 deletions assets/icons/svgs/svgPictograms/MobilityCard.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.
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": "@setu/crucible-icons",
"version": "1.0.5",
"version": "1.0.6",
"description": "Crucible Icons package",
"license": "MIT",
"main": "./dist/cjs/index.js",
Expand Down
7 changes: 7 additions & 0 deletions src/iconSpecificStyles.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -675,6 +675,13 @@ export const iconSpecificStyles: IconStylesTypes = {
tertiary : "#d9782d",
},

[PictogramsNames.MobilityCard]: {
base : "#b7cde1",
primary : "#42cacd",
secondary : "#FEB452",
tertiary : "#36A168",
},

[PictogramsNames.ModemPictogram]: {
base : "#b7cde1",
primary : "#42CACD",
Expand Down
124 changes: 124 additions & 0 deletions src/icons/reactPictograms/MobilityCard.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,124 @@
// GENERATED BY /script/build.js
// DO NOT EDIT MANUALLY

import * as React from "react";
import { PictogramIconProps } from "../../types";
import { SVGPictogramWrapper } from "../../styles";
import { PictogramsNames } from "../../iconsNames";

export const MobilityCard = React.forwardRef<SVGSVGElement, PictogramIconProps>(
({ width = 64, height = 64, ...props }, forwardedRef) => {
return (
<SVGPictogramWrapper icon={PictogramsNames.MobilityCard} {...props}>
<svg
width={width}
height={height}
ref={forwardedRef}
viewBox="0 0 64 64"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<defs></defs>

<rect x="4" y="27" width="28.2927" height="29" rx="3.09872" fill="white" />
<rect
x="60"
y="4"
width="56"
height="36"
rx="1.98142"
className="base"
transform="rotate(90 60 4)"
/>
<g>
<rect
x="4"
y="27"
width="28.2927"
height="29"
rx="3.09872"
className="base mix-blend-multiply"
/>
</g>
<g>
<rect
x="36"
y="8"
width="10.6667"
height="8"
rx="2"
transform="rotate(90 36 8)"
className="secondary mix-blend-multiply"
/>
</g>
<g>
<path
d="M52.2388 49.466C53.1203 49.9749 53.1203 51.2472 52.2388 51.7562L46.2889 55.1914C45.4074 55.7003 44.3055 55.0642 44.3055 54.0463L44.3055 47.1759C44.3055 46.158 45.4074 45.5219 46.2889 46.0308L52.2388 49.466Z"
className="secondary mix-blend-multiply"
/>
</g>
<g>
<path
d="M56.2389 49.466C57.1204 49.9749 57.1204 51.2472 56.2389 51.7562L50.2889 55.1914C49.4074 55.7003 48.3056 55.0642 48.3056 54.0463L48.3056 47.1759C48.3056 46.158 49.4074 45.5219 50.2889 46.0308L56.2389 49.466Z"
className="tertiary mix-blend-multiply"
/>
</g>
<path
d="M9 56H13V58C13 59.1046 12.1046 60 11 60V60C9.89543 60 9 59.1046 9 58V56Z"
className="base"
/>
<path
d="M24 56H28V58C28 59.1046 27.1046 60 26 60V60C24.8954 60 24 59.1046 24 58V56Z"
className="base mix-blend-multiply"
/>
<g>
<path
d="M9 56H13V58C13 59.1046 12.1046 60 11 60V60C9.89543 60 9 59.1046 9 58V56Z"
className="base mix-blend-multiply"
/>
</g>
<g>
<path
d="M24 56H28V58C28 59.1046 27.1046 60 26 60V60C24.8954 60 24 59.1046 24 58V56Z"
className="base mix-blend-multiply"
/>
</g>
<g>
<rect
x="7.12805"
y="29.9121"
width="22"
height="12.375"
rx="1.50595"
className="primary mix-blend-multiply"
/>
</g>
<g>
<rect
x="24.1281"
y="46"
width="5"
height="4"
rx="1.09524"
className="base mix-blend-multiply"
/>
</g>
<g>
<rect
x="7.12805"
y="46"
width="5"
height="4"
rx="1.09524"
className="base mix-blend-multiply"
/>
</g>
</svg>
</SVGPictogramWrapper>
);
}
);

MobilityCard.displayName = "MobilityCard";

export default MobilityCard;
1 change: 1 addition & 0 deletions src/icons/reactPictograms/index.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -114,6 +114,7 @@ export { default as MobileWithOffer } from "./MobileWithOffer";
export { default as MobileWithRupee } from "./MobileWithRupee";
export { default as MobileWithTag } from "./MobileWithTag";
export { default as MobileWithUpi } from "./MobileWithUpi";
export { default as MobilityCard } from "./MobilityCard";
export { default as ModemPictogram } from "./ModemPictogram";
export { default as Necklace } from "./Necklace";
export { default as Newspaper } from "./Newspaper";
Expand Down
1 change: 1 addition & 0 deletions src/iconsIndex.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,6 +117,7 @@ export { default as MobileWithOffer } from "./icons/reactPictograms/MobileWithOf
export { default as MobileWithRupee } from "./icons/reactPictograms/MobileWithRupee";
export { default as MobileWithTag } from "./icons/reactPictograms/MobileWithTag";
export { default as MobileWithUpi } from "./icons/reactPictograms/MobileWithUpi";
export { default as MobilityCard } from "./icons/reactPictograms/MobilityCard";
export { default as ModemPictogram } from "./icons/reactPictograms/ModemPictogram";
export { default as Necklace } from "./icons/reactPictograms/Necklace";
export { default as Newspaper } from "./icons/reactPictograms/Newspaper";
Expand Down
1 change: 1 addition & 0 deletions src/iconsNames.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,6 +117,7 @@ export const PictogramsNames = {
MobileWithRupee : "MobileWithRupee",
MobileWithTag : "MobileWithTag" ,
MobileWithUpi : "MobileWithUpi" ,
MobilityCard : "MobilityCard",
ModemPictogram : "ModemPictogram",
Newspaper : "Newspaper" ,
Note : "Note" ,
Expand Down
Loading