Skip to content

Commit

Permalink
Add mobility card pictogram (#14)
Browse files Browse the repository at this point in the history 
Co-authored-by: pankajdwivedi <pankaj@setu.co>
  • Loading branch information
@pankaj0308
pankaj0308 and pankajdwivedi authored Feb 7, 2024
1 parent b7528aa commit b011b00
Show file tree
Hide file tree
Showing 7 changed files with 194 additions and 1 deletion.
59 changes: 59 additions & 0 deletions assets/icons/svgs/svgPictograms/MobilityCard.svg
View file
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
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
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
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
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
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
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

0 comments on commit b011b00

Please sign in to comment.