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

[IOBP-466] Add new batch of iOS system icons #163

Merged
merged 2 commits into from
Dec 11, 2023
Merged

[IOBP-466] Add new batch of iOS system icons #163

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
0e1d0be
chore: `location`, `photos` and `privacy` icons
mastro993 Dec 11, 2023
298eee3
fix: `notifications` icon
mastro993 Dec 11, 2023
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
2 changes: 1 addition & 1 deletion scripts/icons_timestamp.txt
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
2023-11-09T14:14:48.721Z
2023-12-11T16:33:51.261Z
18 changes: 15 additions & 3 deletions src/components/icons/Icon.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -175,8 +175,11 @@ import IconStarFilled from "./svg/IconStarFilled";
import IconSuccess from "./svg/IconSuccess";
import IconSwitchOff from "./svg/IconSwitchOff";
import IconSystemAppsAndroid from "./svg/IconSystemAppsAndroid";
import IconSystemLocationiOS from "./svg/IconSystemLocationiOS";
import IconSystemNotificationsInstructions from "./svg/IconSystemNotificationsInstructions";
import IconSystemPermissionsAndroid from "./svg/IconSystemPermissionsAndroid";
import IconSystemPhotosiOS from "./svg/IconSystemPhotosiOS";
import IconSystemPrivacyiOS from "./svg/IconSystemPrivacyiOS";
import IconSystemSettingsAndroid from "./svg/IconSystemSettingsAndroid";
import IconSystemSettingsiOS from "./svg/IconSystemSettingsiOS";
import IconSystemToggleInstructions from "./svg/IconSystemToggleInstructions";
Expand Down Expand Up @@ -383,7 +386,10 @@ export const IOIcons = {
systemToggleInstructions: IconSystemToggleInstructions,
systemAppsAndroid: IconSystemAppsAndroid,
systemNotificationsInstructions: IconSystemNotificationsInstructions,
systemPermissionsAndroid: IconSystemPermissionsAndroid
systemPermissionsAndroid: IconSystemPermissionsAndroid,
systemLocationiOS: IconSystemLocationiOS,
systemPhotosiOS: IconSystemPhotosiOS,
systemPrivacyiOS: IconSystemPrivacyiOS
} as const;

export type IOIcons = keyof typeof IOIcons;
Expand Down Expand Up @@ -652,7 +658,10 @@ const {
systemToggleInstructions,
systemAppsAndroid,
systemNotificationsInstructions,
systemPermissionsAndroid
systemPermissionsAndroid,
systemLocationiOS,
systemPhotosiOS,
systemPrivacyiOS
} = IOIcons;

export const IOSystemIcons = {
Expand All @@ -661,7 +670,10 @@ export const IOSystemIcons = {
systemToggleInstructions,
systemAppsAndroid,
systemNotificationsInstructions,
systemPermissionsAndroid
systemPermissionsAndroid,
systemLocationiOS,
systemPhotosiOS,
systemPrivacyiOS
} as const;

export type IOSystemIcons = keyof typeof IOSystemIcons;
15 changes: 15 additions & 0 deletions src/components/icons/svg/IconSystemLocationiOS.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import React from "react";
import { Path, Rect, Svg } from "react-native-svg";
import { SVGIconProps } from "../Icon";

const IconSystemLocationiOS = ({ size, style, ...props }: SVGIconProps) => (
<Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
<Rect width={size} height={size} fill="#3478F6" rx="8" />
<Path
d="M11.6519 12.4068C11.4302 12.4068 11.28 12.4068 11.1297 12.4068C9.79024 12.4032 8.44894 12.4032 7.10947 12.3958C6.92806 12.3958 6.74483 12.3738 6.56892 12.3354C6.2739 12.2731 6.08517 12.0807 6.0302 11.7856C5.97339 11.4815 6.05585 11.2084 6.30689 11.0142C6.42599 10.9226 6.56525 10.8548 6.70268 10.7907C9.98447 9.27162 13.2663 7.75258 16.5499 6.23903C16.7551 6.14375 16.9732 6.06129 17.193 6.01915C17.7464 5.9147 18.1294 6.24636 18.0872 6.79791C18.0726 6.98848 18.0066 7.18271 17.9242 7.35862C16.6928 10.0119 15.456 12.6633 14.2209 15.3148C13.9204 15.9598 13.6236 16.6085 13.3176 17.2516C13.2461 17.4019 13.1655 17.5503 13.0629 17.6804C12.8393 17.9608 12.4692 18.0744 12.1613 17.9498C11.848 17.8233 11.6996 17.5705 11.6904 17.2351C11.6867 17.1142 11.6867 16.9933 11.6867 16.8705C11.6849 15.5658 11.6831 14.2612 11.6794 12.9565C11.6794 12.7934 11.6648 12.6304 11.6538 12.4086L11.6519 12.4068Z"
fill="#FFF"
/>
</Svg>
);

export default IconSystemLocationiOS;
3 changes: 2 additions & 1 deletion src/components/icons/svg/IconSystemNotificationsInstructions.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
import React from "react";
import { Svg, Path, Rect, Circle } from "react-native-svg";
import { Circle, Path, Rect, Svg } from "react-native-svg";
import { SVGIconProps } from "../Icon";

const IconSystemNotificationsInstructions = ({
Expand All @@ -10,6 +10,7 @@ const IconSystemNotificationsInstructions = ({
<Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
<Rect width={size} height={size} fill="#EB4E3E" rx="4.364" />
<Path
fill="#EB4E3E"
stroke="#fff"
stroke-width="1.091"
d="M4.909 8.727c0-1.044 0-1.772.075-2.321.072-.534.203-.816.404-1.018.201-.2.484-.332 1.018-.404.549-.074 1.277-.075 2.32-.075h6.546c1.044 0 1.772.001 2.322.075.533.072.816.203 1.017.404.202.202.333.484.404 1.018.074.55.076 1.277.076 2.321v6.546c0 1.044-.002 1.772-.076 2.321-.071.534-.202.816-.404 1.018-.201.201-.484.332-1.017.404-.55.074-1.278.075-2.322.075H8.727c-1.044 0-1.772-.001-2.321-.075-.534-.072-.817-.203-1.018-.404-.201-.201-.332-.484-.404-1.018-.074-.55-.075-1.277-.075-2.321V8.727Z"
Expand Down
114 changes: 114 additions & 0 deletions src/components/icons/svg/IconSystemPhotosiOS.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
import React from "react";
import { Path, Rect, Svg } from "react-native-svg";
import { SVGIconProps } from "../Icon";

const IconSystemPhotosiOS = ({ size, style, ...props }: SVGIconProps) => (
<Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
<Rect
width={size}
height={size}
fill="#FFF"
rx="8"
stroke="#E8EBF1"
strokeWidth={1}
/>
<Path
d="M12.2245 11.489C12.146 11.399 12.066 11.3105 12 11.214C11.934 11.3105 11.854 11.3995 11.7755 11.489C11.85 11.494 11.924 11.5 12 11.5C12.076 11.5 12.15 11.494 12.2245 11.489ZM11.6465 7.404C11.7815 7.539 11.8965 7.6855 12 7.837C12.104 7.6855 12.219 7.539 12.3535 7.404L14.828 4.929C14.879 4.8785 14.937 4.843 14.989 4.797C14.885 3.2355 13.5885 2 12 2C10.4115 2 9.115 3.2355 9.0105 4.797C9.063 4.843 9.1215 4.8785 9.172 4.929L11.6465 7.404Z"
fill="#FFB74D"
/>
<Path
d="M11.7755 12.5105C11.854 12.601 11.934 12.689 12 12.786C12.066 12.69 12.146 12.601 12.2245 12.5105C12.15 12.506 12.076 12.5 12 12.5C11.924 12.5 11.85 12.506 11.7755 12.5105ZM12.3535 16.5955C12.2185 16.4605 12.1035 16.3145 12 16.163C11.896 16.3155 11.781 16.4615 11.6465 16.5955L9.17151 19.071C9.12101 19.121 9.06301 19.157 9.01001 19.203C9.11501 20.7645 10.4115 22 12 22C13.5885 22 14.885 20.7645 14.9895 19.203C14.9375 19.157 14.8785 19.121 14.8285 19.071L12.3535 16.5955Z"
fill="#64B5F6"
/>
<Path
d="M7.404 12.3535C7.539 12.2185 7.685 12.1035 7.837 12C7.6855 11.896 7.539 11.781 7.404 11.6465L4.929 9.17151C4.8785 9.12101 4.843 9.06301 4.797 9.01001C3.2355 9.11501 2 10.4115 2 12C2 13.5885 3.2355 14.885 4.797 14.9895C4.843 14.9375 4.8785 14.8785 4.929 14.8285L7.404 12.3535ZM11.489 11.7755C11.399 11.854 11.3105 11.934 11.214 12C11.3105 12.066 11.3995 12.146 11.489 12.2245C11.494 12.15 11.5 12.076 11.5 12C11.5 11.924 11.494 11.85 11.489 11.7755Z"
fill="#F48FB1"
/>
<Path
d="M12.5 12C12.5 12.076 12.506 12.15 12.5105 12.2245C12.601 12.146 12.689 12.066 12.786 12C12.69 11.934 12.601 11.854 12.5105 11.7755C12.506 11.85 12.5 11.924 12.5 12ZM22 12C22 10.4115 20.7645 9.115 19.203 9.0105C19.157 9.063 19.121 9.1215 19.071 9.172L16.5955 11.647C16.4605 11.782 16.314 11.897 16.163 12.0005C16.3155 12.1045 16.4615 12.2195 16.5955 12.354L19.071 14.8285C19.121 14.8795 19.157 14.9375 19.203 14.99C20.7645 14.885 22 13.5885 22 12Z"
fill="#8BC34A"
/>
<Path
d="M15 8.49999C15 8.68899 14.9805 8.87349 14.9475 9.05299C15.1265 9.01949 15.3105 8.99999 15.5 8.99999H19C19.0685 8.99999 19.1355 9.00599 19.203 9.01049C20.228 7.83199 20.1925 6.05049 19.071 4.92899C17.949 3.80799 16.1675 3.77199 14.989 4.79699C14.994 4.86449 15 4.93149 15 4.99999V8.49999ZM12.5105 11.7755C12.5195 11.664 12.533 11.5545 12.5525 11.447C12.445 11.4675 12.335 11.4805 12.2245 11.489C12.2695 11.5405 12.3045 11.5975 12.3535 11.6465C12.4025 11.6955 12.4595 11.7305 12.5105 11.7755Z"
fill="#C0CA33"
/>
<Path
d="M12.3535 7.404C12.2185 7.539 12.1035 7.6855 12 7.837C12.6945 8.8535 12.6945 10.198 12 11.214C12.066 11.3105 12.146 11.3995 12.2245 11.489C12.336 11.4805 12.445 11.4675 12.5525 11.447C12.779 10.2345 13.7335 9.2795 14.946 9.0535C14.9805 8.8735 15 8.689 15 8.5V5C15 4.9315 14.994 4.8645 14.9895 4.797C14.9375 4.843 14.8785 4.8785 14.8285 4.929L12.3535 7.404Z"
fill="#F9A825"
/>
<Path
d="M15.5 9C15.3105 9 15.1265 9.0195 14.9475 9.053C14.721 10.2655 13.7665 11.2205 12.554 11.4465C12.5335 11.554 12.5205 11.664 12.512 11.775C12.602 11.8535 12.69 11.9335 12.787 11.9995C13.803 11.305 15.1485 11.305 16.164 11.9995C16.316 11.8955 16.4625 11.7805 16.597 11.646L19.0715 9.171C19.122 9.1205 19.1575 9.0625 19.204 9.0095C19.1355 9.006 19.0685 9 19 9H15.5Z"
fill="#689F38"
/>
<Path
d="M14.9475 9.05298C13.7345 9.27898 12.7795 10.234 12.554 11.4465C13.7655 11.2205 14.7205 10.266 14.9475 9.05298Z"
fill="#827717"
/>
<Path
d="M9.00005 15.5C9.00005 15.3105 9.01955 15.1265 9.05305 14.9475C8.87355 14.9805 8.68905 15 8.50005 15H5.00005C4.93155 15 4.86455 14.994 4.79705 14.9895C3.77205 16.168 3.80755 17.9505 4.92905 19.0715C6.05005 20.192 7.83155 20.228 9.01055 19.2035C9.00605 19.1355 9.00005 19.0685 9.00005 19V15.5ZM11.489 12.2245C11.4805 12.336 11.4675 12.445 11.447 12.5525C11.5545 12.533 11.6645 12.5195 11.7755 12.5105C11.7305 12.459 11.6955 12.402 11.6465 12.3535C11.5975 12.305 11.5405 12.2695 11.489 12.2245Z"
fill="#BA68C8"
/>
<Path
d="M11.6465 16.5955C11.7815 16.4605 11.8965 16.3145 12 16.163C11.3055 15.1475 11.3055 13.8025 12 12.786C11.934 12.69 11.854 12.601 11.7755 12.5105C11.664 12.5195 11.5545 12.533 11.447 12.5525C11.221 13.7655 10.266 14.7205 9.0535 14.946C9.0195 15.1265 9 15.3105 9 15.5V19C9 19.0685 9.006 19.1355 9.0105 19.203C9.063 19.157 9.1215 19.121 9.172 19.071L11.6465 16.5955Z"
fill="#5C6BC0"
/>
<Path
d="M8.50001 15C8.68901 15 8.87351 14.9805 9.05301 14.9475C9.27901 13.7345 10.234 12.7795 11.4465 12.554C11.467 12.4465 11.48 12.336 11.4885 12.2255C11.3985 12.147 11.31 12.067 11.2135 12.001C10.1975 12.696 8.85301 12.696 7.83651 12.001C7.68451 12.105 7.53851 12.22 7.40351 12.3545L4.92851 14.829C4.87801 14.88 4.84251 14.938 4.79651 14.9905C4.86451 14.994 4.93151 15 5.00001 15H8.50001Z"
fill="#D81B60"
/>
<Path
d="M9.05298 14.9475C10.2655 14.721 11.2205 13.7665 11.4465 12.554C10.234 12.7795 9.27948 13.7345 9.05298 14.9475Z"
fill="#880E4F"
/>
<Path
d="M11.7755 11.489C11.664 11.4805 11.5545 11.4675 11.447 11.447C11.4675 11.5545 11.4805 11.6645 11.489 11.7755C11.5405 11.7305 11.5975 11.6955 11.6465 11.6465C11.6955 11.5975 11.7305 11.5405 11.7755 11.489ZM8.50005 9.00005C8.68905 9.00005 8.87355 9.01955 9.05305 9.05305C9.01955 8.87355 9.00005 8.68905 9.00005 8.50005V5.00005C9.00005 4.93155 9.00605 4.86455 9.01055 4.79705C7.83205 3.77205 6.05055 3.80755 4.92905 4.92905C3.80755 6.05055 3.77205 7.83155 4.79705 9.01055C4.86455 9.00605 4.93155 9.00005 5.00005 9.00005H8.50005Z"
fill="#FF5252"
/>
<Path
d="M9 8.50001C9 8.68901 9.0195 8.87351 9.053 9.05301C10.2655 9.27901 11.2205 10.234 11.4465 11.4465C11.554 11.467 11.664 11.48 11.775 11.4885C11.8535 11.3985 11.9335 11.31 11.9995 11.2135C11.305 10.1975 11.305 8.85301 11.9995 7.83651C11.8955 7.68501 11.7805 7.53851 11.646 7.40351L9.171 4.92851C9.1205 4.87801 9.0625 4.84251 9.0095 4.79651C9.006 4.86451 9 4.93151 9 5.00001V8.50001Z"
fill="#EF6C00"
/>
<Path
d="M7.404 11.6465C7.539 11.7815 7.6855 11.8965 7.837 12C8.853 11.3055 10.1975 11.3055 11.214 12C11.3105 11.934 11.3995 11.854 11.489 11.7755C11.4805 11.664 11.4675 11.5545 11.447 11.447C10.2345 11.221 9.2795 10.266 9.0535 9.0535C8.8735 9.0195 8.689 9 8.5 9H5C4.9315 9 4.8645 9.006 4.797 9.0105C4.843 9.063 4.8785 9.1215 4.929 9.172L7.404 11.6465Z"
fill="#F44336"
/>
<Path
d="M9.05298 9.05298C9.27898 10.2655 10.234 11.2205 11.4465 11.4465C11.2205 10.234 10.266 9.27948 9.05298 9.05298Z"
fill="#DD2C00"
/>
<Path
d="M12 7.83655C11.3055 8.85305 11.3055 10.1975 12 11.2135C12.6945 10.1975 12.6945 8.85305 12 7.83655Z"
fill="#E65100"
/>
<Path
d="M7.83655 12C8.85305 12.6945 10.1975 12.6945 11.2135 12C10.1975 11.3055 8.85305 11.3055 7.83655 12Z"
fill="#B71C1C"
/>
<Path
d="M15.5 15C15.3105 15 15.1265 14.9805 14.9475 14.9475C14.9805 15.1265 15 15.3105 15 15.5V19C15 19.0685 14.994 19.1355 14.9895 19.203C16.168 20.228 17.9505 20.1925 19.0715 19.071C20.192 17.949 20.228 16.1675 19.2035 14.989C19.1355 14.994 19.0685 15 19 15H15.5ZM12.2245 12.5105C12.336 12.5195 12.445 12.533 12.5525 12.5525C12.533 12.445 12.5195 12.335 12.5105 12.2245C12.459 12.2695 12.402 12.3045 12.3535 12.3535C12.305 12.4025 12.2695 12.4595 12.2245 12.5105Z"
fill="#00ACC1"
/>
<Path
d="M15 15.5C15 15.3105 14.9805 15.1265 14.9475 14.9475C13.7345 14.721 12.7795 13.7665 12.554 12.554C12.4465 12.5335 12.336 12.5205 12.2255 12.512C12.147 12.602 12.067 12.69 12.001 12.787C12.696 13.803 12.696 15.1485 12.001 16.164C12.105 16.3165 12.22 16.4625 12.3545 16.597L14.829 19.0715C14.88 19.122 14.938 19.1575 14.9905 19.204C14.994 19.1355 15 19.0685 15 19V15.5Z"
fill="#0277BD"
/>
<Path
d="M16.5955 12.3535C16.4605 12.2185 16.3145 12.1035 16.163 12C15.147 12.6945 13.8025 12.6945 12.786 12C12.69 12.066 12.601 12.146 12.5105 12.2245C12.5195 12.336 12.533 12.445 12.5525 12.5525C13.7655 12.779 14.7205 13.7335 14.946 14.946C15.1265 14.9805 15.3105 15 15.5 15H19C19.0685 15 19.1355 14.994 19.203 14.9895C19.157 14.9375 19.121 14.8785 19.071 14.8285L16.5955 12.3535Z"
fill="#00796B"
/>
<Path
d="M14.9475 14.9475C14.721 13.7345 13.7665 12.7795 12.554 12.554C12.7795 13.7655 13.7345 14.7205 14.9475 14.9475Z"
fill="#006064"
/>
<Path
d="M12.786 12C13.8025 12.6945 15.147 12.6945 16.163 12C15.1475 11.3055 13.8025 11.3055 12.786 12Z"
fill="#1B5E20"
/>
<Path
d="M12 16.163C12.6945 15.1475 12.6945 13.8025 12 12.786C11.3055 13.8025 11.3055 15.1475 12 16.163Z"
fill="#0D47A1"
/>
</Svg>
);

export default IconSystemPhotosiOS;
15 changes: 15 additions & 0 deletions src/components/icons/svg/IconSystemPrivacyiOS.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
import React from "react";
import { Path, Rect, Svg } from "react-native-svg";
import { SVGIconProps } from "../Icon";

const IconSystemPrivacyiOS = ({ size, style, ...props }: SVGIconProps) => (
<Svg width={size} height={size} viewBox="0 0 24 24" style={style} {...props}>
<Rect width={size} height={size} fill="#3478F6" rx="8" />
<Path
d="M6 14.0511C6 17.445 8.17566 19.4536 11.1644 19.4536C13.5583 19.4536 15.0414 18.4301 16.0276 16.3753C16.6073 15.2363 17.0514 13.8665 17.5257 12.2811C17.7215 11.6346 18 10.8112 18 10.4418C18 10.0262 17.7064 9.74919 17.2773 9.74919C16.803 9.74919 16.517 10.057 16.1707 10.7881L15.1242 13.0353C15.0188 13.2816 14.8984 13.3739 14.7779 13.3739C14.6198 13.3739 14.5144 13.2816 14.5144 13.0122V4.93934C14.5144 4.48529 14.1531 4.11589 13.7089 4.11589C13.2647 4.11589 12.9034 4.48529 12.9034 4.93934V10.7112C12.7001 10.6342 12.4743 10.5726 12.2334 10.5265V3.83115C12.2334 3.37709 11.872 3 11.4279 3C10.9837 3 10.6148 3.37709 10.6148 3.83115V10.4418C10.3814 10.4572 10.1405 10.4957 9.90715 10.5342V4.48529C9.90715 4.03123 9.5458 3.66184 9.10163 3.66184C8.65747 3.66184 8.29611 4.03123 8.29611 4.48529V11.0575C8.04768 11.1806 7.82183 11.3115 7.61857 11.45V6.87868C7.61857 6.42462 7.25722 6.05522 6.81305 6.05522C6.36888 6.05522 6 6.42462 6 6.87868V14.0511Z"
fill="#FFF"
/>
</Svg>
);

export default IconSystemPrivacyiOS;
7 changes: 7 additions & 0 deletions src/components/icons/svg/originals/IconSystemLocationiOS.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.
22 changes: 22 additions & 0 deletions src/components/icons/svg/originals/IconSystemNotificationsInstructions.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.
Loading