Skip to content

Commit

Permalink
feat:🎸 update icons from figma
Browse files Browse the repository at this point in the history
Signed-off-by: GitHub <[email protected]>
  • Loading branch information
maasa-ubie authored Jan 10, 2025
1 parent c66532f commit 82dc475
Show file tree
Hide file tree
Showing 9 changed files with 93 additions and 0 deletions.
3 changes: 3 additions & 0 deletions assets/link-icon.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: 4 additions & 0 deletions assets/medicine-auto-injector-icon.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/medicine-injection-form-icon.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/medicine-intravenous-drip-icon.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 18 additions & 0 deletions src/LinkIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import Svg, { Path } from 'react-native-svg';
import type { SvgProps } from 'react-native-svg';
interface ISvgProps extends SvgProps {
xmlns?: string;
xmlnsXlink?: string;
xmlSpace?: string;
}
const SvgLinkIcon = (props: ISvgProps) => (
<Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
<Path
fill="currentColor"
fillRule="evenodd"
d="M5.657 9.343a1 1 0 0 1 1.414 1.414l-1.414 1.415a4 4 0 0 0 5.657 5.656l1.414-1.414a1 1 0 1 1 1.414 1.414l-1.414 1.415a6 6 0 0 1-8.485-8.486zm10.607 3.536a1 1 0 0 0 1.414 1.414l1.414-1.414a6 6 0 1 0-8.485-8.486L9.193 5.808a1 1 0 0 0 1.414 1.414l1.414-1.414a4 4 0 1 1 5.657 5.656zm-7.071 0a1 1 0 0 0 1.414 1.414l3.535-3.536a1 1 0 0 0-1.414-1.414z"
clipRule="evenodd"
/>
</Svg>
);
export default SvgLinkIcon;
22 changes: 22 additions & 0 deletions src/MedicineAutoInjectorIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
import Svg, { Path } from 'react-native-svg';
import type { SvgProps } from 'react-native-svg';
interface ISvgProps extends SvgProps {
xmlns?: string;
xmlnsXlink?: string;
xmlSpace?: string;
}
const SvgMedicineAutoInjectorIcon = (props: ISvgProps) => (
<Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
<Path
fill="currentColor"
d="M12.977 10.995a1 1 0 0 1 0 1.414l-2.5 2.5a1 1 0 0 1-1.414-1.414l2.5-2.5a1 1 0 0 1 1.414 0"
/>
<Path
fill="currentColor"
fillRule="evenodd"
d="M6.736 22.13a2 2 0 0 1-2.61-.188l-2.122-2.12a2 2 0 0 1-.188-2.612l4.17-5.583q.086-.116.188-.218l9.265-9.266a2 2 0 0 1 2.829 0l3.535 3.536a2 2 0 0 1 0 2.828l-9.265 9.266a2 2 0 0 1-.218.188zm-3.318-3.723 2.122 2.121 2.75-2.053-2.818-2.818zm2.96-3.964 3.126 3.125 1.62-1.21 9.265-9.265-3.535-3.535-9.266 9.265z"
clipRule="evenodd"
/>
</Svg>
);
export default SvgMedicineAutoInjectorIcon;
18 changes: 18 additions & 0 deletions src/MedicineInjectionFormIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import Svg, { Path } from 'react-native-svg';
import type { SvgProps } from 'react-native-svg';
interface ISvgProps extends SvgProps {
xmlns?: string;
xmlnsXlink?: string;
xmlSpace?: string;
}
const SvgMedicineInjectionFormIcon = (props: ISvgProps) => (
<Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
<Path
fill="currentColor"
fillRule="evenodd"
d="M12 4.5a2 2 0 0 0 2 2h1v1h-3.25v-1a.75.75 0 0 0-1.5 0v1H4a1 1 0 0 0 0 2h6.25v1a.75.75 0 0 0 1.5 0v-1H15v1a4 4 0 0 0-4 4v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a4 4 0 0 0-4-4v-4h1a2 2 0 0 0 2-2 3 3 0 0 0-3-3h-2a3 3 0 0 0-3 3m5-1a1 1 0 0 1 1 1h-4a1 1 0 0 1 1-1zm-2 9a2 2 0 0 0-2 2v6h6v-6a2 2 0 0 0-2-2z"
clipRule="evenodd"
/>
</Svg>
);
export default SvgMedicineInjectionFormIcon;
18 changes: 18 additions & 0 deletions src/MedicineIntravenousDripIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,18 @@
import Svg, { Path } from 'react-native-svg';
import type { SvgProps } from 'react-native-svg';
interface ISvgProps extends SvgProps {
xmlns?: string;
xmlnsXlink?: string;
xmlSpace?: string;
}
const SvgMedicineIntravenousDripIcon = (props: ISvgProps) => (
<Svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none" viewBox="0 0 24 24" {...props}>
<Path
fill="currentColor"
fillRule="evenodd"
d="M12 4.6h2a2 2 0 0 1 2 2v8a4 4 0 0 1-4 4h-2v.4a1 1 0 0 0 1 1h5a1 1 0 0 0 1-1v-4.5a2.5 2.5 0 0 1 5 0V21a1 1 0 1 1-2 0v-6.5a.5.5 0 0 0-1 0V19a3 3 0 0 1-3 3h-5a3 3 0 0 1-3-3v-.4H6a4 4 0 0 1-4-4v-8a2 2 0 0 1 2-2h2a3 3 0 1 1 6 0m2 9.4V6.6H4v1.65h2a.75.75 0 0 1 0 1.5H4v1.5h2a.75.75 0 0 1 0 1.5H4V14zm-4-9.4a1 1 0 1 0-2 0z"
clipRule="evenodd"
/>
</Svg>
);
export default SvgMedicineIntravenousDripIcon;
4 changes: 4 additions & 0 deletions src/index.ts
Original file line number Diff line number Diff line change
Expand Up @@ -110,6 +110,7 @@ export { default as LeaderHorizontalIcon } from './LeaderHorizontalIcon';
export { default as LeaderVerticalIcon } from './LeaderVerticalIcon';
export { default as LightIcon } from './LightIcon';
export { default as LightOnIcon } from './LightOnIcon';
export { default as LinkIcon } from './LinkIcon';
export { default as LockIcon } from './LockIcon';
export { default as LoginIcon } from './LoginIcon';
export { default as LogoutIcon } from './LogoutIcon';
Expand All @@ -125,9 +126,12 @@ export { default as MedicalFormIcon } from './MedicalFormIcon';
export { default as MedicalHeartIcon } from './MedicalHeartIcon';
export { default as MedicalSymbolFillIcon } from './MedicalSymbolFillIcon';
export { default as MedicalSymbolOutlineIcon } from './MedicalSymbolOutlineIcon';
export { default as MedicineAutoInjectorIcon } from './MedicineAutoInjectorIcon';
export { default as MedicineAutoinjectorIcon } from './MedicineAutoinjectorIcon';
export { default as MedicineEnemaIcon } from './MedicineEnemaIcon';
export { default as MedicineInjectionFormIcon } from './MedicineInjectionFormIcon';
export { default as MedicineInjectionformIcon } from './MedicineInjectionformIcon';
export { default as MedicineIntravenousDripIcon } from './MedicineIntravenousDripIcon';
export { default as MedicineIntravenousdripIcon } from './MedicineIntravenousdripIcon';
export { default as MedicinePowderIcon } from './MedicinePowderIcon';
export { default as MedicineSuppositoryIcon } from './MedicineSuppositoryIcon';
Expand Down

0 comments on commit 82dc475

Please sign in to comment.