@pretto/picto
Version:
[](https://www.npmjs.com/package/@pretto/picto)
1,426 lines (1,310 loc) • 171 kB
JavaScript
import React, { useRef, cloneElement, useState, useCallback, createContext, useContext, useEffect } from 'react';
import _extends from '@babel/runtime/helpers/esm/extends';
const PictoContext = /*#__PURE__*/createContext({
optimise: (id, node) => node,
refresh: () => {}
});
const PictoProvider = ({
children
}) => {
const forceUpdate = useForceUpdate();
const cache = useRef({});
const isPending = useRef(false);
const value = {
optimise(id, node) {
if (!(id in cache.current)) {
cache.current = { ...cache.current,
[id]: node
};
isPending.current = true;
}
return /*#__PURE__*/cloneElement(node, {
fill: null,
xmlnsXlink: 'http://www.w3.org/1999/xlink'
}, /*#__PURE__*/React.createElement("use", {
xlinkHref: '#' + id
}));
},
refresh() {
if (!isPending) {
return;
}
forceUpdate();
isPending.current = false;
}
};
return /*#__PURE__*/React.createElement(PictoContext.Provider, {
value: value
}, /*#__PURE__*/React.createElement(React.Fragment, null, children, /*#__PURE__*/React.createElement(Symbols, {
cache: cache
})));
};
const Symbols = ({
cache
}) => {
const entries = Object.entries(cache.current);
if (entries.length < 1) {
return null;
}
return /*#__PURE__*/React.createElement("svg", {
style: {
display: 'none'
},
xmlns: "http://www.w3.org/2000/svg"
}, Object.entries(cache.current).map(([id, node]) => /*#__PURE__*/cloneElement(node, {
as: 'symbol',
className: null,
height: null,
id,
key: id,
width: null,
xmlns: null
})));
};
const useForceUpdate = () => {
const [, updateState] = useState();
const forceUpdate = useCallback(() => updateState({}), []);
return forceUpdate;
};
var SVGComponent$2C = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M24,7H23V23H1V7H0V1H24ZM22,7H2V22H22Zm-6,8H8V11h8Zm-1-3H9v2h6ZM23,2H1V6H23Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Archive = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_15c0G2', /*#__PURE__*/React.createElement(SVGComponent$2C, props));
};
var SVGComponent$2B = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M28.21,30.65l3.99-3.98-8.65-8.66-8.66,8.66L0,11.77l3.12-3.12,11.77,11.78,8.66-8.66,11.77,11.78,3.99-3.99,.69,11.79-11.79-.7Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "40",
height: "40",
viewBox: "0 0 40 40",
fill: "currentColor"
}, props), children));
const ArrowDirectionDown = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_1uVN2t', /*#__PURE__*/React.createElement(SVGComponent$2B, props));
};
var SVGComponent$2A = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M40,20l-8.82-7.85v5.65H0S0,22.2,0,22.2H31.18s-.01,5.65-.01,5.65l8.83-7.85Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "40",
height: "40",
viewBox: "0 0 40 40",
fill: "currentColor"
}, props), children));
const ArrowDirectionEgal = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_1uVSMB', /*#__PURE__*/React.createElement(SVGComponent$2A, props));
};
var SVGComponent$2z = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M28.21,9.35l3.99,3.98-8.65,8.66L14.89,13.33,0,28.23l3.12,3.12,11.77-11.78,8.66,8.66,11.77-11.78,3.99,3.99,.69-11.79-11.79,.7Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "40",
height: "40",
viewBox: "0 0 40 40",
fill: "currentColor"
}, props), children));
const ArrowDirectionUp = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_ZDUIq2', /*#__PURE__*/React.createElement(SVGComponent$2z, props));
};
var SVGComponent$2y = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M23,11h1V3H16V4h6.29L10.65,15.65l.7.7L23,4.71ZM1,13H0v8H8V20H1.71L13.35,8.35l-.7-.7L1,19.29Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const ArrowDouble = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z1oHpFA', /*#__PURE__*/React.createElement(SVGComponent$2y, props));
};
var SVGComponent$2x = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m12.83,15.3l2.49-2.51,1.18,1.18-4.5,4.53-4.5-4.53,1.18-1.18,2.49,2.51V5.5h1.66v9.8Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const ArrowDown = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_19AFBf', /*#__PURE__*/React.createElement(SVGComponent$2x, props));
};
var SVGComponent$2w = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M3.51,20.49a12,12,0,1,1,17,0A12,12,0,0,1,3.51,20.49Zm.71-.71a11,11,0,1,1,15.56,0A11,11,0,0,1,4.22,19.78Zm11.55-4.72-.6-5.92,1,0L17,17l-7.86-.79.06-1,5.91.61L6.7,7.4l.7-.7Z",
fillRule: "evenodd"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const ArrowDownRightCircle = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_ZmSCts', /*#__PURE__*/React.createElement(SVGComponent$2w, props));
};
var SVGComponent$2v = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m8.7,12.83l2.51,2.49-1.18,1.18-4.53-4.5,4.53-4.5,1.18,1.18-2.51,2.49h9.8v1.66h-9.8Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const ArrowLeft = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_19BFVb', /*#__PURE__*/React.createElement(SVGComponent$2v, props));
};
var SVGComponent$2u = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m11.25,17.11l3.58,3.57-1.57,1.57-6.26-6.25,6.26-6.25,1.57,1.57-3.58,3.57h13.75v2.22h-13.75Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "32",
height: "32",
viewBox: "0 0 32 32",
fill: "currentColor"
}, props), children));
const ArrowLeftBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z2ipaWS', /*#__PURE__*/React.createElement(SVGComponent$2u, props));
};
var SVGComponent$2t = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m15.3,11.17l-2.51-2.49,1.18-1.18,4.53,4.5-4.53,4.5-1.18-1.18,2.51-2.49H5.5v-1.66h9.8Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const ArrowRight = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_iaeGf', /*#__PURE__*/React.createElement(SVGComponent$2t, props));
};
var SVGComponent$2s = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m20.75,14.89l-3.58-3.57,1.57-1.57,6.26,6.25-6.26,6.25-1.57-1.57,3.58-3.57H7v-2.22h13.75Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "32",
height: "32",
viewBox: "0 0 32 32",
fill: "currentColor"
}, props), children));
const ArrowRightBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_11WmGg', /*#__PURE__*/React.createElement(SVGComponent$2s, props));
};
var SVGComponent$2r = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m16.5,10.03l-1.18,1.18-2.49-2.51v9.8h-1.66v-9.8l-2.49,2.51-1.18-1.18,4.5-4.53,4.5,4.53Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const ArrowUp = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_16d0VX', /*#__PURE__*/React.createElement(SVGComponent$2r, props));
};
var SVGComponent$2q = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M20.49,20.49a12,12,0,1,1,0-17A12,12,0,0,1,20.49,20.49Zm-.71-.71a11,11,0,1,1,0-15.56A11,11,0,0,1,19.78,19.78ZM15.06,8.23l-5.92.6,0-1L17,7.05l-.79,7.86-1-.06.61-5.91L7.4,17.3l-.7-.7Z",
fillRule: "evenodd"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const ArrowUpRightCircle = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z76OT6', /*#__PURE__*/React.createElement(SVGComponent$2q, props));
};
var SVGComponent$2p = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M23 9.5V5L12 0.5L10.57 1L1 5V9.5H3V19.58C2.46957 19.58 1.96086 19.7907 1.58579 20.1658C1.21071 20.5409 1 21.0496 1 21.58V23.5H23V21.58C23 21.0496 22.7893 20.5409 22.4142 20.1658C22.0391 19.7907 21.5304 19.58 21 19.58V9.5H23ZM22 21.58V22.5H2V21.58C2 21.3148 2.10536 21.0604 2.29289 20.8729C2.48043 20.6854 2.73478 20.58 3 20.58H21C21.2652 20.58 21.5196 20.6854 21.7071 20.8729C21.8946 21.0604 22 21.3148 22 21.58ZM4 19.58V9.5H6V19.58H4ZM7 19.58V9.5H10V19.58H7ZM11 19.58V9.5H13V19.58H11ZM14 19.58V9.5H17V19.58H14ZM18 19.58V9.5H20V19.58H18ZM2 8.5V5.68L12 1.57L22 5.68V8.5H2ZM12 3.42C11.6044 3.42 11.2178 3.5373 10.8889 3.75706C10.56 3.97682 10.3036 4.28918 10.1522 4.65463C10.0009 5.02009 9.96126 5.42222 10.0384 5.81018C10.1156 6.19814 10.3061 6.55451 10.5858 6.83421C10.8655 7.11392 11.2219 7.3044 11.6098 7.38157C11.9978 7.45874 12.3999 7.41913 12.7654 7.26776C13.1308 7.11638 13.4432 6.86004 13.6629 6.53114C13.8827 6.20224 14 5.81556 14 5.42C14 4.88957 13.7893 4.38086 13.4142 4.00579C13.0391 3.63071 12.5304 3.42 12 3.42ZM12 6.42C11.8022 6.42 11.6089 6.36135 11.4444 6.25147C11.28 6.14159 11.1518 5.98541 11.0761 5.80268C11.0004 5.61996 10.9806 5.41889 11.0192 5.22491C11.0578 5.03093 11.153 4.85275 11.2929 4.71289C11.4327 4.57304 11.6109 4.4778 11.8049 4.43921C11.9989 4.40063 12.2 4.42043 12.3827 4.49612C12.5654 4.57181 12.7216 4.69998 12.8315 4.86443C12.9414 5.02888 13 5.22222 13 5.42C13 5.68522 12.8946 5.93957 12.7071 6.12711C12.5196 6.31464 12.2652 6.42 12 6.42Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
width: "24",
height: "24",
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Bank = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_95oG', /*#__PURE__*/React.createElement(SVGComponent$2p, props));
};
var SVGComponent$2o = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M21.19,7H24V22H3V17H.19V2h21ZM23,8H4V21H23ZM13.5,9A5.5,5.5,0,1,1,8,14.5,5.5,5.5,0,0,1,13.5,9Zm0,1A4.5,4.5,0,1,1,9,14.5,4.51,4.51,0,0,1,13.5,10Zm.5,8H13v-.8a1.7,1.7,0,0,1-1.48-1.71h1c0,.59.33.89,1,.89.82,0,1.33-.92-.17-1.44-.76-.27-1.68-.68-1.68-1.69A1.49,1.49,0,0,1,13,11.8V11h1v.81a1.57,1.57,0,0,1,1.31,1.59h-1a.74.74,0,0,0-.81-.77c-.55,0-.79.29-.79.62s.14.5,1,.77c1.06.34,1.66.84,1.66,1.74A1.42,1.42,0,0,1,14,17.21ZM20.19,7V3h-19V16H3V7Z",
fillRule: "evenodd"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const BankNote = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z27BwJf', /*#__PURE__*/React.createElement(SVGComponent$2o, props));
};
var SVGComponent$2n = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M24,19H0V18H24Zm0-6H0V12H24Zm0-6H0V6H24Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Bars = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_95qQ', /*#__PURE__*/React.createElement(SVGComponent$2n, props));
};
var SVGComponent$2m = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M1,20V17.05C3,16.4,3.58,14.9,4.67,11c.9-3.22,1.89-6.79,4.87-8a2.22,2.22,0,0,1,0-.45,2.5,2.5,0,0,1,5,0,2.32,2.32,0,0,1,0,.46c3,1.24,4,4.81,4.88,8,1.1,3.95,1.7,5.42,3.66,6.06V20H16a4,4,0,0,1-8,0Zm14,0H9a3,3,0,0,0,6,0ZM2,19H22V17.76c-2.06-.92-2.82-3.63-3.62-6.5C17.31,7.45,16.21,3.5,12,3.5S6.69,7.44,5.63,11.24c-.8,2.88-1.56,5.6-3.63,6.52ZM13.49,2.65V2.5a1.5,1.5,0,0,0-3,0v.15A6.87,6.87,0,0,1,12,2.5,7,7,0,0,1,13.49,2.65Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Bell = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_96pH', /*#__PURE__*/React.createElement(SVGComponent$2m, props));
};
var SVGComponent$2l = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M5,0V24l7-6,7,6V0ZM6,1H18V21.83l-6-5.15L6,21.83Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Bookmark = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_2ruN6Q', /*#__PURE__*/React.createElement(SVGComponent$2l, props));
};
var SVGComponent$2k = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m8,5.04c-.55,0-1,.45-1,1v20c0,.55.45,1,1,1h3.5c.55,0,1-.45,1-1V6.04c0-.55-.45-1-1-1h-3.5Zm11.5,0c-.55,0-1,.45-1,1v20c0,.55.45,1,1,1h3.5c.55,0,1-.45,1-1V6.04c0-.55-.45-1-1-1h-3.5Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "32",
height: "32",
viewBox: "0 0 32 32",
fill: "currentColor"
}, props), children));
const BreakBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_7BImG', /*#__PURE__*/React.createElement(SVGComponent$2k, props));
};
var SVGComponent$2j = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M16,4h8V23H0V4H8V2A1,1,0,0,1,9,1h6a1,1,0,0,1,1,1Zm7,1H1V22H23ZM20,9v1H4V9ZM15,2.5a.47.47,0,0,0-.15-.35A.47.47,0,0,0,14.5,2h-5a.47.47,0,0,0-.35.15A.47.47,0,0,0,9,2.5V4h6Z",
fillRule: "evenodd"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const Briefcase = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_ZCaOqa', /*#__PURE__*/React.createElement(SVGComponent$2j, props));
};
var SVGComponent$2i = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M20,15a1,1,0,1,1-1-1A1,1,0,0,1,20,15Zm-3,0a1,1,0,1,1-1-1A1,1,0,0,1,17,15Zm-3,0a1,1,0,1,1-1-1A1,1,0,0,1,14,15ZM19.42,20a12.75,12.75,0,0,1-3.33.48C12.63,20.43,9,18.36,9,15c0-3.13,3.14-5.68,7-5.68s7,2.55,7,5.68a5.07,5.07,0,0,1-1.48,3.52l.84,2.69ZM6,16.57l-4.39,1.9,1.26-4A6.82,6.82,0,0,1,1,9.76C1,5.48,5.26,2,10.5,2c5,0,9.13,3.19,9.47,7.22a9.35,9.35,0,0,0-4-.89c-4.2,0-8,2.8-8,6.68a5.42,5.42,0,0,0,.41,2A17.1,17.1,0,0,1,6,16.57ZM24,15A6.25,6.25,0,0,0,21,9.8v0C21,4.67,16,1,10.5,1S0,4.7,0,9.76a7.75,7.75,0,0,0,1.79,4.92L.05,20.25l6.07-2.63A17,17,0,0,0,9,18.11a8.35,8.35,0,0,0,7.11,3.32A13.08,13.08,0,0,0,19.33,21L24,23l-1.32-4.25A5.87,5.87,0,0,0,24,15Z",
fillRule: "evenodd"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const BubbleDouble = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_2qOs6B', /*#__PURE__*/React.createElement(SVGComponent$2i, props));
};
var SVGComponent$2h = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M12,2h2V4h2V7.7l7,2.62V23h1v1H0V23H1V12H7V4H9V2h2V0h1Zm3,3H8V23H9V21h5v2h1ZM13,22H10v1h3Zm8,1h1V11L16,8.77V23h1V21h4ZM7,13H2V23H3V21H6v2H7ZM5,22H4v1H5Zm15,0H18v1h2ZM4,17v2H3V17Zm2,0v2H5V17ZM11,7V19H10V7ZM21,18v1H17V18ZM13,7V19H12V7Zm8,9v1H17V16ZM4,14v2H3V14Zm2,0v2H5V14Zm15,0v1H17V14Zm0-2v1H17V12ZM13,3H10V4h3Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Building = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z1BE88O', /*#__PURE__*/React.createElement(SVGComponent$2h, props));
};
var SVGComponent$2g = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M13,24H11a1,1,0,0,1-.75-.34L9.67,23h4.66l-.58.66A1,1,0,0,1,13,24Zm1.87-3a.5.5,0,1,1,0,1H9.13a.5.5,0,1,1,0-1ZM12,4c3,0,6,2,6,5.73A10.74,10.74,0,0,1,16.09,15a10.41,10.41,0,0,0-1.84,5h1c0-3.29,3.75-6.1,3.75-10.27C19,5.39,15.5,3,12,3S5,5.39,5,9.73c0,4.17,3.75,7,3.75,10.27h1a10.41,10.41,0,0,0-1.84-5A10.74,10.74,0,0,1,6,9.73C6,6,9,4,12,4Zm9.42,8a.49.49,0,0,1,.25.66.5.5,0,0,1-.66.25l-.91-.42a.5.5,0,0,1-.25-.66.49.49,0,0,1,.66-.24ZM2.58,12a.49.49,0,0,0-.25.66.5.5,0,0,0,.66.25l.91-.42a.5.5,0,0,0,.25-.66.49.49,0,0,0-.66-.24ZM21.5,9h-1a.5.5,0,0,1,0-1h1a.5.5,0,0,1,0,1ZM3.5,8a.5.5,0,0,1,0,1h-1a.5.5,0,0,1,0-1ZM20.32,4.91a.5.5,0,0,0-.57-.82l-.82.57a.5.5,0,0,0-.13.7.51.51,0,0,0,.7.12Zm-16.64,0a.5.5,0,0,1,.57-.82l.82.57a.5.5,0,0,1,.13.7.51.51,0,0,1-.7.12ZM17,1.88a.5.5,0,0,0-.87-.49l-.49.87a.51.51,0,0,0,.2.68.5.5,0,0,0,.68-.19Zm-10,0a.5.5,0,0,1,.87-.49l.49.87a.51.51,0,0,1-.2.68.5.5,0,0,1-.68-.19ZM12.5.5a.5.5,0,0,0-1,0v1a.5.5,0,0,0,1,0Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Bulb = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_9axB', /*#__PURE__*/React.createElement(SVGComponent$2g, props));
};
var SVGComponent$2f = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
cx: "8",
cy: "8",
r: "4"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "16",
viewBox: "0 0 16 16",
width: "16",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const BulletBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z27pwP4', /*#__PURE__*/React.createElement(SVGComponent$2f, props));
};
var SVGComponent$2e = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("circle", {
cx: "12",
cy: "12",
r: "4"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const BulletBook = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z27pwNq', /*#__PURE__*/React.createElement(SVGComponent$2e, props));
};
var SVGComponent$2d = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M12.23,18.06a2.49,2.49,0,0,0,2.68-2.43l1.05.14A3.46,3.46,0,0,1,12.23,19a3.81,3.81,0,0,1-3.91-3.12H7V15H8.18c0-.16,0-.32,0-.48s0-.27,0-.41H7v-.9H8.3A3.88,3.88,0,0,1,12.23,10a3.5,3.5,0,0,1,3.69,3l-1,.16a2.54,2.54,0,0,0-2.7-2.23,2.82,2.82,0,0,0-2.88,2.25H13v.9H9.19c0,.14,0,.27,0,.41a3.87,3.87,0,0,0,0,.48h2.87v.9H9.36A2.82,2.82,0,0,0,12.23,18.06ZM15.5,5a3.93,3.93,0,0,1-.29,1.5h2.65l5.33,16H.85l4.27-16H7.79A3.93,3.93,0,0,1,7.5,5a4,4,0,0,1,8,0ZM8.9,6.5h5.2a3,3,0,1,0-5.2,0Zm-3,1-3.73,14H21.81l-4.67-14Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const Burden = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_2mw1QN', /*#__PURE__*/React.createElement(SVGComponent$2d, props));
};
var SVGComponent$2c = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m4.5,7c0-.28.22-.5.5-.5h22c.28,0,.5.22.5.5v2c0,.28-.22.5-.5.5H5c-.28,0-.5-.22-.5-.5v-2Zm0,8c0-.28.22-.5.5-.5h22c.28,0,.5.22.5.5v2c0,.28-.22.5-.5.5H5c-.28,0-.5-.22-.5-.5v-2Zm.5,7.5c-.28,0-.5.22-.5.5v2c0,.28.22.5.5.5h22c.28,0,.5-.22.5-.5v-2c0-.28-.22-.5-.5-.5H5Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "32",
height: "32",
viewBox: "0 0 32 32",
fill: "currentColor"
}, props), children));
const BurgerBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z50ELm', /*#__PURE__*/React.createElement(SVGComponent$2c, props));
};
var SVGComponent$2b = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M22,24H2V0H22ZM3,23H21V1H3ZM20,7H4V2H20ZM5,6H19V3H5Zm4,6H5V8H9ZM6,11H8V9H6Zm8,1H10V8h4Zm-3-1h2V9H11Zm3,6H10V13h4Zm-3-1h2V14H11ZM9,17H5V13H9ZM6,16H8V14H6Zm3,6H5V18H9ZM6,21H8V19H6Zm13-9H15V8h4Zm-3-1h2V9H16Zm3,6H15V13h4Zm-3-1h2V14H16Zm3,6H10V18h9Zm-8-1h7V19H11Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Calculator = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_10Jxyh', /*#__PURE__*/React.createElement(SVGComponent$2b, props));
};
var SVGComponent$2a = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M23.9,23H-.1V4h4V1h4V4h8V1h4V4h4Zm-1-15H.9V22h22ZM6.4,16.8l1-.1c.2.9.7,1.5,1.6,1.5a1.61,1.61,0,0,0,1.7-1.6c0-1-.8-1.8-2.4-1.4l.1-.8c.9.1,1.9-.3,1.9-1.3,0-.7-.5-1.2-1.4-1.2a1.45,1.45,0,0,0-1.5,1.4l-1-.2a2.39,2.39,0,0,1,2.5-2,2.28,2.28,0,0,1,2.5,2,1.88,1.88,0,0,1-1.2,1.6,1.85,1.85,0,0,1,1.6,1.9C11.9,18,10.6,19,9,19A2.39,2.39,0,0,1,6.4,16.8ZM15.9,19h-1V12.7a8.17,8.17,0,0,1-2,1.2V13a4.69,4.69,0,0,0,2.3-2h.7Zm7-14H.9V7h22ZM6.9,2h-2V4h2Zm12,0h-2V4h2Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Calendar = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z8cP4v', /*#__PURE__*/React.createElement(SVGComponent$2a, props));
};
var SVGComponent$29 = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M13,2V0H11V2H5V0H3V2H0V15H16V2Zm2,12H1V5H15ZM15,4H1V3H15ZM10.43,7.68,9,8.56v-1l1.53-.91.9,0v5.88h-1ZM7.27,10.74c0-.63-.4-.92-1.19-.92h-.5V9H6c.7,0,1.09-.3,1.09-.83a.9.9,0,0,0-1-.84h0a1.11,1.11,0,0,0-1.16,1l-1-.15A2,2,0,0,1,6,6.5c1.15,0,2,.67,2,1.62a1.4,1.4,0,0,1-.72,1.22,1.52,1.52,0,0,1,.93,1.51c0,1.07-.84,1.78-2.1,1.78a2.11,2.11,0,0,1-2.3-1.9,1.34,1.34,0,0,1,0-.2l1-.14c.08.88.54,1.35,1.34,1.35S7.27,11.37,7.27,10.74Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16",
fill: "currentColor"
}, props), children));
const CalendarBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_ZdD3T7', /*#__PURE__*/React.createElement(SVGComponent$29, props));
};
var SVGComponent$28 = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M15,3a2,2,0,0,1,2,2V9l7-4V19l-7-4v4a2,2,0,0,1-2,2H2a2,2,0,0,1-2-2V5A2,2,0,0,1,2,3Zm0,17a1,1,0,0,0,1-1V5a1,1,0,0,0-1-1H2A1,1,0,0,0,1,5V19a1,1,0,0,0,1,1Zm2-9.85v3.7l6,3.43V6.72Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const Camera = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_2nf8iD', /*#__PURE__*/React.createElement(SVGComponent$28, props));
};
var SVGComponent$27 = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M6,4.4H5V3H24V19H16.3L19,23H17.7L15,19H13l-2.7,4H9l2.7-4H9V18h8V17h3v1h3V4H6ZM8.2,21.8A1.16,1.16,0,0,1,7,23a1.38,1.38,0,0,1-1.3-1.2l-.4-4-.3,4A1.22,1.22,0,0,1,3.8,23a1.3,1.3,0,0,1-1.3-1.2l-.3-6.5-.3.6a1.23,1.23,0,0,1-1.3.5,1.09,1.09,0,0,1-.7-1v-.3L1.2,11a1.41,1.41,0,0,1,1.4-1H6.7A4.15,4.15,0,0,0,8,9.7l3.1-1.8a1.06,1.06,0,0,1,1.2.2.94.94,0,0,1-.1,1.3l-3,2.9a1.82,1.82,0,0,0-.6,1.4C8.5,15.1,8.2,21.8,8.2,21.8ZM2.5,11c-.2,0-.3.1-.4.3-.3,1-1,3.7-1.1,4.1l1.5-2.6a.32.32,0,0,1,.6.2l.3,8.8c.1.2.6.2.6,0,0,0,.3-3.4.3-3.9a.94.94,0,0,1,1-1,1,1,0,0,1,1,1c0,.3.3,3.4.4,3.9s.5.3.5,0c0,0,.2-6.7.3-8.1a3.33,3.33,0,0,1,.9-2.1l3-2.9c-.7.5-2.4,1.5-3.1,1.9a3.53,3.53,0,0,1-1.7.4ZM19,12H14V11h5Zm2-2H14V9h7ZM5.3,5A2.26,2.26,0,0,0,3,7.3,2.26,2.26,0,0,0,5.3,9.6,2.26,2.26,0,0,0,7.6,7.3,2.26,2.26,0,0,0,5.3,5Zm0,1a1.3,1.3,0,0,1,0,2.6A1.26,1.26,0,0,1,4,7.3,1.26,1.26,0,0,1,5.3,6ZM21,8H14V7h7Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const ChalkboardTeacher = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_2vUgaA', /*#__PURE__*/React.createElement(SVGComponent$27, props));
};
var SVGComponent$26 = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M0,22H1V17H5v5H7V12h4V22h2V7h4V22h2V1h4V22h1v1H0Zm4-4H2v4H4Zm6-5H8v9h2Zm6-5H14V22h2Zm6-6H20V22h2Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const ChartBar = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_1Lpmv3', /*#__PURE__*/React.createElement(SVGComponent$26, props));
};
var SVGComponent$25 = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M24,4.68,7.67,22,0,13l.76-.65,7,8.2L23.27,4Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Check = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_4GGpz', /*#__PURE__*/React.createElement(SVGComponent$25, props));
};
var SVGComponent$24 = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M5.8,11.6l8-8.29,1.44,1.38L5.88,14.4.32,9.23,1.68,7.77Z",
fillRule: "evenodd"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16",
fill: "currentColor"
}, props), children));
const CheckBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z2eHEHd', /*#__PURE__*/React.createElement(SVGComponent$24, props));
};
var SVGComponent$23 = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m6.52,10.72l5.99-6.22,1.08,1.04-7.01,7.28-4.17-3.88,1.02-1.1,3.09,2.87Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16",
fill: "currentColor"
}, props), children));
const CheckBoldMini = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_XYUds', /*#__PURE__*/React.createElement(SVGComponent$23, props));
};
var SVGComponent$22 = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M18.63,4.23c-.16-.16-.41-.32-.57-.16-.56.56-1.49.58-1.92,1.35v0c-.57.67-1.38,1.08-1.63,2a.35.35,0,0,0,.08,0l-.08,0c-.15.08-.16.23-.16.38l0,0a11.4,11.4,0,0,1-.89,1.08h0c-.08.15-.15.24-.23.37l-.09,0c-.23.41-.55.76-.8,1.17h0a10.34,10.34,0,0,1-.53,1l-.2.2a1.54,1.54,0,0,0-.05.17,2.6,2.6,0,0,0-.62,1.39l0,.05c-.09.07-.16.23-.25.32l0,.06a3.05,3.05,0,0,0-.7.88.18.18,0,0,0-.07.05.73.73,0,0,0-.16.41.06.06,0,0,0,0,0,4.53,4.53,0,0,0-.79,1.11l.08.08-.06,0c-.25.07-.09.67-.57.57l-.14-.09c-.23-.38-.44-.81-.66-1.27a.43.43,0,0,1,0-.11v-.12h0a.08.08,0,0,0,0,0,.3.3,0,0,1,0-.13c-.07-.22-.18-.47-.27-.72l-.09-.28A2.18,2.18,0,0,1,7,13.46a1.89,1.89,0,0,0-.8-1l0,0a.81.81,0,0,0-1.07-.24c-.39.25-.16.67.09.92a0,0,0,0,1,0,0,.91.91,0,0,0,.15.38h0A19.54,19.54,0,0,0,7,18.09a1,1,0,0,0,.07-.15,1,1,0,0,1,0,.17,1.15,1.15,0,0,0,.23.55l0,0H7.29c.51.67,1.08,1.17,2.05.76v0a1.26,1.26,0,0,0,.68-.78l.12-.1c0-.25.09-.41.09-.57.74-.48.9-1.31,1.31-2.07A6,6,0,0,1,12,15a3.86,3.86,0,0,0,.8-2.12l-.08,0,0,0c.07,0,.08-.07.09-.11l0,0c.48-.07.48-.51.57-.83l-.12.08.12-.17.16-.16v0l0,0a9.67,9.67,0,0,0,2.11-3,.56.56,0,0,1,.05-.08s0,.06,0,.08c.32-.41,1.06-.64.64-1.4h0c.9-.25,1.22-1,1.7-1.59h0c.07-.16.16-.25.23-.41h0c.09-.09.25-.16.34-.25V5C19,4.78,18.87,4.47,18.63,4.23ZM16.2,6l0,0-.11,0ZM7.54,16.87h0l-.08.06Zm-.13.34s0,0,0,.05h0S7.4,17.23,7.41,17.21Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const CheckHandwrite = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_14TK4O', /*#__PURE__*/React.createElement(SVGComponent$22, props));
};
var SVGComponent$21 = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m7.43,10.57l1.13-1.13,3.43,3.43,3.43-3.43,1.13,1.13-4.57,4.57-4.57-4.57Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const ChevronDown = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_ZslpJA', /*#__PURE__*/React.createElement(SVGComponent$21, props));
};
var SVGComponent$20 = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M1.94,5.86l1.29-1.3L7.44,8.84l4.2-4.28,1.3,1.3-5.5,5.58Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "16",
viewBox: "0 0 16 16",
width: "16",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const ChevronDownBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_126jrr', /*#__PURE__*/React.createElement(SVGComponent$20, props));
};
var SVGComponent$1$ = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M9.58,2.5l1.3,1.3L6.59,8l4.29,4.2-1.3,1.3L4,8Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "16",
viewBox: "0 0 16 16",
width: "16",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const ChevronLeftBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_1n8MkT', /*#__PURE__*/React.createElement(SVGComponent$1$, props));
};
var SVGComponent$1_ = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M6.3,2.5,5,3.8,9.28,8,5,12.2l1.3,1.3L11.88,8Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "16",
viewBox: "0 0 16 16",
width: "16",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const ChevronRightBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z1NlNzP', /*#__PURE__*/React.createElement(SVGComponent$1_, props));
};
var SVGComponent$1Z = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m16.56,13.44l-1.13,1.13-3.43-3.43-3.43,3.43-1.13-1.13,4.57-4.57,4.57,4.57Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const ChevronUp = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_Z1zQNF8', /*#__PURE__*/React.createElement(SVGComponent$1Z, props));
};
var SVGComponent$1Y = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M1.94,10.14l1.29,1.3L7.44,7.16l4.2,4.28,1.3-1.3L7.44,4.56Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "16",
viewBox: "0 0 16 16",
width: "16",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const ChevronUpBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_1q8qOU', /*#__PURE__*/React.createElement(SVGComponent$1Y, props));
};
var SVGComponent$1X = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M12,0A12,12,0,1,1,0,12,12,12,0,0,1,12,0Zm0,1A11,11,0,1,1,1,12,11,11,0,0,1,12,1Zm0,11h6v1H11V4h1Z",
fillRule: "evenodd"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Clock = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_4Hg1C', /*#__PURE__*/React.createElement(SVGComponent$1X, props));
};
var SVGComponent$1W = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M8.5,8.17h2.67v1.5H7V4.83H8.5Zm6-.17A6.5,6.5,0,1,1,8,1.5,6.51,6.51,0,0,1,14.5,8ZM13,8a5,5,0,1,0-5,5A5,5,0,0,0,13,8Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "16",
height: "16",
viewBox: "0 0 16 16",
fill: "currentColor"
}, props), children));
const ClockBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_1ga8eC', /*#__PURE__*/React.createElement(SVGComponent$1W, props));
};
var SVGComponent$1V = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m16,17.73l5.27,5.27,1.73-1.73-5.27-5.27,5.27-5.27-1.73-1.73-5.27,5.27-5.27-5.27-1.73,1.73,5.27,5.27-5.27,5.27,1.73,1.73,5.27-5.27Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "32",
height: "32",
viewBox: "0 0 32 32",
fill: "currentColor"
}, props), children));
const CloseBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_1MPN80', /*#__PURE__*/React.createElement(SVGComponent$1V, props));
};
var SVGComponent$1U = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M18.5,20H5.5a4.5,4.5,0,0,1-.8-8.92l.78-.14,0-.79a6.49,6.49,0,0,1,13,0l0,.79.78.14A4.5,4.5,0,0,1,18.5,20Zm1-9.91a7.49,7.49,0,0,0-15,0A5.5,5.5,0,0,0,5.5,21h13a5.5,5.5,0,0,0,1-10.91Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Cloud = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_4HgaE', /*#__PURE__*/React.createElement(SVGComponent$1U, props));
};
var SVGComponent$1T = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M11.49,10.17,9,13.24l-.73-.68L12,8l3.75,4.58-.75.67-2.5-3.08V18h-1Zm7,9.83H5.5a4.5,4.5,0,0,1-.8-8.92l.78-.14,0-.79a6.49,6.49,0,0,1,13,0l0,.79.78.14A4.5,4.5,0,0,1,18.5,20Zm1-9.91a7.49,7.49,0,0,0-15,0A5.5,5.5,0,0,0,5.5,21h13a5.5,5.5,0,0,0,1-10.91Z",
fillRule: "evenodd"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const CloudUpload = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_efIsB', /*#__PURE__*/React.createElement(SVGComponent$1T, props));
};
var SVGComponent$1S = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "m8,0C3.59,0,0,3.59,0,8s3.59,8,8,8,8-3.59,8-8S12.41,0,8,0Zm1.72,5.49c0,.05-.01.1-.1.05-.27-.1-.57-.16-1.08-.16-1.19,0-1.87.74-2.03,1.59h2.17s.05.01.05.05v.55c0,.05-.03.05-.05.05h-2.24c-.01.19-.01.44-.01.6h2.25s.05.01.05.07v.54s-.01.07-.05.07h-2.17c.17,1.01.94,1.69,2.03,1.69.47,0,.75-.02,1.09-.14.03-.01.07,0,.07.05v.99s-.02.1-.07.12c-.29.12-.66.15-1.26.15-1.74,0-2.94-1.19-3.14-2.85h-.57s-.05-.01-.05-.07v-.54s.01-.07.05-.07h.5c0-.2,0-.4.01-.6h-.49c-.05,0-.07-.01-.07-.05v-.54c0-.05.02-.07.05-.07h.58c.3-1.58,1.54-2.74,3.25-2.74.56,0,.89.03,1.15.14.05.01.07.05.07.12v.99Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "16",
viewBox: "0 0 16 16",
width: "16",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const CoinBold = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_ZL7gXF', /*#__PURE__*/React.createElement(SVGComponent$1S, props));
};
var SVGComponent$1R = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M16.87,14.63l1,.14A3.45,3.45,0,0,1,14.19,18a3.82,3.82,0,0,1-3.92-3.12H9V14h1.17c0-.16,0-.32,0-.48s0-.27,0-.41H9v-.9h1.3A3.87,3.87,0,0,1,14.19,9a3.49,3.49,0,0,1,3.68,3l-1,.16a2.54,2.54,0,0,0-2.69-2.23,2.84,2.84,0,0,0-2.89,2.25h3.61v.9H11.15c0,.14,0,.27,0,.41s0,.32,0,.48H14v.9H11.31a2.83,2.83,0,0,0,2.88,2.18A2.49,2.49,0,0,0,16.87,14.63ZM24,13.5A10.43,10.43,0,0,1,4.93,19.42h0A10.48,10.48,0,1,1,19.08,4.59,10.51,10.51,0,0,1,24,13.5ZM3.79,17.24h0A10.73,10.73,0,0,1,3.1,13.5,10.49,10.49,0,0,1,13.55,3a10.26,10.26,0,0,1,3.34.55A9.48,9.48,0,0,0,3.79,17.24ZM23,13.5A9.46,9.46,0,1,0,13.55,23,9.49,9.49,0,0,0,23,13.5Z",
fillRule: "evenodd"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const Coins = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_4HCzW', /*#__PURE__*/React.createElement(SVGComponent$1R, props));
};
var SVGComponent$1Q = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M11,2H21l3,3V7H19v5h1v3a7.86,7.86,0,0,0-2.08,0A2.21,2.21,0,0,0,16,17a2,2,0,0,0,3.68,1.09.51.51,0,1,1,.88.51A3.06,3.06,0,0,1,18,20a3,3,0,0,1-1-5.83V12h1V7H11V24H5V7H4V9H0V2H5V0h6ZM10,7H6V23h4ZM9,20,7,21v1l2-1Zm0-3L7,18v1l2-1Zm0-3L7,15v1l2-1Zm10-1H18v1h1ZM9,11,7,12v1l2-1ZM9,8,7,9v1L9,9Zm1-7H6V3H1V8H3V6H23V5.41L20.59,3H10Z",
fillRule: "evenodd"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24",
fill: "currentColor"
}, props), children));
const Crane = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_4HYwO', /*#__PURE__*/React.createElement(SVGComponent$1Q, props));
};
var SVGComponent$1P = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M12,1A2.8,2.8,0,0,0,9.2,3.8a3.16,3.16,0,0,0,1.1,2.3C9.8,8.9,8.4,9.2,7.4,9.2A3.09,3.09,0,0,1,4.9,7.5a2.94,2.94,0,0,0,.7-1.9A2.86,2.86,0,0,0,2.8,2.8,2.88,2.88,0,0,0,0,5.7,3.06,3.06,0,0,0,2,8.5V23H22V8.4a2.92,2.92,0,0,0,2-2.8,2.8,2.8,0,0,0-5.6,0,2.94,2.94,0,0,0,.7,1.9,2.82,2.82,0,0,1-2.5,1.7c-.6,0-2.3,0-2.9-3.2a3,3,0,0,0,1-2.9A2.71,2.71,0,0,0,12,1Zm9,21V19H3v3Zm0-4V7.7c1.1-.3,2-.9,2-2.1a1.8,1.8,0,0,0-3.6,0,2.62,2.62,0,0,0,.9,1.8c-.8,1.6-1.9,2.8-3.7,2.8-2.5,0-3.6-1.9-3.9-4.5.7-.7,1.3-1.3,1.1-2.3A1.83,1.83,0,0,0,12,2a1.79,1.79,0,0,0-1.8,1.8c0,.8.5,1.3,1.2,1.9-.3,2.7-1.4,4.5-3.9,4.5-1.9,0-2.9-1.4-3.7-2.7a3,3,0,0,0,1-1.9A1.79,1.79,0,0,0,3,3.8,1.92,1.92,0,0,0,1,5.7c0,1.1.9,1.8,2,2.1V18Z",
fillRule: "evenodd"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
height: "24",
viewBox: "0 0 24 24",
width: "24",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const Crown = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_4I3e6', /*#__PURE__*/React.createElement(SVGComponent$1P, props));
};
var SVGComponent$1O = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M15.3333 5.33333H16V0H10.6667V0.666667H14.862L7.09733 8.43067L7.56933 8.90267L15.3333 1.138V5.33333Z"
}), /*#__PURE__*/React.createElement("path", {
d: "M0.666667 6.66667H4.66255e-07L0 12L5.33333 12V11.3333L1.138 11.3333L8.90267 3.56933L8.43067 3.09733L0.666667 10.862L0.666667 6.66667Z"
})),
...props
}) => /*#__PURE__*/React.createElement(Component, _extends({
width: "16",
height: "12",
viewBox: "0 0 16 12",
xmlns: "http://www.w3.org/2000/svg",
fill: "currentColor"
}, props), children));
const DoubleArrow = props => {
const {
optimise,
refresh
} = useContext(PictoContext);
useEffect(() => {
refresh();
}, []);
return optimise('p_1Bzbk', /*#__PURE__*/React.createElement(SVGComponent$1O, props));
};
var SVGComponent$1N = (({
as: Component = "svg",
children = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("path", {
d: "M17.7,2.38A11.45,11.45,0,0,1,24,12.5,11.76,11.76,0,0,1,12,24,11.76,11.76,0,0,1,0,12.5,11.45,11.45,0,0,1,6.3,2.38l.63.81A10.47,10.47,0,0,0,1,12.5,10.74,10.74,0,0,0,12,23,10.74,10.74,0,0,0,23,12.5a10.47,10.47,0,0,0-5.8