@sberbusiness/icons-next 1.20.0 → 1.22.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AccountbookStrokePrdIcon20.d.ts +4 -0
- package/AccountbookStrokePrdIcon20.js +10 -0
- package/AccountbookStrokePrdIcon32.d.ts +4 -0
- package/AccountbookStrokePrdIcon32.js +10 -0
- package/ApisandboxMrkIcon128.d.ts +4 -0
- package/ApisandboxMrkIcon128.js +34 -0
- package/ApisandboxMrkIcon96.d.ts +4 -0
- package/ApisandboxMrkIcon96.js +34 -0
- package/BasketballballStrokeSrvIcon20.js +1 -5
- package/CardMrkIcon128.d.ts +4 -0
- package/CardMrkIcon128.js +34 -0
- package/CardMrkIcon96.d.ts +4 -0
- package/CardMrkIcon96.js +34 -0
- package/CertificateMrkIcon128.d.ts +4 -0
- package/CertificateMrkIcon128.js +28 -0
- package/CertificateMrkIcon96.d.ts +4 -0
- package/CertificateMrkIcon96.js +28 -0
- package/CompassStrokeSrvIcon20.js +2 -6
- package/CrossMapIcon48.d.ts +4 -0
- package/CrossMapIcon48.js +38 -0
- package/DigitalrubleStrokePrdIcon20.js +1 -1
- package/DigitalrubleStrokePrdIcon32.js +2 -2
- package/EngineerStrokeSrvIcon32.d.ts +4 -0
- package/EngineerStrokeSrvIcon32.js +11 -0
- package/EvotorStrokePrdIcon20.d.ts +4 -0
- package/EvotorStrokePrdIcon20.js +10 -0
- package/EvotorStrokePrdIcon32.d.ts +4 -0
- package/EvotorStrokePrdIcon32.js +10 -0
- package/InsalesMrkIcon128.js +4 -4
- package/InsalesMrkIcon96.js +2 -2
- package/MaestroBrdIcon24.d.ts +4 -0
- package/MaestroBrdIcon24.js +18 -0
- package/MastercardBrdIcon24.d.ts +4 -0
- package/MastercardBrdIcon24.js +18 -0
- package/MirBrdIcon24.d.ts +4 -0
- package/MirBrdIcon24.js +19 -0
- package/MpstatsMrkIcon128.js +4 -4
- package/MpstatsMrkIcon96.js +2 -2
- package/PinFilledSrvIcon16.d.ts +4 -0
- package/PinFilledSrvIcon16.js +9 -0
- package/PinFilledSrvIcon20.d.ts +4 -0
- package/PinFilledSrvIcon20.js +13 -0
- package/RangeStrokeSrvIcon16.d.ts +4 -0
- package/RangeStrokeSrvIcon16.js +9 -0
- package/SbeprimeStrokePrdIcon20.d.ts +1 -0
- package/SbeprimeStrokePrdIcon20.js +1 -0
- package/SbeprimeStrokePrdIcon32.d.ts +1 -0
- package/SbeprimeStrokePrdIcon32.js +1 -0
- package/SberbusinessprimeMrkIcon128.d.ts +4 -0
- package/SberbusinessprimeMrkIcon128.js +30 -0
- package/SberbusinessprimeMrkIcon96.d.ts +4 -0
- package/SberbusinessprimeMrkIcon96.js +30 -0
- package/SberbusinessprimeStrokePrdIcon20.d.ts +4 -0
- package/SberbusinessprimeStrokePrdIcon20.js +11 -0
- package/SberbusinessprimeStrokePrdIcon32.d.ts +4 -0
- package/SberbusinessprimeStrokePrdIcon32.js +11 -0
- package/ScheduledstatementMrkIcon128.d.ts +4 -0
- package/ScheduledstatementMrkIcon128.js +43 -0
- package/ScheduledstatementMrkIcon96.d.ts +4 -0
- package/ScheduledstatementMrkIcon96.js +43 -0
- package/SearchMapIcon48.d.ts +4 -0
- package/SearchMapIcon48.js +38 -0
- package/StateMrkIcon128.d.ts +4 -0
- package/StateMrkIcon128.js +26 -0
- package/StateMrkIcon96.d.ts +4 -0
- package/StateMrkIcon96.js +26 -0
- package/StateStrokeSrvIcon20.d.ts +4 -0
- package/StateStrokeSrvIcon20.js +10 -0
- package/StateStrokeSrvIcon32.d.ts +4 -0
- package/StateStrokeSrvIcon32.js +10 -0
- package/TeamhealthStrokePrdIcon20.d.ts +4 -0
- package/TeamhealthStrokePrdIcon20.js +11 -0
- package/TeamhealthStrokePrdIcon32.d.ts +4 -0
- package/TeamhealthStrokePrdIcon32.js +11 -0
- package/UsercrossStrokeSrvIcon20.d.ts +4 -0
- package/UsercrossStrokeSrvIcon20.js +10 -0
- package/UsercrossStrokeSrvIcon24.d.ts +4 -0
- package/UsercrossStrokeSrvIcon24.js +10 -0
- package/UsercrossStrokeSrvIcon32.d.ts +4 -0
- package/UsercrossStrokeSrvIcon32.js +10 -0
- package/UsergearStrokeSrvIcon20.d.ts +4 -0
- package/UsergearStrokeSrvIcon20.js +11 -0
- package/UsergearStrokeSrvIcon24.d.ts +4 -0
- package/UsergearStrokeSrvIcon24.js +11 -0
- package/UsergearStrokeSrvIcon32.d.ts +4 -0
- package/UsergearStrokeSrvIcon32.js +11 -0
- package/UserplusStrokeSrvIcon20.d.ts +4 -0
- package/UserplusStrokeSrvIcon20.js +10 -0
- package/UserplusStrokeSrvIcon24.d.ts +4 -0
- package/UserplusStrokeSrvIcon24.js +10 -0
- package/UserplusStrokeSrvIcon32.d.ts +4 -0
- package/UserplusStrokeSrvIcon32.js +10 -0
- package/UseruserStrokeSrvIcon20.d.ts +4 -0
- package/UseruserStrokeSrvIcon20.js +11 -0
- package/UseruserStrokeSrvIcon24.d.ts +4 -0
- package/UseruserStrokeSrvIcon24.js +11 -0
- package/UseruserStrokeSrvIcon32.d.ts +4 -0
- package/UseruserStrokeSrvIcon32.js +11 -0
- package/VisaBrdIcon24.d.ts +4 -0
- package/VisaBrdIcon24.js +14 -0
- package/index.d.ts +44 -0
- package/index.js +44 -0
- package/package.json +1 -1
- package/styles/icons.css +1 -1
- package/utils/getPathClassName.js +24 -24
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const AccountbookStrokePrdIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
|
|
5
|
+
const pathClassName = getPathClassName(paletteIndex, useTheme());
|
|
6
|
+
return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "AccountbookStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M.906 4.004c2.945-.475 6.405-.064 9.095 1.758q.536-.363 1.107-.654a1 1 0 0 1 .905 1.784A8 8 0 0 0 11 7.5V16q-.001.088-.017.172c2.17-1.137 4.698-1.493 7.017-1.302V8a1 1 0 1 1 2 0v8l-.002.035q0 .021-.002.042l-.008.065q0 .011-.002.022-.001.008-.004.014a1 1 0 0 1-.084.26l-.011.021-.028.049-.021.036a1 1 0 0 1-.06.082l-.032.037-.027.03a1 1 0 0 1-.072.067l-.05.039-.022.017-.053.036-.033.018a1 1 0 0 1-.153.07l-.017.007q-.03.01-.06.017l-.045.012a1 1 0 0 1-.097.016l-.053.004-.04.002L19 17l-.036-.002q-.021 0-.042-.002l-.065-.008q-.01 0-.021-.002c-2.808-.467-5.994.021-8.211 1.794l-.02.014-.06.042-.028.018q-.024.015-.05.029-.022.011-.044.021-.027.013-.053.024l-.023.008-.067.022-.03.008-.066.015-.03.005a1.1 1.1 0 0 1-.339-.005l-.066-.015-.03-.008-.067-.022-.023-.008-.053-.024-.045-.021-.049-.03q-.015-.007-.029-.017l-.06-.042-.018-.014c-2.217-1.773-5.403-2.261-8.21-1.794q-.012.002-.022.002l-.066.008-.042.002L1 17l-.023-.002-.043-.002-.05-.004-.065-.01-.033-.006-.05-.013-.05-.015-.03-.01a1 1 0 0 1-.147-.068l-.04-.024-.04-.026-.035-.027q-.023-.016-.042-.033a1 1 0 0 1-.072-.067l-.027-.03-.032-.037a1 1 0 0 1-.06-.082l-.021-.036-.028-.049-.014-.031a1 1 0 0 1-.081-.25l-.003-.014q-.004-.02-.005-.04l-.004-.034L0 16.028 0 16V5l.001-.02a1 1 0 0 1 .016-.16l.007-.038.013-.049a1 1 0 0 1 .27-.453L.33 4.26q.024-.023.05-.043l.018-.014q.03-.023.062-.043l.018-.01a1 1 0 0 1 .253-.112h.005L.8 4.02a1 1 0 0 1 .107-.017M9 7.5C7.036 6.118 4.43 5.645 2 5.88v8.99c2.32-.191 4.846.166 7.016 1.302A1 1 0 0 1 9 16z", clipRule: "evenodd" }),
|
|
8
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M16 1a3 3 0 1 1 0 6 3 3 0 0 1 0-6m0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2", clipRule: "evenodd" }));
|
|
9
|
+
});
|
|
10
|
+
export default AccountbookStrokePrdIcon20;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const AccountbookStrokePrdIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
|
|
5
|
+
const pathClassName = getPathClassName(paletteIndex, useTheme());
|
|
6
|
+
return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "AccountbookStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M4.815 8.018c3.682-.691 7.941.134 11.185 2.677q.72-.562 1.497-1.014a1 1 0 0 1 1.006 1.728c-.526.306-1.03.655-1.503 1.048v11.495c2.597-1.7 5.52-2.168 9-2.014V16a1 1 0 1 1 2 0v7l-.002.04v.036l-.003.009-.007.058q-.002.026-.008.05l-.006.03a1 1 0 0 1-.075.213l-.015.03-.022.037q-.014.024-.029.049l-.02.03q-.046.063-.102.12l-.023.023a1 1 0 0 1-.174.13l-.03.018-.053.028q-.014.008-.027.013-.032.014-.066.026l-.027.01-.057.016q-.021.006-.042.01l-.05.01-.047.006-.049.004q-.027.002-.056.003L27 24l-.04-.002h-.036c-4.485-.344-7.566.264-10.246 2.737l-.007.005a1 1 0 0 1-.226.155l-.023.011-.019.008-.006.003-.026.01-.039.015-.027.01-.02.005q-.022.008-.047.014-.015.002-.028.006h-.004l-.013.003q-.027.006-.054.01l-.01.001-.02.002-.015.002-.045.004h-.046L16 27l-.005-.001h-.047l-.016-.002-.026-.002-.017-.002-.062-.009-.024-.005q-.006 0-.01-.002l-.035-.007-.01-.003-.035-.01-.02-.006q-.015-.004-.028-.009l-.027-.01-.041-.017-.019-.008-.02-.01a1 1 0 0 1-.233-.159l-.003-.003c-2.68-2.473-5.761-3.08-10.246-2.738l-.037.001L5 24l-.01-.001q-.03 0-.057-.003l-.05-.004-.046-.007-.05-.008-.042-.011-.057-.017-.027-.009-.066-.026h-.003l-.069-.035-.008-.006-.03-.018a1 1 0 0 1-.173-.13l-.024-.024a1 1 0 0 1-.101-.12l-.021-.03-.03-.048-.02-.037-.015-.03a1 1 0 0 1-.076-.212l-.006-.03q-.006-.025-.008-.051l-.007-.058-.001-.009L4 23V8.982l.002-.039a1 1 0 0 1 .037-.216 1 1 0 0 1 .082-.205q.017-.03.037-.06.033-.052.071-.1l.021-.022a1 1 0 0 1 .562-.322zM15 12.458c-2.547-2.113-5.938-2.947-9-2.598V21.94c3.48-.155 6.403.313 9 2.013z", clipRule: "evenodd" }),
|
|
8
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M25 5a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4", clipRule: "evenodd" }));
|
|
9
|
+
});
|
|
10
|
+
export default AccountbookStrokePrdIcon32;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme, EIconsTheme } from "./ThemeProvider";
|
|
3
|
+
const ApisandboxMrkIcon128 = React.forwardRef((props, ref) => {
|
|
4
|
+
const theme = useTheme();
|
|
5
|
+
switch (theme) {
|
|
6
|
+
case EIconsTheme.LIGHT:
|
|
7
|
+
return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "ApisandboxMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
|
+
React.createElement("path", { fill: "url(#a_apisandbox128)", d: "M104 43.28a8.02 8.02 0 0 0-4.207-7.056l-32-17.266a7.99 7.99 0 0 0-7.586 0l-32 17.266A8.02 8.02 0 0 0 24 43.281v41.438a8.02 8.02 0 0 0 4.207 7.057l32 17.266a7.99 7.99 0 0 0 7.586 0l32-17.266A8.02 8.02 0 0 0 104 84.719z" }),
|
|
9
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M31 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
|
|
10
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M45 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M52 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
|
|
11
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M38 90a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
|
|
12
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M59 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M66 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0M52 90a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
|
|
13
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M73 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M80 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0M66 90a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
|
|
14
|
+
React.createElement("path", { fill: "#fff", d: "M56.496 60.683a2 2 0 0 1 3.01 2.635L53.658 70l5.846 6.683a2 2 0 0 1-3.01 2.635l-7-8a2 2 0 0 1 0-2.634zM76.683 60.496a2 2 0 0 1 2.822.187l7 8.001a2 2 0 0 1 0 2.634l-7 8a2.001 2.001 0 0 1-3.01-2.635L82.343 70l-5.846-6.682a2 2 0 0 1 .187-2.822M68.06 61.515a2 2 0 0 1 3.88.97l-4 16a2.001 2.001 0 0 1-3.88-.97z" }),
|
|
15
|
+
React.createElement("defs", null,
|
|
16
|
+
React.createElement("radialGradient", { id: "a_apisandbox128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-24.5 55.5 57.857 25.6423 68 70)", gradientUnits: "userSpaceOnUse" },
|
|
17
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
18
|
+
React.createElement("stop", { offset: ".813", stopColor: "#D6DEED" }))));
|
|
19
|
+
case EIconsTheme.DARK:
|
|
20
|
+
return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "ApisandboxMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
21
|
+
React.createElement("path", { fill: "url(#a_apisandbox128)", d: "M104 43.28a8.02 8.02 0 0 0-4.207-7.056l-32-17.266a7.99 7.99 0 0 0-7.586 0l-32 17.266A8.02 8.02 0 0 0 24 43.281v41.438a8.02 8.02 0 0 0 4.207 7.057l32 17.266a7.99 7.99 0 0 0 7.586 0l32-17.266A8.02 8.02 0 0 0 104 84.719z" }),
|
|
22
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M31 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
|
|
23
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M45 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M52 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
|
|
24
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M38 90a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
|
|
25
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M59 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M66 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0M52 90a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
|
|
26
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M73 50a4 4 0 1 1 8 0 4 4 0 0 1-8 0M80 38a4 4 0 1 1 8 0 4 4 0 0 1-8 0M66 90a4 4 0 1 1 8 0 4 4 0 0 1-8 0" }),
|
|
27
|
+
React.createElement("path", { fill: "#fff", d: "M56.496 60.683a2 2 0 0 1 3.01 2.635L53.658 70l5.846 6.683a2.001 2.001 0 0 1-3.01 2.635l-7-8a2 2 0 0 1 0-2.634zM76.683 60.496a2 2 0 0 1 2.822.187l7 8.001a2 2 0 0 1 0 2.634l-7 8a2 2 0 0 1-3.01-2.635L82.343 70l-5.846-6.682a2 2 0 0 1 .187-2.822M68.06 61.515a2 2 0 0 1 3.88.97l-4 16a2.001 2.001 0 0 1-3.88-.97z" }),
|
|
28
|
+
React.createElement("defs", null,
|
|
29
|
+
React.createElement("radialGradient", { id: "a_apisandbox128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-24.5 55.5 57.857 25.6423 68 70)", gradientUnits: "userSpaceOnUse" },
|
|
30
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
31
|
+
React.createElement("stop", { offset: ".813", stopColor: "#373C49" }))));
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
export default ApisandboxMrkIcon128;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme, EIconsTheme } from "./ThemeProvider";
|
|
3
|
+
const ApisandboxMrkIcon96 = React.forwardRef((props, ref) => {
|
|
4
|
+
const theme = useTheme();
|
|
5
|
+
switch (theme) {
|
|
6
|
+
case EIconsTheme.LIGHT:
|
|
7
|
+
return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "ApisandboxMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
|
+
React.createElement("path", { fill: "url(#a_apisandbox96)", d: "M78 32.686a5.91 5.91 0 0 0-3.155-5.216l-24-12.762a6.07 6.07 0 0 0-5.69 0l-24 12.762A5.91 5.91 0 0 0 18 32.686v30.628a5.91 5.91 0 0 0 3.155 5.216l24 12.762a6.07 6.07 0 0 0 5.69 0l24-12.762A5.91 5.91 0 0 0 78 63.314z" }),
|
|
9
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M24 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
10
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M34 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M39 28.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
11
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M29 68a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
12
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".65", d: "M44 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M49 28.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0M39 68a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
13
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".3", d: "M54 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M59 29a3 3 0 1 1 6 0 3 3 0 0 1-6 0M49 68a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
14
|
+
React.createElement("path", { fill: "#fff", d: "M51.045 46.136a1.5 1.5 0 0 1 2.91.728l-3 12a1.5 1.5 0 0 1-2.91-.728zM57.487 45.395a1.5 1.5 0 0 1 2.119.092l5.5 5.999a1.5 1.5 0 0 1 0 2.026l-5.5 6.002a1.5 1.5 0 0 1-2.211-2.027l4.57-4.987-4.57-4.986a1.5 1.5 0 0 1 .092-2.119M42.395 45.486a1.5 1.5 0 0 1 2.21 2.027l-4.57 4.986 4.57 4.987a1.5 1.5 0 0 1-2.21 2.027l-5.5-6.002a1.5 1.5 0 0 1 0-2.026z" }),
|
|
15
|
+
React.createElement("defs", null,
|
|
16
|
+
React.createElement("radialGradient", { id: "a_apisandbox96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-18.375 41.0217 43.3927 18.953 51 52.435)", gradientUnits: "userSpaceOnUse" },
|
|
17
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
18
|
+
React.createElement("stop", { offset: ".813", stopColor: "#D6DEED" }))));
|
|
19
|
+
case EIconsTheme.DARK:
|
|
20
|
+
return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "ApisandboxMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
21
|
+
React.createElement("path", { fill: "url(#a_apisandbox96)", d: "M78 32.686a5.91 5.91 0 0 0-3.155-5.216l-24-12.762a6.07 6.07 0 0 0-5.69 0l-24 12.762A5.91 5.91 0 0 0 18 32.686v30.628a5.91 5.91 0 0 0 3.155 5.216l24 12.762a6.07 6.07 0 0 0 5.69 0l24-12.762A5.91 5.91 0 0 0 78 63.314z" }),
|
|
22
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M24 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
23
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M34 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M39 28.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
24
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M29 68a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
25
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".35", d: "M44 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M49 28.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0M39 68a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
26
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".15", d: "M54 37a3 3 0 1 1 6 0 3 3 0 0 1-6 0M59 29a3 3 0 1 1 6 0 3 3 0 0 1-6 0M49 68a3 3 0 1 1 6 0 3 3 0 0 1-6 0" }),
|
|
27
|
+
React.createElement("path", { fill: "#fff", d: "M51.045 46.136a1.5 1.5 0 0 1 2.91.728l-3 12a1.5 1.5 0 0 1-2.91-.728zM57.487 45.395a1.5 1.5 0 0 1 2.119.092l5.5 5.999a1.5 1.5 0 0 1 0 2.026l-5.5 6.002a1.5 1.5 0 0 1-2.211-2.027l4.57-4.987-4.57-4.986a1.5 1.5 0 0 1 .092-2.119M42.395 45.486a1.5 1.5 0 0 1 2.21 2.027l-4.57 4.986 4.57 4.987a1.5 1.5 0 0 1-2.21 2.027l-5.5-6.002a1.5 1.5 0 0 1 0-2.026z" }),
|
|
28
|
+
React.createElement("defs", null,
|
|
29
|
+
React.createElement("radialGradient", { id: "a_apisandbox96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-18.375 41.0217 43.3927 18.953 51 52.435)", gradientUnits: "userSpaceOnUse" },
|
|
30
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
31
|
+
React.createElement("stop", { offset: ".813", stopColor: "#373C49" }))));
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
export default ApisandboxMrkIcon96;
|
|
@@ -4,10 +4,6 @@ import getPathClassName from "./utils/getPathClassName";
|
|
|
4
4
|
const BasketballballStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
|
|
5
5
|
const pathClassName = getPathClassName(paletteIndex, useTheme());
|
|
6
6
|
return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "BasketballballStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
-
React.createElement("
|
|
8
|
-
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0m-.249 8.316a9.98 9.98 0 0 1-7.501 3.677 8.005 8.005 0 0 0 6.751 5.943 9.97 9.97 0 0 1 3.076-7.149 11 11 0 0 0-2.326-2.47m8.247 1.747a7.95 7.95 0 0 0-3.325 1.21c.386.784.695 1.614.918 2.478a1 1 0 0 1-1.938.498 11 11 0 0 0-.565-1.639A7.97 7.97 0 0 0 11 17.936a8 8 0 0 0 6.997-7.873M10 2a8 8 0 0 0-8 8 7.98 7.98 0 0 0 6.052-2.772 11 11 0 0 0-2.301-.881 1 1 0 0 1 .498-1.938c1.027.265 2.005.652 2.917 1.145A7.96 7.96 0 0 0 10 2m1.993.25a9.94 9.94 0 0 1-1.137 4.392c1.077.817 2.02 1.8 2.797 2.908a9.9 9.9 0 0 1 4.113-1.472 8.01 8.01 0 0 0-5.773-5.828", clipRule: "evenodd" })),
|
|
9
|
-
React.createElement("defs", null,
|
|
10
|
-
React.createElement("clipPath", { id: "a_basketballball20" },
|
|
11
|
-
React.createElement("path", { className: pathClassName, d: "M0 0H20V20H0z" }))));
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10 0c5.523 0 10 4.477 10 10s-4.477 10-10 10S0 15.523 0 10 4.477 0 10 0m-.249 8.316a9.98 9.98 0 0 1-7.501 3.677 8.005 8.005 0 0 0 6.751 5.943 9.97 9.97 0 0 1 3.076-7.149 11 11 0 0 0-2.326-2.47m8.247 1.747a7.95 7.95 0 0 0-3.325 1.21c.386.784.695 1.614.918 2.478a1 1 0 0 1-1.938.498 11 11 0 0 0-.565-1.639A7.97 7.97 0 0 0 11 17.936a8 8 0 0 0 6.997-7.873M10 2a8 8 0 0 0-8 8 7.98 7.98 0 0 0 6.052-2.772 11 11 0 0 0-2.301-.881 1 1 0 0 1 .498-1.938c1.027.265 2.005.652 2.917 1.145A7.96 7.96 0 0 0 10 2m1.993.25a9.94 9.94 0 0 1-1.137 4.392c1.077.817 2.02 1.8 2.797 2.908a9.9 9.9 0 0 1 4.113-1.472 8.01 8.01 0 0 0-5.773-5.828", clipRule: "evenodd" }));
|
|
12
8
|
});
|
|
13
9
|
export default BasketballballStrokeSrvIcon20;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme, EIconsTheme } from "./ThemeProvider";
|
|
3
|
+
const CardMrkIcon128 = React.forwardRef((props, ref) => {
|
|
4
|
+
const theme = useTheme();
|
|
5
|
+
switch (theme) {
|
|
6
|
+
case EIconsTheme.LIGHT:
|
|
7
|
+
return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "CardMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
|
+
React.createElement("circle", { cx: "40", cy: "74", r: "30", fill: "#21A19A" }),
|
|
9
|
+
React.createElement("path", { fill: "url(#a_card128)", d: "M112 84a8 8 0 0 1-8 8H30a8 8 0 0 1-8-8V32a8 8 0 0 1 8-8h74a8 8 0 0 1 8 8z" }),
|
|
10
|
+
React.createElement("path", { fill: "url(#b_card128)", d: "M112 54H202V70H112z", transform: "rotate(-180 112 54)" }),
|
|
11
|
+
React.createElement("path", { fill: "#fff", d: "M50 76a2 2 0 1 1 0 4H36a2 2 0 1 1 0-4zM71 66a2 2 0 1 1 0 4H36a2 2 0 1 1 0-4z" }),
|
|
12
|
+
React.createElement("defs", null,
|
|
13
|
+
React.createElement("radialGradient", { id: "a_card128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(66 -58.36847 45.57072 51.52898 25 94)", gradientUnits: "userSpaceOnUse" },
|
|
14
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
15
|
+
React.createElement("stop", { offset: ".861", stopColor: "#D6DEED" })),
|
|
16
|
+
React.createElement("radialGradient", { id: "b_card128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-76.5 41.5 -27.104 -94.6908 191 46)", gradientUnits: "userSpaceOnUse" },
|
|
17
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
18
|
+
React.createElement("stop", { offset: "1", stopColor: "#D6DEED" }))));
|
|
19
|
+
case EIconsTheme.DARK:
|
|
20
|
+
return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "CardMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
21
|
+
React.createElement("circle", { cx: "40", cy: "74", r: "30", fill: "#21A19A" }),
|
|
22
|
+
React.createElement("path", { fill: "url(#a_card128)", d: "M112 84a8 8 0 0 1-8 8H30a8 8 0 0 1-8-8V32a8 8 0 0 1 8-8h74a8 8 0 0 1 8 8z" }),
|
|
23
|
+
React.createElement("path", { fill: "url(#b_card128)", d: "M112 54H202V70H112z", transform: "rotate(-180 112 54)" }),
|
|
24
|
+
React.createElement("path", { fill: "#fff", d: "M50 76a2 2 0 1 1 0 4H36a2 2 0 1 1 0-4zM71 66a2 2 0 1 1 0 4H36a2 2 0 1 1 0-4z" }),
|
|
25
|
+
React.createElement("defs", null,
|
|
26
|
+
React.createElement("radialGradient", { id: "a_card128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(66 -58.36847 45.57072 51.52898 25 94)", gradientUnits: "userSpaceOnUse" },
|
|
27
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
28
|
+
React.createElement("stop", { offset: ".861", stopColor: "#373C49" })),
|
|
29
|
+
React.createElement("radialGradient", { id: "b_card128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-76.5 41.5 -27.104 -94.6908 191 46)", gradientUnits: "userSpaceOnUse" },
|
|
30
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
31
|
+
React.createElement("stop", { offset: "1", stopColor: "#373C49" }))));
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
export default CardMrkIcon128;
|
package/CardMrkIcon96.js
ADDED
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme, EIconsTheme } from "./ThemeProvider";
|
|
3
|
+
const CardMrkIcon96 = React.forwardRef((props, ref) => {
|
|
4
|
+
const theme = useTheme();
|
|
5
|
+
switch (theme) {
|
|
6
|
+
case EIconsTheme.LIGHT:
|
|
7
|
+
return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "CardMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
|
+
React.createElement("circle", { cx: "30.5", cy: "55.5", r: "22.5", fill: "#21A19A" }),
|
|
9
|
+
React.createElement("path", { fill: "url(#a_card96)", d: "M84 63a6 6 0 0 1-6 6H23a6 6 0 0 1-6-6V24a6 6 0 0 1 6-6h55a6 6 0 0 1 6 6z" }),
|
|
10
|
+
React.createElement("path", { fill: "url(#b_card96)", d: "M84 40H151V52H84z", transform: "rotate(-180 84 40)" }),
|
|
11
|
+
React.createElement("path", { fill: "#fff", d: "M37.5 57a1.5 1.5 0 0 1 0 3h-10a1.5 1.5 0 0 1 0-3zM53.5 50a1.5 1.5 0 0 1 0 3h-26a1.5 1.5 0 0 1 0-3z" }),
|
|
12
|
+
React.createElement("defs", null,
|
|
13
|
+
React.createElement("radialGradient", { id: "a_card96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(49.1333 -43.7763 33.9249 38.6467 19.233 70.5)", gradientUnits: "userSpaceOnUse" },
|
|
14
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
15
|
+
React.createElement("stop", { offset: ".861", stopColor: "#D6DEED" })),
|
|
16
|
+
React.createElement("radialGradient", { id: "b_card96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-56.95 31.125 -20.1774 -71.0181 142.811 34)", gradientUnits: "userSpaceOnUse" },
|
|
17
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
18
|
+
React.createElement("stop", { offset: "1", stopColor: "#D6DEED" }))));
|
|
19
|
+
case EIconsTheme.DARK:
|
|
20
|
+
return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "CardMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
21
|
+
React.createElement("circle", { cx: "30.5", cy: "55.5", r: "22.5", fill: "#21A19A" }),
|
|
22
|
+
React.createElement("path", { fill: "url(#a_card96)", d: "M84 63a6 6 0 0 1-6 6H23a6 6 0 0 1-6-6V24a6 6 0 0 1 6-6h55a6 6 0 0 1 6 6z" }),
|
|
23
|
+
React.createElement("path", { fill: "url(#b_card96)", d: "M84 40H151V52H84z", transform: "rotate(-180 84 40)" }),
|
|
24
|
+
React.createElement("path", { fill: "#fff", d: "M37.5 57a1.5 1.5 0 0 1 0 3h-10a1.5 1.5 0 0 1 0-3zM53.5 50a1.5 1.5 0 0 1 0 3h-26a1.5 1.5 0 0 1 0-3z" }),
|
|
25
|
+
React.createElement("defs", null,
|
|
26
|
+
React.createElement("radialGradient", { id: "a_card96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(49.1333 -43.7763 33.9249 38.6467 19.233 70.5)", gradientUnits: "userSpaceOnUse" },
|
|
27
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
28
|
+
React.createElement("stop", { offset: ".861", stopColor: "#373C49" })),
|
|
29
|
+
React.createElement("radialGradient", { id: "b_card96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(-56.95 31.125 -20.1774 -71.0181 142.811 34)", gradientUnits: "userSpaceOnUse" },
|
|
30
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
31
|
+
React.createElement("stop", { offset: "1", stopColor: "#373C49" }))));
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
export default CardMrkIcon96;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme, EIconsTheme } from "./ThemeProvider";
|
|
3
|
+
const CertificateMrkIcon128 = React.forwardRef((props, ref) => {
|
|
4
|
+
const theme = useTheme();
|
|
5
|
+
switch (theme) {
|
|
6
|
+
case EIconsTheme.LIGHT:
|
|
7
|
+
return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "CertificateMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
|
+
React.createElement("path", { fill: "#21A19A", d: "M79.167 48.512c-2.53-3.614-7.516-4.489-11.135-1.955l-11.468 8.03c-3.62 2.535-4.502 7.518-1.972 11.132l27.54 39.332c1.621 2.314 5.07 2.257 6.62-.109l3.862-5.894a8 8 0 0 1 4.868-3.408l6.858-1.613c2.755-.648 3.988-3.87 2.367-6.184z" }),
|
|
9
|
+
React.createElement("path", { fill: "#21A19A", d: "M48.833 48.512c2.53-3.614 7.516-4.489 11.135-1.955l11.468 8.03c3.62 2.535 4.502 7.518 1.972 11.132l-27.54 39.332c-1.621 2.314-5.07 2.257-6.62-.109l-3.862-5.894a8 8 0 0 0-4.868-3.408l-6.858-1.613c-2.754-.648-3.988-3.87-2.367-6.184z" }),
|
|
10
|
+
React.createElement("path", { fill: "url(#a_certificate128)", d: "M61.756 20.991a3.035 3.035 0 0 1 4.488 0l4.825 5.297a3.04 3.04 0 0 0 3.165.848l6.827-2.175a3.035 3.035 0 0 1 3.887 2.244l1.53 7a3.04 3.04 0 0 0 2.317 2.317l7 1.53a3.035 3.035 0 0 1 2.244 3.887l-2.174 6.827a3.04 3.04 0 0 0 .848 3.165l5.296 4.825a3.036 3.036 0 0 1 0 4.488l-5.296 4.825a3.04 3.04 0 0 0-.848 3.165l2.174 6.827a3.035 3.035 0 0 1-2.244 3.887l-7 1.53a3.04 3.04 0 0 0-2.317 2.317l-1.53 7a3.035 3.035 0 0 1-3.887 2.244l-6.827-2.174a3.04 3.04 0 0 0-3.165.848l-4.825 5.296a3.035 3.035 0 0 1-4.488 0l-4.825-5.296a3.04 3.04 0 0 0-3.165-.848l-6.827 2.174a3.035 3.035 0 0 1-3.886-2.244l-1.531-7a3.04 3.04 0 0 0-2.317-2.317l-7-1.53a3.035 3.035 0 0 1-2.243-3.887l2.174-6.827a3.04 3.04 0 0 0-.848-3.165l-5.297-4.825a3.035 3.035 0 0 1 0-4.488l5.297-4.825a3.04 3.04 0 0 0 .848-3.165l-2.175-6.827a3.035 3.035 0 0 1 2.244-3.887l7-1.53a3.04 3.04 0 0 0 2.317-2.317l1.53-7a3.035 3.035 0 0 1 3.887-2.244l6.827 2.175c1.13.36 2.366.028 3.165-.848z" }),
|
|
11
|
+
React.createElement("path", { fill: "#fff", d: "M74 59c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10m4 0c0 7.732-6.268 14-14 14s-14-6.268-14-14 6.268-14 14-14 14 6.268 14 14" }),
|
|
12
|
+
React.createElement("defs", null,
|
|
13
|
+
React.createElement("radialGradient", { id: "a_certificate128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 39 -43.3001 0 64 71.5)", gradientUnits: "userSpaceOnUse" },
|
|
14
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
15
|
+
React.createElement("stop", { offset: ".861", stopColor: "#D6DEED" }))));
|
|
16
|
+
case EIconsTheme.DARK:
|
|
17
|
+
return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "CertificateMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
18
|
+
React.createElement("path", { fill: "#21A19A", d: "M79.167 48.512c-2.53-3.614-7.516-4.489-11.135-1.955l-11.468 8.03c-3.62 2.535-4.502 7.518-1.972 11.132l27.54 39.332c1.621 2.314 5.07 2.257 6.62-.109l3.862-5.894a8 8 0 0 1 4.868-3.408l6.858-1.613c2.755-.648 3.988-3.87 2.367-6.184z" }),
|
|
19
|
+
React.createElement("path", { fill: "#21A19A", d: "M48.833 48.512c2.53-3.614 7.516-4.489 11.135-1.955l11.468 8.03c3.62 2.535 4.502 7.518 1.972 11.132l-27.54 39.332c-1.621 2.314-5.07 2.257-6.62-.109l-3.862-5.894a8 8 0 0 0-4.868-3.408l-6.858-1.613c-2.755-.648-3.988-3.87-2.367-6.184z" }),
|
|
20
|
+
React.createElement("path", { fill: "url(#a_certificate128)", d: "M61.756 20.991a3.035 3.035 0 0 1 4.488 0l4.825 5.297a3.04 3.04 0 0 0 3.165.848l6.827-2.175a3.035 3.035 0 0 1 3.887 2.244l1.53 7a3.04 3.04 0 0 0 2.317 2.317l7 1.53a3.035 3.035 0 0 1 2.244 3.887l-2.174 6.827a3.04 3.04 0 0 0 .848 3.165l5.296 4.825a3.036 3.036 0 0 1 0 4.488l-5.296 4.825a3.04 3.04 0 0 0-.848 3.165l2.174 6.827a3.035 3.035 0 0 1-2.244 3.887l-7 1.53a3.04 3.04 0 0 0-2.317 2.317l-1.53 7a3.035 3.035 0 0 1-3.887 2.244l-6.827-2.174a3.04 3.04 0 0 0-3.165.848l-4.825 5.296a3.035 3.035 0 0 1-4.488 0l-4.825-5.296a3.04 3.04 0 0 0-3.165-.848l-6.827 2.174a3.035 3.035 0 0 1-3.887-2.244l-1.53-7a3.04 3.04 0 0 0-2.317-2.317l-7-1.53a3.035 3.035 0 0 1-2.244-3.887l2.175-6.827a3.04 3.04 0 0 0-.849-3.165l-5.296-4.825a3.035 3.035 0 0 1 0-4.488l5.297-4.825a3.04 3.04 0 0 0 .848-3.165l-2.175-6.827a3.035 3.035 0 0 1 2.244-3.887l7-1.53a3.04 3.04 0 0 0 2.317-2.317l1.53-7a3.035 3.035 0 0 1 3.887-2.244l6.827 2.175c1.13.36 2.366.028 3.165-.848z" }),
|
|
21
|
+
React.createElement("path", { fill: "#fff", d: "M74 59c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10m4 0c0 7.732-6.268 14-14 14s-14-6.268-14-14 6.268-14 14-14 14 6.268 14 14" }),
|
|
22
|
+
React.createElement("defs", null,
|
|
23
|
+
React.createElement("radialGradient", { id: "a_certificate128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 39 -43.3001 0 64 71.5)", gradientUnits: "userSpaceOnUse" },
|
|
24
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
25
|
+
React.createElement("stop", { offset: ".861", stopColor: "#373C49" }))));
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export default CertificateMrkIcon128;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme, EIconsTheme } from "./ThemeProvider";
|
|
3
|
+
const CertificateMrkIcon96 = React.forwardRef((props, ref) => {
|
|
4
|
+
const theme = useTheme();
|
|
5
|
+
switch (theme) {
|
|
6
|
+
case EIconsTheme.LIGHT:
|
|
7
|
+
return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "CertificateMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
|
+
React.createElement("path", { fill: "#21A19A", d: "M59.625 36.313a5.995 5.995 0 0 0-8.35-1.465l-8.602 6.022a5.995 5.995 0 0 0-1.479 8.349l20.655 29.499c1.216 1.735 3.803 1.693 4.965-.082l2.896-4.42a6 6 0 0 1 3.651-2.557l5.144-1.209c2.066-.486 2.99-2.902 1.775-4.638z" }),
|
|
9
|
+
React.createElement("path", { fill: "#21A19A", d: "M36.375 36.313a5.995 5.995 0 0 1 8.35-1.465l8.602 6.022a5.995 5.995 0 0 1 1.479 8.349L34.151 78.718c-1.216 1.735-3.803 1.693-4.966-.082l-2.895-4.42a6 6 0 0 0-3.651-2.557l-5.144-1.209c-2.066-.486-2.99-2.902-1.775-4.638z" }),
|
|
10
|
+
React.createElement("path", { fill: "url(#a_certificate96)", d: "M46.332 14.737a2.257 2.257 0 0 1 3.336 0l3.589 3.938a2.26 2.26 0 0 0 2.353.63l5.077-1.616a2.257 2.257 0 0 1 2.89 1.669l1.138 5.204a2.26 2.26 0 0 0 1.722 1.723l5.205 1.139a2.257 2.257 0 0 1 1.669 2.89l-1.617 5.076c-.267.84-.021 1.76.63 2.353l3.939 3.589a2.257 2.257 0 0 1 0 3.336l-3.938 3.589a2.26 2.26 0 0 0-.631 2.353l1.617 5.077a2.257 2.257 0 0 1-1.669 2.89l-5.205 1.138a2.26 2.26 0 0 0-1.722 1.722l-1.139 5.205a2.257 2.257 0 0 1-2.89 1.669l-5.076-1.617a2.26 2.26 0 0 0-2.353.63l-3.589 3.939a2.257 2.257 0 0 1-3.337 0l-3.588-3.938a2.26 2.26 0 0 0-2.353-.63l-5.077 1.616a2.257 2.257 0 0 1-2.89-1.669l-1.138-5.204a2.26 2.26 0 0 0-1.723-1.723l-5.204-1.139a2.257 2.257 0 0 1-1.669-2.89l1.617-5.076c.267-.84.021-1.76-.63-2.353l-3.94-3.589a2.257 2.257 0 0 1 0-3.336l3.94-3.589a2.26 2.26 0 0 0 .63-2.353l-1.617-5.077a2.257 2.257 0 0 1 1.669-2.89l5.204-1.138a2.26 2.26 0 0 0 1.723-1.723l1.138-5.204a2.257 2.257 0 0 1 2.89-1.669l5.077 1.617c.84.267 1.76.021 2.353-.63z" }),
|
|
11
|
+
React.createElement("path", { fill: "#fff", d: "M55.5 43a7.5 7.5 0 1 0-15 0 7.5 7.5 0 0 0 15 0m3 0c0 5.799-4.701 10.5-10.5 10.5S37.5 48.799 37.5 43 42.2 32.5 48 32.5 58.5 37.201 58.5 43" }),
|
|
12
|
+
React.createElement("defs", null,
|
|
13
|
+
React.createElement("radialGradient", { id: "a_certificate96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 29 -32.1975 0 48 52.295)", gradientUnits: "userSpaceOnUse" },
|
|
14
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
15
|
+
React.createElement("stop", { offset: ".861", stopColor: "#D6DEED" }))));
|
|
16
|
+
case EIconsTheme.DARK:
|
|
17
|
+
return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "CertificateMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
18
|
+
React.createElement("path", { fill: "#21A19A", d: "M59.625 36.313a5.995 5.995 0 0 0-8.35-1.465l-8.602 6.022a5.995 5.995 0 0 0-1.479 8.349l20.655 29.499c1.216 1.735 3.803 1.693 4.965-.082l2.896-4.42a6 6 0 0 1 3.651-2.557l5.144-1.209c2.066-.486 2.99-2.902 1.775-4.638z" }),
|
|
19
|
+
React.createElement("path", { fill: "#21A19A", d: "M36.375 36.313a5.995 5.995 0 0 1 8.35-1.465l8.602 6.022a5.995 5.995 0 0 1 1.479 8.349L34.151 78.718c-1.216 1.735-3.803 1.693-4.966-.082l-2.895-4.42a6 6 0 0 0-3.651-2.557l-5.144-1.209c-2.066-.486-2.99-2.902-1.775-4.638z" }),
|
|
20
|
+
React.createElement("path", { fill: "url(#a_certificate96)", d: "M46.331 14.737a2.257 2.257 0 0 1 3.337 0l3.589 3.938a2.26 2.26 0 0 0 2.353.63l5.077-1.616a2.257 2.257 0 0 1 2.89 1.669l1.138 5.204a2.26 2.26 0 0 0 1.722 1.723l5.205 1.139a2.257 2.257 0 0 1 1.669 2.89l-1.617 5.076c-.268.84-.021 1.76.63 2.353l3.939 3.589a2.257 2.257 0 0 1 0 3.336l-3.938 3.589a2.26 2.26 0 0 0-.631 2.353l1.617 5.077a2.257 2.257 0 0 1-1.669 2.89l-5.205 1.138a2.26 2.26 0 0 0-1.722 1.722l-1.139 5.205a2.257 2.257 0 0 1-2.89 1.669l-5.076-1.617a2.26 2.26 0 0 0-2.353.63l-3.589 3.939a2.257 2.257 0 0 1-3.337 0l-3.588-3.938a2.26 2.26 0 0 0-2.353-.63l-5.077 1.616a2.257 2.257 0 0 1-2.89-1.669l-1.138-5.204a2.26 2.26 0 0 0-1.723-1.723l-5.204-1.139a2.257 2.257 0 0 1-1.669-2.89l1.617-5.076c.267-.84.021-1.76-.63-2.353l-3.94-3.589a2.257 2.257 0 0 1 0-3.336l3.94-3.589a2.26 2.26 0 0 0 .63-2.353l-1.617-5.077a2.257 2.257 0 0 1 1.669-2.89l5.204-1.138a2.26 2.26 0 0 0 1.723-1.723l1.138-5.204a2.257 2.257 0 0 1 2.89-1.669l5.077 1.617c.84.267 1.76.021 2.353-.63z" }),
|
|
21
|
+
React.createElement("path", { fill: "#fff", d: "M55.5 43a7.5 7.5 0 1 0-15 0 7.5 7.5 0 0 0 15 0m3 0c0 5.799-4.701 10.5-10.5 10.5S37.5 48.799 37.5 43 42.2 32.5 48 32.5 58.5 37.201 58.5 43" }),
|
|
22
|
+
React.createElement("defs", null,
|
|
23
|
+
React.createElement("radialGradient", { id: "a_certificate96", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 29 -32.1975 0 48 52.295)", gradientUnits: "userSpaceOnUse" },
|
|
24
|
+
React.createElement("stop", { stopColor: "#50BEB8" }),
|
|
25
|
+
React.createElement("stop", { offset: ".861", stopColor: "#373C49" }))));
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
export default CertificateMrkIcon96;
|
|
@@ -4,11 +4,7 @@ import getPathClassName from "./utils/getPathClassName";
|
|
|
4
4
|
const CompassStrokeSrvIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
|
|
5
5
|
const pathClassName = getPathClassName(paletteIndex, useTheme());
|
|
6
6
|
return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "CompassStrokeSrvIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
-
React.createElement("
|
|
8
|
-
|
|
9
|
-
React.createElement("path", { fillRule: "evenodd", d: "M10 0a1 1 0 0 1 1 1v1.209A2.5 2.5 0 0 1 12.5 4.5c0 .812-.389 1.53-.988 1.986l4.198 6.42q.824-.676 1.51-1.531a1 1 0 0 1 1.56 1.25C16.65 15.288 13.519 17 10 17s-6.648-1.712-8.78-4.375a1 1 0 0 1 1.56-1.25c.456.569.962 1.082 1.51 1.531l4.197-6.42A2.5 2.5 0 0 1 7.5 4.5 2.5 2.5 0 0 1 9 2.209V1a1 1 0 0 1 1-1M5.958 14.007A8.76 8.76 0 0 0 10 15a8.76 8.76 0 0 0 4.041-.992L10 7.826zM10 4a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1", clipRule: "evenodd" })),
|
|
10
|
-
React.createElement("defs", null,
|
|
11
|
-
React.createElement("clipPath", { id: "a_compass20" },
|
|
12
|
-
React.createElement("path", { className: pathClassName, d: "M0 0H20V20H0z" }))));
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M1.971 16.453a1 1 0 0 1 1.674 1.094l-1.308 2a1 1 0 0 1-1.674-1.094zM16.646 16.163a1 1 0 0 1 1.384.29l1.307 2a1 1 0 0 1-1.674 1.094l-1.307-2a1 1 0 0 1 .29-1.384" }),
|
|
8
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M10 0a1 1 0 0 1 1 1v1.209A2.5 2.5 0 0 1 12.5 4.5c0 .812-.389 1.53-.988 1.986l4.198 6.42q.824-.676 1.51-1.531a1 1 0 0 1 1.56 1.25C16.65 15.288 13.519 17 10 17s-6.648-1.712-8.78-4.375a1 1 0 0 1 1.56-1.25c.456.569.962 1.082 1.51 1.531l4.197-6.42A2.5 2.5 0 0 1 7.5 4.5 2.5 2.5 0 0 1 9 2.209V1a1 1 0 0 1 1-1M5.958 14.007A8.76 8.76 0 0 0 10 15a8.76 8.76 0 0 0 4.041-.992L10 7.826zM10 4a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1", clipRule: "evenodd" }));
|
|
13
9
|
});
|
|
14
10
|
export default CompassStrokeSrvIcon20;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme, EIconsTheme } from "./ThemeProvider";
|
|
3
|
+
const CrossMapIcon48 = React.forwardRef((props, ref) => {
|
|
4
|
+
const theme = useTheme();
|
|
5
|
+
switch (theme) {
|
|
6
|
+
case EIconsTheme.LIGHT:
|
|
7
|
+
return React.createElement("svg", { width: "48", height: "48", fill: "none", viewBox: "0 0 48 48", name: "CrossMapIcon48", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
|
+
React.createElement("g", { filter: "url(#a_cross48)" },
|
|
9
|
+
React.createElement("path", { fill: "#fff", d: "M4 12a8 8 0 0 1 8-8h24a8 8 0 0 1 8 8v24a8 8 0 0 1-8 8H12a8 8 0 0 1-8-8z" })),
|
|
10
|
+
React.createElement("path", { fill: "#1F1F22", fillRule: "evenodd", d: "m23.99 22.58 4.29-4.29c.4-.4 1.02-.4 1.41 0 .4.39.4 1.02 0 1.41l-4.29 4.29 4.29 4.29c.4.4.4 1.02 0 1.41-.39.4-1.01.4-1.41 0l-4.29-4.29-4.29 4.29c-.39.4-1.02.4-1.41 0a.98.98 0 0 1 0-1.41l4.29-4.29-4.29-4.29a.98.98 0 0 1 0-1.41c.39-.4 1.02-.4 1.41 0z", clipRule: "evenodd" }),
|
|
11
|
+
React.createElement("defs", null,
|
|
12
|
+
React.createElement("filter", { id: "a_cross48", width: "46", height: "46", x: "1", y: "2", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
|
|
13
|
+
React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
|
|
14
|
+
React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
|
|
15
|
+
React.createElement("feOffset", { dy: "1" }),
|
|
16
|
+
React.createElement("feGaussianBlur", { stdDeviation: "1.5" }),
|
|
17
|
+
React.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
18
|
+
React.createElement("feColorMatrix", { values: "0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.133333 0 0 0 0.25 0" }),
|
|
19
|
+
React.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_1546_898" }),
|
|
20
|
+
React.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_1546_898", result: "shape" }))));
|
|
21
|
+
case EIconsTheme.DARK:
|
|
22
|
+
return React.createElement("svg", { width: "48", height: "48", fill: "none", viewBox: "0 0 48 48", name: "CrossMapIcon48", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
23
|
+
React.createElement("g", { filter: "url(#a_cross48)" },
|
|
24
|
+
React.createElement("path", { fill: "#171719", d: "M4 12a8 8 0 0 1 8-8h24a8 8 0 0 1 8 8v24a8 8 0 0 1-8 8H12a8 8 0 0 1-8-8z" })),
|
|
25
|
+
React.createElement("path", { fill: "#fff", fillOpacity: ".85", fillRule: "evenodd", d: "m23.99 22.58 4.29-4.29c.4-.4 1.02-.4 1.41 0 .4.39.4 1.02 0 1.41l-4.29 4.29 4.29 4.29c.4.4.4 1.02 0 1.41-.39.4-1.01.4-1.41 0l-4.29-4.29-4.29 4.29c-.39.4-1.02.4-1.41 0a.98.98 0 0 1 0-1.41l4.29-4.29-4.29-4.29a.98.98 0 0 1 0-1.41c.39-.4 1.02-.4 1.41 0z", clipRule: "evenodd" }),
|
|
26
|
+
React.createElement("defs", null,
|
|
27
|
+
React.createElement("filter", { id: "a_cross48", width: "46", height: "46", x: "1", y: "2", colorInterpolationFilters: "sRGB", filterUnits: "userSpaceOnUse" },
|
|
28
|
+
React.createElement("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
|
|
29
|
+
React.createElement("feColorMatrix", { in: "SourceAlpha", result: "hardAlpha", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" }),
|
|
30
|
+
React.createElement("feOffset", { dy: "1" }),
|
|
31
|
+
React.createElement("feGaussianBlur", { stdDeviation: "1.5" }),
|
|
32
|
+
React.createElement("feComposite", { in2: "hardAlpha", operator: "out" }),
|
|
33
|
+
React.createElement("feColorMatrix", { values: "0 0 0 0 0.121569 0 0 0 0 0.121569 0 0 0 0 0.133333 0 0 0 0.25 0" }),
|
|
34
|
+
React.createElement("feBlend", { in2: "BackgroundImageFix", result: "effect1_dropShadow_1546_911" }),
|
|
35
|
+
React.createElement("feBlend", { in: "SourceGraphic", in2: "effect1_dropShadow_1546_911", result: "shape" }))));
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
export default CrossMapIcon48;
|
|
@@ -5,6 +5,6 @@ const DigitalrubleStrokePrdIcon20 = React.forwardRef(({ paletteIndex, ...restPro
|
|
|
5
5
|
const pathClassName = getPathClassName(paletteIndex, useTheme());
|
|
6
6
|
return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "DigitalrubleStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
7
|
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M15.5 10a3 3 0 1 1 0 6h-1v.5h.5a1 1 0 1 1 0 2h-.5v.5a1 1 0 0 1-2 0v-.5H12a1 1 0 0 1 0-2h.5V16H12a1 1 0 0 1 0-2h.5v-3l.005-.102A1 1 0 0 1 13.5 10zm-1 4h1a1 1 0 0 0 0-2h-1z", clipRule: "evenodd" }),
|
|
8
|
-
React.createElement("path", { className: pathClassName, d: "M7.778.
|
|
8
|
+
React.createElement("path", { className: pathClassName, d: "M7.778.247A1.001 1.001 0 0 1 8.222 2.2a8.002 8.002 0 0 0 .889 15.753 1 1 0 1 1-.221 1.987C3.889 19.386 0 15.148 0 10 0 5.24 3.325 1.258 7.778.247M11.024 1.001a1 1 0 0 1 1.198-.754 10.01 10.01 0 0 1 7.717 8.643 1 1 0 0 1-1.988.22 8.01 8.01 0 0 0-6.173-6.911A1 1 0 0 1 11.024 1" }));
|
|
9
9
|
});
|
|
10
10
|
export default DigitalrubleStrokePrdIcon20;
|
|
@@ -5,7 +5,7 @@ const DigitalrubleStrokePrdIcon32 = React.forwardRef(({ paletteIndex, ...restPro
|
|
|
5
5
|
const pathClassName = getPathClassName(paletteIndex, useTheme());
|
|
6
6
|
return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "DigitalrubleStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
7
|
React.createElement("path", { className: pathClassName, d: "M13.293 3.282a1 1 0 0 1 .414 1.957C8.732 6.293 5 10.712 5 15.999c0 6.076 4.925 11 11 11a1 1 0 0 1 0 2C8.82 29 3 23.18 3 16 3 9.749 7.413 4.529 13.293 3.283" }),
|
|
8
|
-
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M24 17a3.5 3.5 0 0 1 0 7h-1.5v1h.988a1 1 0 0 1 0 2H22.5v1a1 1 0
|
|
9
|
-
React.createElement("path", { className: pathClassName, d: "M17.522 4.053a1 1 0 0 1 1.185-.771C24.587 4.528 29 9.748 29 16a1 1 0
|
|
8
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M24 17a3.5 3.5 0 0 1 0 7h-1.5v1h.988a1 1 0 0 1 0 2H22.5v1a1 1 0 0 1-2 0v-1h-1a1 1 0 0 1 0-2h1v-1h-1a1 1 0 0 1 0-2h1v-4l.005-.103A1 1 0 0 1 21.5 17zm-1.5 5H24a1.5 1.5 0 0 0 0-3h-1.5z", clipRule: "evenodd" }),
|
|
9
|
+
React.createElement("path", { className: pathClassName, d: "M17.522 4.053a1 1 0 0 1 1.185-.771C24.587 4.528 29 9.748 29 16a1 1 0 0 1-2 0c0-5.288-3.733-9.707-8.707-10.761a1 1 0 0 1-.771-1.186" }));
|
|
10
10
|
});
|
|
11
11
|
export default DigitalrubleStrokePrdIcon32;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const EngineerStrokeSrvIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
|
|
5
|
+
const pathClassName = getPathClassName(paletteIndex, useTheme());
|
|
6
|
+
return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "EngineerStrokeSrvIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M19.731 17.675c.617-.43 1.506-.556 2.241.056l.001.001c1.9 1.588 3.027 3.79 3.027 6.251 0 .323.012.988-.161 1.569-.091.304-.256.67-.574.967a1.82 1.82 0 0 1-1.267.481H9.002c-.487 0-.927-.163-1.268-.481a2.14 2.14 0 0 1-.573-.967C6.987 24.97 7 24.306 7 23.983c0-2.46 1.126-4.663 3.026-6.25l.001-.002c.735-.612 1.624-.486 2.241-.056l.12.09.002.002C13.304 18.51 14.714 19 16 19s2.696-.49 3.61-1.233l.001-.001zm1.076 1.692C19.516 20.39 17.686 21 16 21s-3.517-.61-4.808-1.633C9.777 20.6 9 22.218 9 23.983c0 .19 0 .374.011.559q.018.279.066.438l.008.02h13.83l.008-.02q.046-.158.065-.438c.012-.185.012-.369.012-.559 0-1.765-.777-3.383-2.193-4.616", clipRule: "evenodd" }),
|
|
8
|
+
React.createElement("path", { className: pathClassName, d: "M11.877 12.031a1 1 0 0 1 1.217.72 3.002 3.002 0 0 0 5.811 0 1 1 0 0 1 1.938.498 5.002 5.002 0 0 1-9.686 0 1 1 0 0 1 .72-1.218" }),
|
|
9
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M16 4a6 6 0 0 1 5.81 4.5H22a1 1 0 1 1 0 2h-.764l-1.789.895A1 1 0 0 1 19 11.5h-6a1 1 0 0 1-.448-.105l-1.789-.895H10a1 1 0 0 1 0-2h.19A6 6 0 0 1 16 4m1 3a1 1 0 1 1-2 0v-.873a4.01 4.01 0 0 0-2.86 2.824l1.096.549h5.527l1.098-.55A4.01 4.01 0 0 0 17 6.126z", clipRule: "evenodd" }));
|
|
10
|
+
});
|
|
11
|
+
export default EngineerStrokeSrvIcon32;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const EvotorStrokePrdIcon20 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
|
|
5
|
+
const pathClassName = getPathClassName(paletteIndex, useTheme());
|
|
6
|
+
return React.createElement("svg", { width: "20", height: "20", fill: "none", viewBox: "0 0 20 20", name: "EvotorStrokePrdIcon20", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M9.65 6.994c1.91 0 3.35 1.632 3.35 3.506 0 1.875-1.44 3.507-3.35 3.507-.77 0-1.476-.273-2.035-.72a1 1 0 0 1 1.251-1.562c.226.18.497.282.784.282.38 0 .75-.188 1.008-.507H10a1 1 0 1 1 0-2h.657a1.31 1.31 0 0 0-1.007-.506c-.287 0-.558.1-.784.281a1 1 0 0 1-1.25-1.56 3.25 3.25 0 0 1 2.034-.72" }),
|
|
8
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M14 0a3 3 0 0 1 3 3v14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V3a3 3 0 0 1 3-3zM6 2a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z", clipRule: "evenodd" }));
|
|
9
|
+
});
|
|
10
|
+
export default EvotorStrokePrdIcon20;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme } from "./ThemeProvider";
|
|
3
|
+
import getPathClassName from "./utils/getPathClassName";
|
|
4
|
+
const EvotorStrokePrdIcon32 = React.forwardRef(({ paletteIndex, ...restProps }, ref) => {
|
|
5
|
+
const pathClassName = getPathClassName(paletteIndex, useTheme());
|
|
6
|
+
return React.createElement("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 32 32", name: "EvotorStrokePrdIcon32", focusable: "false", "aria-hidden": "true", ...restProps, ref: ref },
|
|
7
|
+
React.createElement("path", { className: pathClassName, d: "M15.828 11.5c2.295 0 4.047 1.965 4.047 4.25S18.123 20 15.828 20a3.9 3.9 0 0 1-2.453-.87 1 1 0 0 1 1.25-1.56c.343.275.758.43 1.203.43.77 0 1.489-.49 1.833-1.25H16a1 1 0 1 1 0-2h1.661c-.344-.76-1.063-1.25-1.833-1.25-.445 0-.86.155-1.203.43a1 1 0 1 1-1.25-1.56 3.9 3.9 0 0 1 2.453-.87" }),
|
|
8
|
+
React.createElement("path", { className: pathClassName, fillRule: "evenodd", d: "M21 3a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H11a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zM11 5a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1z", clipRule: "evenodd" }));
|
|
9
|
+
});
|
|
10
|
+
export default EvotorStrokePrdIcon32;
|
package/InsalesMrkIcon128.js
CHANGED
|
@@ -5,8 +5,8 @@ const InsalesMrkIcon128 = React.forwardRef((props, ref) => {
|
|
|
5
5
|
switch (theme) {
|
|
6
6
|
case EIconsTheme.LIGHT:
|
|
7
7
|
return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "InsalesMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
|
-
React.createElement("path", { fill: "#21A19A", d: "M64.5
|
|
9
|
-
React.createElement("path", { fill: "url(#a_insales128)", d: "M33.
|
|
8
|
+
React.createElement("path", { fill: "#21A19A", d: "M64.5 13.5c7.167 0 13.063 5.163 14.603 11.946a2.5 2.5 0 1 1-4.874 1.108C73.165 21.87 69.155 18.5 64.5 18.5s-8.664 3.37-9.728 8.054a2.5 2.5 0 1 1-4.875-1.108C51.438 18.663 57.334 13.5 64.5 13.5" }),
|
|
9
|
+
React.createElement("path", { fill: "url(#a_insales128)", d: "M33.024 41.015A10 10 0 0 1 42.976 32h42.048a10 10 0 0 1 9.951 9.015l5.938 60c.582 5.884-4.04 10.985-9.952 10.985H37.038c-5.912 0-10.533-5.101-9.951-10.985z" }),
|
|
10
10
|
React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M52.19 65.448c-.053.099-.204.053-.189-.057 1.057-7.78 9.118-12.265 16.5-11.248q.653.09 1.298.238c.09.02.17.073.225.146l1.396 1.844a.4.4 0 0 1-.085.566l-1.904 1.364a.4.4 0 0 1-.348.06 14 14 0 0 0-.583-.152c-6.223-1.47-13.25 1.46-16.31 7.239m12.475-2.45c-1.766 0-3.854.641-5.533 1.9-1.729 1.297-3.133 3.347-3.133 6.1 0 1.317.302 2.488.9 3.501.592 1.003 1.409 1.744 2.283 2.306 1.619 1.043 3.683 1.612 5.384 2.08l.15.042c1.898.523 3.383.952 4.435 1.628.485.313.8.634 1.002.975.195.33.346.785.346 1.468 0 1.409-.527 2.314-1.308 2.919-.845.654-2.163 1.081-3.86 1.081-3.011 0-4.496-1.488-5.791-2.787l-.127-.127a2 2 0 0 0-2.829 2.828l.171.172c1.38 1.388 3.888 3.914 8.577 3.914 2.304 0 4.57-.573 6.308-1.919 1.802-1.395 2.859-3.49 2.859-6.081 0-1.317-.303-2.488-.901-3.5-.592-1.003-1.409-1.744-2.283-2.306-1.619-1.042-3.683-1.611-5.383-2.08l-.152-.041c-1.897-.524-3.382-.952-4.433-1.629-.486-.312-.802-.634-1.003-.975-.195-.331-.346-.785-.346-1.469 0-1.246.596-2.196 1.534-2.9.987-.74 2.233-1.1 3.133-1.1 1.222 0 1.867.119 2.379.338.525.225 1.102.638 2.04 1.576a2 2 0 0 0 2.829-2.828c-1.062-1.062-2.068-1.9-3.293-2.424-1.238-.53-2.51-.662-3.955-.662", clipRule: "evenodd" }),
|
|
11
11
|
React.createElement("defs", null,
|
|
12
12
|
React.createElement("radialGradient", { id: "a_insales128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 57.0588 -60.2358 0 64 92)", gradientUnits: "userSpaceOnUse" },
|
|
@@ -14,8 +14,8 @@ const InsalesMrkIcon128 = React.forwardRef((props, ref) => {
|
|
|
14
14
|
React.createElement("stop", { offset: ".861", stopColor: "#D6DEED" }))));
|
|
15
15
|
case EIconsTheme.DARK:
|
|
16
16
|
return React.createElement("svg", { width: "128", height: "128", fill: "none", viewBox: "0 0 128 128", name: "InsalesMrkIcon128", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
17
|
-
React.createElement("path", { fill: "#21A19A", d: "M64.5
|
|
18
|
-
React.createElement("path", { fill: "url(#a_insales128)", d: "M33.
|
|
17
|
+
React.createElement("path", { fill: "#21A19A", d: "M64.5 13.5c7.167 0 13.063 5.163 14.603 11.946a2.5 2.5 0 1 1-4.874 1.108C73.165 21.87 69.155 18.5 64.5 18.5s-8.664 3.37-9.727 8.054a2.5 2.5 0 1 1-4.876-1.108C51.439 18.663 57.335 13.5 64.5 13.5" }),
|
|
18
|
+
React.createElement("path", { fill: "url(#a_insales128)", d: "M33.024 41.015A10 10 0 0 1 42.976 32h42.048a10 10 0 0 1 9.951 9.015l5.938 60c.582 5.884-4.04 10.985-9.952 10.985H37.038c-5.912 0-10.533-5.101-9.951-10.985z" }),
|
|
19
19
|
React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M52.19 65.448c-.053.099-.204.053-.189-.057 1.057-7.78 9.118-12.265 16.5-11.248q.653.09 1.298.238c.09.02.17.073.225.146l1.396 1.844a.4.4 0 0 1-.085.566l-1.904 1.364a.4.4 0 0 1-.348.06 14 14 0 0 0-.583-.152c-6.223-1.47-13.25 1.46-16.31 7.239m12.475-2.45c-1.766 0-3.854.641-5.533 1.9-1.729 1.297-3.133 3.347-3.133 6.1 0 1.317.302 2.488.9 3.501.592 1.003 1.409 1.744 2.283 2.306 1.619 1.043 3.683 1.612 5.384 2.08l.15.042c1.898.523 3.383.952 4.435 1.628.485.313.8.634 1.002.975.195.33.346.785.346 1.468 0 1.409-.527 2.314-1.308 2.919-.845.654-2.163 1.081-3.86 1.081-3.011 0-4.496-1.488-5.791-2.787l-.127-.127a2 2 0 0 0-2.829 2.828l.171.172c1.38 1.388 3.888 3.914 8.577 3.914 2.304 0 4.57-.573 6.308-1.919 1.802-1.395 2.859-3.49 2.859-6.081 0-1.317-.303-2.488-.901-3.5-.592-1.003-1.409-1.744-2.283-2.306-1.619-1.042-3.683-1.611-5.383-2.08l-.152-.041c-1.897-.524-3.382-.952-4.433-1.629-.486-.312-.802-.634-1.003-.975-.195-.331-.346-.785-.346-1.469 0-1.246.596-2.196 1.534-2.9.987-.74 2.233-1.1 3.133-1.1 1.222 0 1.867.119 2.379.338.525.225 1.102.638 2.04 1.576a2 2 0 0 0 2.829-2.828c-1.062-1.062-2.068-1.9-3.293-2.424-1.238-.53-2.51-.662-3.955-.662", clipRule: "evenodd" }),
|
|
20
20
|
React.createElement("defs", null,
|
|
21
21
|
React.createElement("radialGradient", { id: "a_insales128", cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 57.0588 -60.1825 0 64 92)", gradientUnits: "userSpaceOnUse" },
|
package/InsalesMrkIcon96.js
CHANGED
|
@@ -5,7 +5,7 @@ const InsalesMrkIcon96 = React.forwardRef((props, ref) => {
|
|
|
5
5
|
switch (theme) {
|
|
6
6
|
case EIconsTheme.LIGHT:
|
|
7
7
|
return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "InsalesMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
|
-
React.createElement("path", { fill: "#21A19A", d: "M48
|
|
8
|
+
React.createElement("path", { fill: "#21A19A", d: "M48 8c5.808 0 10.648 4.124 11.76 9.603a2 2 0 1 1-3.92.794 8.003 8.003 0 0 0-15.68 0 2 2 0 0 1-3.92-.794C37.352 12.124 42.192 8 48 8" }),
|
|
9
9
|
React.createElement("path", { fill: "url(#a_insales96)", d: "M24.338 30.224A8 8 0 0 1 32.3 23h31.4a8 8 0 0 1 7.962 7.224l4.483 46C76.603 80.927 72.907 85 68.183 85H27.817c-4.724 0-8.42-4.073-7.962-8.776z" }),
|
|
10
10
|
React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M39.189 51.444c-.054.098-.204.053-.188-.058.92-6.087 7.585-9.415 13.317-8.102.075.017.14.063.181.127l.949 1.45a.3.3 0 0 1-.075.407l-1.319.957a.3.3 0 0 1-.262.046c-4.727-1.339-10.2.788-12.603 5.173M48.505 50c-1.325 0-2.891.48-4.15 1.425-1.297.973-2.35 2.51-2.35 4.575 0 .99.23 1.871.684 2.632.449.753 1.068 1.307 1.729 1.728 1.225.78 2.788 1.205 4.078 1.557l.114.03c1.438.393 2.57.715 3.37 1.225.371.236.611.478.764.734.147.247.26.585.26 1.094 0 1.028-.402 1.708-1.024 2.175-.672.504-1.702.825-2.975.825-2.371 0-3.499-1.12-4.44-2.06a1.5 1.5 0 0 0-2.121 2.12l.007.007C43.51 69.128 45.383 71 49.005 71c1.726 0 3.446-.429 4.774-1.425 1.378-1.033 2.225-2.603 2.225-4.575 0-.99-.23-1.871-.684-2.632-.45-.752-1.068-1.307-1.729-1.727-1.225-.78-2.787-1.205-4.078-1.557l-.114-.03c-1.438-.393-2.57-.715-3.37-1.225-.37-.236-.611-.478-.764-.734-.147-.247-.26-.586-.26-1.095 0-.934.446-1.647 1.15-2.175.74-.555 1.674-.825 2.35-.825.871 0 1.39.109 1.816.303.446.203.921.556 1.623 1.258a1.5 1.5 0 0 0 2.121-2.122c-.798-.798-1.573-1.445-2.502-1.867-.948-.431-1.93-.572-3.059-.572", clipRule: "evenodd" }),
|
|
11
11
|
React.createElement("defs", null,
|
|
@@ -14,7 +14,7 @@ const InsalesMrkIcon96 = React.forwardRef((props, ref) => {
|
|
|
14
14
|
React.createElement("stop", { offset: ".861", stopColor: "#D6DEED" }))));
|
|
15
15
|
case EIconsTheme.DARK:
|
|
16
16
|
return React.createElement("svg", { width: "96", height: "96", fill: "none", viewBox: "0 0 96 96", name: "InsalesMrkIcon96", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
17
|
-
React.createElement("path", { fill: "#21A19A", d: "M48
|
|
17
|
+
React.createElement("path", { fill: "#21A19A", d: "M48 8c5.808 0 10.648 4.124 11.76 9.603a2 2 0 1 1-3.92.794 8.003 8.003 0 0 0-15.68 0 2 2 0 0 1-3.92-.794C37.352 12.124 42.192 8 48 8" }),
|
|
18
18
|
React.createElement("path", { fill: "url(#a_insales96)", d: "M24.338 30.224A8 8 0 0 1 32.3 23h31.4a8 8 0 0 1 7.962 7.224l4.483 46C76.603 80.927 72.908 85 68.183 85H27.817c-4.724 0-8.42-4.073-7.962-8.776z" }),
|
|
19
19
|
React.createElement("path", { fill: "#fff", fillRule: "evenodd", d: "M39.189 51.444c-.054.098-.204.053-.188-.058.92-6.087 7.585-9.415 13.317-8.102.075.017.14.063.181.127l.949 1.45a.3.3 0 0 1-.075.407l-1.319.957a.3.3 0 0 1-.262.046c-4.727-1.339-10.2.788-12.603 5.173M48.505 50c-1.325 0-2.891.48-4.15 1.425-1.297.973-2.35 2.51-2.35 4.575 0 .99.23 1.871.684 2.632.449.753 1.068 1.307 1.729 1.728 1.225.78 2.788 1.205 4.078 1.557l.114.03c1.438.393 2.57.715 3.37 1.225.371.236.611.478.764.734.147.247.26.585.26 1.094 0 1.028-.402 1.708-1.024 2.175-.672.504-1.702.825-2.975.825-2.371 0-3.499-1.12-4.44-2.06a1.5 1.5 0 0 0-2.121 2.12l.007.007C43.51 69.128 45.383 71 49.005 71c1.726 0 3.446-.429 4.774-1.425 1.378-1.033 2.225-2.603 2.225-4.575 0-.99-.23-1.871-.684-2.632-.45-.752-1.068-1.307-1.729-1.727-1.225-.78-2.787-1.205-4.078-1.557l-.114-.03c-1.438-.393-2.57-.715-3.37-1.225-.37-.236-.611-.478-.764-.734-.147-.247-.26-.586-.26-1.095 0-.934.446-1.647 1.15-2.175.74-.555 1.674-.825 2.35-.825.871 0 1.39.109 1.816.303.446.203.921.556 1.623 1.258a1.5 1.5 0 0 0 2.121-2.122c-.798-.798-1.573-1.445-2.502-1.867-.948-.431-1.93-.572-3.059-.572", clipRule: "evenodd" }),
|
|
20
20
|
React.createElement("defs", null,
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { useTheme, EIconsTheme } from "./ThemeProvider";
|
|
3
|
+
const MaestroBrdIcon24 = React.forwardRef((props, ref) => {
|
|
4
|
+
const theme = useTheme();
|
|
5
|
+
switch (theme) {
|
|
6
|
+
case EIconsTheme.LIGHT:
|
|
7
|
+
return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "MaestroBrdIcon24", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
8
|
+
React.createElement("circle", { cx: "9", cy: "12", r: "6", fill: "#EB001B" }),
|
|
9
|
+
React.createElement("circle", { cx: "15", cy: "12", r: "6", fill: "#00A2EF" }),
|
|
10
|
+
React.createElement("path", { fill: "#7375CF", d: "M12 6.804A6 6 0 0 1 15 12a6 6 0 0 1-3 5.195A6 6 0 0 1 9 12a6 6 0 0 1 3-5.196" }));
|
|
11
|
+
case EIconsTheme.DARK:
|
|
12
|
+
return React.createElement("svg", { width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", name: "MaestroBrdIcon24", focusable: "false", "aria-hidden": "true", ...props, ref: ref },
|
|
13
|
+
React.createElement("circle", { cx: "9", cy: "12", r: "6", fill: "#EB001B" }),
|
|
14
|
+
React.createElement("circle", { cx: "15", cy: "12", r: "6", fill: "#00A2EF" }),
|
|
15
|
+
React.createElement("path", { fill: "#7375CF", d: "M12 6.804A6 6 0 0 1 15 12a6 6 0 0 1-3 5.195A6 6 0 0 1 9 12a6 6 0 0 1 3-5.196" }));
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
export default MaestroBrdIcon24;
|