VSinerva/freesewing
1
0
Fork 0
Code Activity
freesewing/sites/shared/components/icons.mjs
joostdecock 81831f1dc4 chore(shared): Tweaks to navlinks and allow wide reading view 
Having build a documentation system at my job as well as the frontend
for it, it was rather surprised that a surprisingly large proportion of
my colleagues complained that the text was 'too narrow'.

When reading documentation, the horizontal space is constrained to limit
the amount of characters on a line. Long lines make for very hard to
read text, because each time your eyes dart back from the end of the
line to the beginning of the next line, it becomes harder to stay
vertically anchored on the correct line.

It's best practice to limit the line length like this, and so I've
always been doing it. However, after someone at work asked, I added a
toggle to allow the text to fill the available space.

Much to my surprise, this was hailed like some sort of significant
improvement. I still don't think it makes sense, but I've added a
similar checkbox to the docs pages of both dev and org sites anyway.
2024-03-23 17:05:30 +01:00

869 lines
77 KiB
JavaScript
Raw Blame History

// __SDEFILE__ - This file is a dependency for the stand-alone environment
export const logoPath =
'm18.56 0c-0.4945 0.3515-0.469 0.3065-0.8685 0.437-0.916 0.2995-1.7945 0.135-2.837 0.048-0.3135-0.035-0.6245-0.0555-0.928-0.0575-1.5325-0.0105-2.834 0.439-3.0805 1.694-0.4545 0.2755-0.8725 0.609-1.2865 0.943-0.884 0.6975-1.5495 1.55-2.0035 2.5775-0.62 1.5175-0.06 3.146 0.2175 4.684 0.066 0.36 0.135 0.703 0.172 0.8355 0.0525 0.1865 0.145 0.3645 0.2455 0.5245 0.0235 4e-3 0.1475-0.187 0.177-0.2715 0.043-0.123 0.0385-0.3205-0.0085-0.4905-0.104-0.3825-0.203-0.693-0.2115-0.849-0.015-0.293 0.042-0.5635 0.149-0.6975 0.038-0.0475 0.125 0.1975 0.1025 0.2885-0.0265 0.1095-0.0465 0.297-0.038 0.3835 0.0235 0.293 0.0665 0.6065 0.12 0.8805 0.0685 0.3535 0.098 0.5805 0.0855 0.6685-9e-3 0.064-0.039 0.1285-0.154 0.3265-0.1 0.1735-0.152 0.314-0.16 0.438-0.0085 0.121 0.028 0.4235 0.062 0.4975 0.0495 0.1155 0.1985 0.237 0.3285 0.267 0.1245 0.0475 0.187 0.146 0.251 0.2565 0.1555 0.2965 0.2755 0.6575 0.3945 1.2015 0.058 0.2605 0.1065 0.493 0.122 0.615-0.96 1e-3 -2.1895 0.0015-3.3095 0.0015-0.377 6e-3 -1.058-0.171-1.6825-0.212-0.0905-0.977-0.5195-2.112-1.2535-2.178-0.501-0.0455-0.9165 0.145-1.268 0.9365l0.01 0.0425c0.2075-0.1735 0.4265-0.704 1.2155-0.6675 0.606 0.0275 0.808 1.1745 0.868 1.8645-0.369 0.027-0.683 0.1405-0.847 0.424h-0.0035c0 5e-4 0 0.0015 0.0015 0.0025-0.0015 1e-3 -0.0015 2e-3 -0.0015 3e-3h0.0035c0.169 0.2905 0.4945 0.403 0.877 0.4255 0.2555 7.225 7.047 8.157 8.903 8.157 6.924 0 9.348-4.705 9.7125-6.5685 0.1705 0.794-0.3665 1.8055-0.495 2.552 1.4605-1.6885 1.1965-3.312 0.9295-4.945 0.222 0.264 0.5225 0.4275 0.93 0.337-0.2905-0.194-0.6845-0.058-0.9205-0.8765-0.103-0.3535-0.192-0.6185-0.2805-0.841-0.191-0.7165-0.462-1.401-0.795-2.068-0.281-0.7235-0.0955-1.1925-0.1235-1.8135 0.5055 1.667 0.8215 2.1105 1.4115 2.285-1.484-1.788-0.976-4.5565-1.8145-7.0275 0.3795 0.223 0.8125 0.29 1.2735 0.0175-0.446-0.127-0.891 0.2085-1.531-0.732-0.5405-1.0515-1.3235-1.828-2.2735-2.513-0.509-0.332-1.074-0.555-1.642-0.762 0.5785-0.145 1.2245-0.66 1.2545-1.0445zm-0.9705 5.5535c0.762 0.278 1.602 1.334 1.5925 2.37v0.058c-0.0205 1.407-0.66 2.1635-0.633 3.1005 0.0345 1.1035 0.5095 1.4885 0.604 1.6725-0.162-0.6805-0.257-1.5365-0.043-2.2145 0.275-0.872 0.5525-1.594 0.5325-2.277-0.01-0.16-0.078-0.7585-0.1235-1.0235 0.817 1.179-0.177 2.8935 0.109 4.0155 0.497 1.9545 2.7245 2.2015 2.0615 6.1395-0.5835 3.462-4.5815 6.0895-8.6795 6.0895-3.038 0-8.3025-1.6815-8.5625-7.646 0.6175-0.044 1.2815-0.216 1.654-0.21 1.126 0 2.412 5e-4 3.381 1e-3 0.182 0.821 0.3185 1.019 1.009 1.566 0.768 0.604 0.947 0.6775 2.083 0.6885 1.1365 0.0115 1.4735-0.232 2.576-1.275 0.238-0.279 0.341-0.6445 0.4565-0.988 1.134-0.0105 1.961-0.0305 2.7745-0.0685 0.8285-0.0375 0.9455 0 2.2805-0.1375-1.335-0.1375-1.452-0.1-2.2805-0.138-0.792-0.036-1.594-0.0565-2.6785-0.0665 0.091-0.4085 0.221-0.8075 0.3595-1.202 0.0855-0.2325 0.186-0.459 0.289-0.6845l0.1125-0.035c0.217-0.077 0.409-0.242 0.4855-0.465 0.0985-0.2955 0.0285-0.6275-0.162-0.869-0.0655-0.0905-0.147-0.206-0.1805-0.257-0.1005-0.159-0.103-0.2475-0.018-0.8385 0.0715-0.495 0.0795-0.754 0.03-1.005-0.01-0.1435-0.011-0.4385-0.0155-0.518 0.038 0.021 0.1205 0.209 0.204 0.4635 0.083 0.2555 0.0965 0.3085 0.1155 0.526 0.021 0.247-0.0715 0.43-0.1475 0.7985-0.038 0.19-0.0715 0.3665-0.0715 0.3905 0 0.0255 0.018 0.0795 0.037 0.1215 0.0445 0.094 0.128 0.226 0.1435 0.226 0.2725-0.3005 0.4325-0.6715 0.575-1.048 0.15-0.426 0.194-0.878 0.299-1.3165 0.085-0.382 0.183-0.7645 0.2135-1.1565 0.0615-0.765 0.0255-1.305-0.1435-2.102-0.0405-0.18-0.1575-0.5235-0.239-0.6855zm-2.68 3.7685c0.2925-0.0035 0.582 0.032 0.8575 0.1115 0.3745 0.1435 0.427 0.478 0.496 0.8535 0.0385 0.24 0.037 0.4125-0.0065 0.6945-0.0305 0.409-0.193 0.7255-0.548 0.948-0.5355 0.099-1.108 0.1945-1.562-0.16-0.381-0.525-0.6105-1.1885-0.523-1.8355 0.0555-0.2655 0.179-0.4035 0.433-0.486 0.2735-0.0785 0.563-0.1215 0.853-0.126zm-4.4415 0.0475c0.2735-0.0025 0.55 0.0265 0.702 0.1235 0.6525 0.4415 0.443 1.16 0.185 1.7905-0.3755 0.8255-1.1875 0.795-1.9745 0.7885-0.4355-0.1275-0.4755-0.4845-0.5385-0.866-0.054-0.3685-0.169-0.7635-0.073-1.134 0.2465-0.596 1.1475-0.6645 1.699-0.7025zm9.9515 0.103c0.0035 1.5865 0.2745 2.366 0.8185 3.4895-0.3205-0.6115-0.7785-0.9595-0.949-1.6905-0.326-1.4115 0.0255-1.3325 0.1305-1.799zm-7.9065 1.149c0.086 0.087 0.1275 0.207 0.202 0.3025 0.0575-0.0985 0.1165-0.1965 0.1905-0.284 0.0385 1e-3 0.0855 0.077 0.128 0.213 0.182 0.503 0.2175 1.0565 0.4535 1.54 0.2205 0.35-0.0805 0.554-0.411 0.57-0.241-5e-4 -0.343-0.165-0.4845-0.328-0.0365 0.1065-0.106 0.175-0.189 0.247-0.211 0.177-0.6245 0.1115-0.6885-0.1675 0.085-0.533 0.3565-1.0225 0.5345-1.5335 0.0885-0.1865 0.0895-0.3295 0.2645-0.5595zm-3.096 2.6925c0.1065 0 0.399 0.1985 0.4585 0.3105 0.041 0.0745 0.1345 0.3645 0.141 0.435 0.0105 0.084-0.015 0.283-0.041 0.337-0.019 0.0385-0.0335 0.044-0.0555 0.019-0.0185-0.021-0.2635-0.491-0.42-0.802-0.123-0.249-0.136-0.2995-0.083-0.2995zm6.111 0.1555c4e-3 5e-4 0.01 2e-3 0.0155 0.0035 0.033 0.0135 0.01 0.1305-0.114 0.5555-0.0235 0.128-0.0805 0.229-0.164 0.313-0.0275 0-0.04-0.032-0.083-0.2095-0.0365-0.1515-0.0405-0.2865-0.015-0.4075 0.044-0.1515 0.222-0.198 0.3605-0.255zm-0.7415 0.9265c0.0105-2e-3 0.0205 0.0035 0.0335 0.014 0.045 0.0315 0.0515 0.1145 0.0215 0.277-0.0365 0.209-0.0445 0.232-0.0985 0.2535-0.0235 0.0105-0.0655 0.018-0.0935 0.018-0.0505-9e-3 -0.0635-0.05-0.0515-0.112 0-0.13 0.038-0.243 0.124-0.3765 0.0325-0.05 0.049-0.0715 0.0645-0.074zm-4.3165 0.0095c0.0345 0 0.1385 0.075 0.177 0.127 0.043 0.055 0.092 0.3825 0.0645 0.439-0.0315 0.071-0.1855 0.0355-0.228-0.053-0.026-0.053-0.0875-0.339-0.0875-0.407 0-0.063 0.0305-0.106 0.074-0.106zm3.9455 0.0865c0.042 0.06 0.053 0.137 0.044 0.306l-0.0085 0.154-0.044 0.044c-0.0265 0.0245-0.0715 0.0545-0.0985 0.067-0.0595 0.028-0.105 0.0305-0.1135 8e-3 -0.01-0.03 7e-3 -0.221 0.0255-0.2855 0.0215-0.0665 0.118-0.265 0.15-0.307 0.0145-0.0385 0.0315 0.0095 0.045 0.0135zm-2.5105-9e-3c0.0905 0.023 0.1305 0.1045 0.18 0.1785l0.0335 0.066-0.047 0.1635c-0.025 0.09-0.0515 0.171-0.0595 0.18-9e-3 0.01-0.0425 0.015-0.092 0.0145-0.132-0.0035-0.147-9e-3 -0.1825-0.063l-0.033-0.049 0.028-0.1375c0.0405-0.198 0.06-0.2575 0.105-0.3085 0.0235-0.0275 0.047-0.0425 0.0675-0.0445zm-0.8355 0.1415 0.0745 0.0745 0.0125 0.1685c0.0065 0.092 0.0095 0.1775 0.0045 0.188-0.0045 0.0145-0.0315 0.0185-0.115 0.0185h-0.1085c-0.058-0.0635-0.076-0.141-0.1005-0.221-0.057-0.2405-0.057-0.35 2e-3 -0.3645 0.0965 6e-3 0.16 0.076 0.2305 0.136zm2.9-0.1155c0.118 0.0315 0.0945 0.219 0.094 0.353-9e-3 0.217-0.0175 0.262-0.0455 0.29-0.0485 0.0485-0.1835 0.0215-0.249-0.0505-0.0215-0.026-0.0235-0.034-0.0065-0.1395 0.0195-0.1285 0.0445-0.2085 0.1-0.3185 0.0405-0.079 0.0785-0.1285 0.107-0.1345zm-2.663 0.01c0.0065-5e-4 0.017 0 0.027 1e-3 0.075 6e-3 0.145 0.055 0.207 0.145l0.05 0.0735c0.0045 0.1205 0 0.2475-0.0215 0.3595-0.013 0.0065-0.067 0.0165-0.12 0.0215-0.092 0.0085-0.1005 0.0065-0.1325-0.0215-0.0445-0.038-0.057-0.1085-0.068-0.3425-0.0065-0.191-2e-3 -0.2335 0.058-0.2365zm1.1345 0.04c0.0805 0.017 0.1315 0.06 0.154 0.1305 0.018 0.0605 0.029 0.399 0.0115 0.4225-6e-3 0.01-0.044 0.0225-0.0875 0.028-0.162 0.0205-0.305 5e-3 -0.319-0.0335-0.018-0.044 0.1025-0.48 0.147-0.534 0.019-0.042 0.065-0.0095 0.094-0.0135zm1.049 3e-3c0.0355-0.0035 0.0735 0.0305 0.1105 0.103 0.03 0.0605 0.0345 0.0815 0.0345 0.217 0 0.108-0.0065 0.1545-0.018 0.1645-0.01 8e-3 -0.0505 0.0225-0.0935 0.0335-0.075 0.0195-0.0915 0.0215-0.115 0.0135l-0.1125-0.0205 0.0085-0.067c8e-3 -0.0875 0.0655-0.2815 0.106-0.3655 0.024-0.05 0.0515-0.075 0.0795-0.0785zm-0.489 0.0015c0.0235-1e-3 0.0345 0.0045 0.0495 0.021 0.0355 0.042 0.0805 0.166 0.109 0.2985 0.038 0.1865 0.038 0.186-0.0435 0.2105-0.0355 0.011-0.1105 0.0225-0.164 0.0255-0.1765 9e-3 -0.19-0.0015-0.1685-0.1575 0.017-0.139 0.0855-0.358 0.115-0.374 0.032-0.017 0.069-0.0165 0.1025-0.024zm-8.9965 0.7045c0.0015-5e-4 0.0035 0 0.0035 0 0.0045 0.0975 0.0045 0.196 0.0065 0.294-0.2475-0.019-0.4295-0.078-0.4295-0.1475 0-0.0685 0.1755-0.127 0.4195-0.1465zm0.4325 0.0085c0.2005 0.025 0.339 0.0775 0.3365 0.138 0 0.061-0.134 0.113-0.333 0.1375-2e-3 -0.0915-2e-3 -0.1835-0.0035-0.2755zm9.363 0.2665c0.017-0.0015 0.0245-3e-3 0.0505-5e-4 0.104 0.0105 0.119 0.017 0.119 0.052 0 0.046-0.079 0.1845-0.1325 0.2325-0.025 0.024-0.0595 0.044-0.0715 0.044-0.06 0-0.095-0.1265-0.067-0.243 0.017-0.063 0.048-0.0825 0.1015-0.085zm-0.3775 0.0415c0.0465-4e-3 0.0915 0.0085 0.1365 0.0145-0.013 0.1315-0.072 0.239-0.1815 0.3105-0.027 0-0.0405-0.0515-0.0405-0.164 0-0.134 7e-3 -0.1595 0.0855-0.161zm-0.414 0.0485c0.0965 0 0.1815 0.0045 0.1855 0.01 0.018 0.017-0.034 0.146-0.1105 0.277-0.0655 0.1165-0.075 0.125-0.1155 0.128-0.159-0.018-0.1545-0.2045-0.179-0.3325 0-0.076 0.017-0.0825 0.2195-0.0825zm-1.5045 0.0145c0.1105 2e-3 0.1535 0.0185 0.1535 0.061 0 0.054-0.041 0.1615-0.0645 0.175-0.0355 0.0195-0.0385 0.0185-0.1085-0.0545-0.1105-0.124-0.123-0.147 0.0195-0.1815zm0.532 0.0055c2e-3 3e-3 0.0235 0.042 0.045 0.086 0.047 0.0915 0.0505 0.1315 0.017 0.162-0.079 0.045-0.0955 0.0195-0.167-0.026-0.083-0.0785-0.1485-0.184-0.127-0.206 0.074-0.0265 0.1555-0.0165 0.232-0.016zm0.211 0.0025 0.1975 0.0035c0.077 0 0.1435 4e-3 0.147 0.01 0.0135 0.012-0.03 0.269-0.0535 0.327-0.027 0.065-0.1215 0.0655-0.1705-0.0115-0.07-0.1105-0.116-0.2035-0.1175-0.2675z'
export const IconWrapper = ({
className = 'w-6 h-6',
stroke = 2,
children = null,
fill = false,
wrapped = true,
}) =>
wrapped ? (
<svg
xmlns="http://www.w3.org/2000/svg"
fill={fill ? 'currentColor' : 'none'}
viewBox="0 0 24 24"
strokeWidth={stroke}
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
className={className + ' icon'}
>
{children}
</svg>
) : (
<> {children} </>
)
// Used in several icons
const page =
'M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z'
export const BeakerIcon = (props) => (
<IconWrapper {...props}>
<path d="M9.75 3.104v5.714a2.25 2.25 0 01-.659 1.591L5 14.5M9.75 3.104c-.251.023-.501.05-.75.082m.75-.082a24.301 24.301 0 014.5 0m0 0v5.714c0 .597.237 1.17.659 1.591L19.8 15.3M14.25 3.104c.251.023.501.05.75.082M19.8 15.3l-1.57.393A9.065 9.065 0 0112 15a9.065 9.065 0 00-6.23-.693L5 14.5m14.8.8l1.402 1.402c1.232 1.232.65 3.318-1.067 3.611A48.309 48.309 0 0112 21c-2.773 0-5.491-.235-8.135-.687-1.718-.293-2.3-2.379-1.067-3.61L5 14.5" />
</IconWrapper>
)
export const BioIcon = (props) => (
<IconWrapper {...props}>
<path d="M7.5 8.25h9m-9 3H12m-9.75 1.51c0 1.6 1.123 2.994 2.707 3.227 1.129.166 2.27.293 3.423.379.35.026.67.21.865.501L12 21l2.755-4.133a1.14 1.14 0 01.865-.501 48.172 48.172 0 003.423-.379c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
</IconWrapper>
)
export const BookmarkIcon = (props) => (
<IconWrapper {...props}>
<path d="M17.593 3.322c1.1.128 1.907 1.077 1.907 2.185V21L12 17.25 4.5 21V5.507c0-1.108.806-2.057 1.907-2.185a48.507 48.507 0 0111.186 0z" />
</IconWrapper>
)
export const BoolNoIcon = ({ size = 6 }) => (
<NoIcon className={`w-${size} h-${size} text-error`} stroke={4} />
)
export const BoolYesIcon = ({ size = 6 }) => (
<OkIcon className={`w-${size} h-${size} text-success`} stroke={4} />
)
export const BoxIcon = (props) => (
<IconWrapper {...props}>
<path d="M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4" />
</IconWrapper>
)
export const BriefcaseIcon = (props) => (
<IconWrapper {...props}>
<path d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 00.75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 00-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0112 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 01-.673-.38m0 0A2.18 2.18 0 013 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 013.413-.387m7.5 0V5.25A2.25 2.25 0 0013.5 3h-3a2.25 2.25 0 00-2.25 2.25v.894m7.5 0a48.667 48.667 0 00-7.5 0M12 12.75h.008v.008H12v-.008z" />
</IconWrapper>
)
export const BugIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 12.75c1.148 0 2.278.08 3.383.237 1.037.146 1.866.966 1.866 2.013 0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24.204 24.204 0 0112 12.75zm0 0c2.883 0 5.647.508 8.207 1.44a23.91 23.91 0 01-1.152 6.06M12 12.75c-2.883 0-5.647.508-8.208 1.44.125 2.104.52 4.136 1.153 6.06M12 12.75a2.25 2.25 0 002.248-2.354M12 12.75a2.25 2.25 0 01-2.248-2.354M12 8.25c.995 0 1.971-.08 2.922-.236.403-.066.74-.358.795-.762a3.778 3.778 0 00-.399-2.25M12 8.25c-.995 0-1.97-.08-2.922-.236-.402-.066-.74-.358-.795-.762a3.734 3.734 0 01.4-2.253M12 8.25a2.25 2.25 0 00-2.248 2.146M12 8.25a2.25 2.25 0 012.248 2.146M8.683 5a6.032 6.032 0 01-1.155-1.002c.07-.63.27-1.222.574-1.747m.581 2.749A3.75 3.75 0 0115.318 5m0 0c.427-.283.815-.62 1.155-.999a4.471 4.471 0 00-.575-1.752M4.921 6a24.048 24.048 0 00-.392 3.314c1.668.546 3.416.914 5.223 1.082M19.08 6c.205 1.08.337 2.187.392 3.314a23.882 23.882 0 01-5.223 1.082" />
</IconWrapper>
)
export const BulletIcon = (props) => (
<IconWrapper {...props}>
<circle cx="12" cy="12" r="8" />
</IconWrapper>
)
export const CalendarIcon = (props) => (
<IconWrapper {...props}>
<path d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5" />
</IconWrapper>
)
export const CameraIcon = (props) => (
<IconWrapper {...props}>
<path d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" />
<path d="M15 13a3 3 0 11-6 0 3 3 0 016 0z" />
</IconWrapper>
)
export const CcByIcon = (props) => (
<IconWrapper {...props}>
<path
d="M 11.984994,0 C 8.6607938,0 5.8471705,1.1601335 3.5443291,3.4798048 1.1812345,5.8793118 0,8.7193215 0,11.998499 c 0,3.279177 1.1812345,6.098835 3.5443291,8.458672 2.3630952,2.359333 5.1767182,3.539828 8.4406649,3.539828 3.304116,0 6.168372,-1.189416 8.590722,-3.569839 C 22.858473,18.167736 24,15.358508 24,11.998499 24,8.6384865 22.839122,5.799476 20.517194,3.4798048 18.193261,1.1601435 15.349364,0 11.984994,0 Z m 0.03001,2.1593096 c 2.723639,0 5.036475,0.9595726 6.938602,2.8795795 1.922212,1.8994211 2.884082,4.2196862 2.884082,6.9596099 0,2.7595 -0.942016,5.049981 -2.824059,6.869575 -1.983474,1.960173 -4.315165,2.939602 -6.998625,2.939602 -2.6844678,0 -4.9973137,-0.9695 -6.9386019,-2.90959 C 3.1330942,16.957996 2.1638068,14.65808 2.1638068,11.998499 2.1638068,9.338412 3.144029,7.01864 5.1064104,5.0388891 6.988468,3.1188722 9.291366,2.1593096 12.015006,2.1593096 Z m -0.07352,2.0902833 c -0.904485,0.031562 -1.62123,0.7741886 -1.620608,1.6791298 -7.4e-5,0.9273199 0.751714,1.6791063 1.679131,1.6791296 0.927415,-2.33e-5 1.679201,-0.7518097 1.679129,-1.6791296 7.3e-5,-0.9273198 -0.751714,-1.6791066 -1.679129,-1.6791298 -0.01951,-3.396e-4 -0.03902,-3.396e-4 -0.05852,0 z M 9.5450805,8.2530938 c -0.426825,0 -0.7742903,0.3459997 -0.7742903,0.774291 v 4.9083402 h 1.3700138 v 5.81168 h 3.719895 v -5.81168 h 1.368513 V 9.0273848 c 0,-0.4282815 -0.347466,-0.7742918 -0.774292,-0.774291 z"
stroke="none"
fill="currentColor"
/>
</IconWrapper>
)
export const ChatIcon = (props) => (
<IconWrapper {...props}>
<path d="M2.25 12.76c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.076-4.076a1.526 1.526 0 011.037-.443 48.282 48.282 0 005.68-.494c1.584-.233 2.707-1.626 2.707-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0012 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018z" />
</IconWrapper>
)
export const CircleIcon = (props) => (
<IconWrapper {...props}>
<circle cx="12" cy="12" r="10" />
</IconWrapper>
)
export const CisFemaleIcon = (props) => (
<IconWrapper {...props}>
<path d="m 8.233159,2.5000002 c 0,0 0.03684,1.4367676 0.07562,2.1541457 C 8.413989,6.5901608 7.3671071,6.9496995 7.3372662,8.1692173 7.3029172,9.5719723 8.2152,10.315942 8.255388,12.267223 8.290568,13.973294 7.1739465,15.012709 7.1739465,17.259683 9.46861,17.549817 10.668009,19.205086 11.354231,21.5 h 0.109763 0.93923 0.109803 c 0.686181,-2.294914 1.88558,-3.950183 4.180285,-4.240317 0,-2.246974 -1.116622,-3.286389 -1.081483,-4.99246 0.04015,-1.951281 0.952433,-2.6952507 0.918122,-4.0980057 -0.0298,-1.2195178 -1.076723,-1.5790565 -0.971513,-3.5150714 0.0389,-0.7173781 0.07562,-2.1541457 0.07562,-2.1541457 h -0.722313 c 0,1.5276628 -1.146752,3.7763442 -2.978112,3.7763442 -1.831402,0 -2.978154,-2.2486814 -2.978154,-3.7763442 z" />
</IconWrapper>
)
export const CisMaleIcon = (props) => (
<IconWrapper {...props}>
<path d="M 6.2021092,6.7988281 C 5.0433189,10.972649 5.2215488,13.211802 5.2215488,16.798828 h 5.8983122 l 0.143133,-1.21128 c 0.331559,-1.834081 0.655671,-2.543616 1.078829,0.07477 l 0.134587,1.136509 h 5.896176 c 0,-3.587026 0.180363,-5.826179 -0.978425,-9.9999999 z" />
</IconWrapper>
)
export const ClearIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2M3 12l6.414 6.414a2 2 0 001.414.586H19a2 2 0 002-2V7a2 2 0 00-2-2h-8.172a2 2 0 00-1.414.586L3 12z" />
</IconWrapper>
)
export const CloneIcon = (props) => (
<IconWrapper {...props}>
<path d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 01-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 011.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 00-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 01-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 00-3.375-3.375h-1.5a1.125 1.125 0 01-1.125-1.125v-1.5a3.375 3.375 0 00-3.375-3.375H9.75" />
</IconWrapper>
)
export const CloseIcon = (props) => (
<IconWrapper {...props}>
<path d="M6 18L18 6M6 6l12 12" />
</IconWrapper>
)
export const CodeIcon = (props) => (
<IconWrapper {...props}>
<path d="M17.25 6.75L22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3l-4.5 16.5" />
</IconWrapper>
)
export const CogIcon = (props) => (
<IconWrapper {...props}>
<path d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
</IconWrapper>
)
export const CommunityIcon = (props) => (
<IconWrapper {...props}>
<path d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
</IconWrapper>
)
export const CompareIcon = (props) => (
<IconWrapper {...props}>
<path d="M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 01-1.125-1.125v-3.75zM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 01-1.125-1.125v-8.25zM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 01-1.125-1.125v-2.25z" />
</IconWrapper>
)
export const ControlIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 3v17.25m0 0c-1.472 0-2.882.265-4.185.75M12 20.25c1.472 0 2.882.265 4.185.75M18.75 4.97A48.416 48.416 0 0012 4.5c-2.291 0-4.545.16-6.75.47m13.5 0c1.01.143 2.01.317 3 .52m-3-.52l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.988 5.988 0 01-2.031.352 5.988 5.988 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L18.75 4.971zm-16.5.52c.99-.203 1.99-.377 3-.52m0 0l2.62 10.726c.122.499-.106 1.028-.589 1.202a5.989 5.989 0 01-2.031.352 5.989 5.989 0 01-2.031-.352c-.483-.174-.711-.703-.59-1.202L5.25 4.971z" />
</IconWrapper>
)
export const CopyIcon = (props) => (
<IconWrapper {...props}>
<path d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z" />
</IconWrapper>
)
export const CoverPageIcon = (props) => (
<IconWrapper {...props}>
<path d={page} />
<circle cx="9" cy="12" r="1" />
<circle cx="14" cy="12" r="1" />
<path d="M 9 16 C 11 18 12 18 14 16" />
</IconWrapper>
)
export const CsetIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 21v-8.25M15.75 21v-8.25M8.25 21v-8.25M3 9l9-6 9 6m-1.5 12V10.332A48.36 48.36 0 0012 9.75c-2.551 0-5.056.2-7.5.582V21M3 21h18M12 6.75h.008v.008H12V6.75z" />
</IconWrapper>
)
export const CuratedMeasurementsSetIcon = CsetIcon
export const CloudIcon = (props) => (
<IconWrapper {...props}>
<path d="M2.25 15a4.5 4.5 0 004.5 4.5H18a3.75 3.75 0 001.332-7.257 3 3 0 00-3.758-3.848 5.25 5.25 0 00-10.233 2.33A4.502 4.502 0 002.25 15z" />
</IconWrapper>
)
export const CutIcon = (props) => (
<IconWrapper {...props}>
<path d="M7.848 8.25l1.536.887M7.848 8.25a3 3 0 11-5.196-3 3 3 0 015.196 3zm1.536.887a2.165 2.165 0 011.083 1.839c.005.351.054.695.14 1.024M9.384 9.137l2.077 1.199M7.848 15.75l1.536-.887m-1.536.887a3 3 0 11-5.196 3 3 3 0 015.196-3zm1.536-.887a2.165 2.165 0 001.083-1.838c.005-.352.054-.695.14-1.025m-1.223 2.863l2.077-1.199m0-3.328a4.323 4.323 0 012.068-1.379l5.325-1.628a4.5 4.5 0 012.48-.044l.803.215-7.794 4.5m-2.882-1.664A4.331 4.331 0 0010.607 12m3.736 0l7.794 4.5-.802.215a4.5 4.5 0 01-2.48-.043l-5.326-1.629a4.324 4.324 0 01-2.068-1.379M14.343 12l-2.882 1.664" />
</IconWrapper>
)
export const CuttingLayoutIcon = (props) => (
<IconWrapper {...props}>
<path d={page} />
<path
d="M7.848 8.25l1.536.887M7.848 8.25a3 3 0 11-5.196-3 3 3 0 015.196 3zm1.536.887a2.165 2.165 0 011.083 1.839c.005.351.054.695.14 1.024M9.384 9.137l2.077 1.199M7.848 15.75l1.536-.887m-1.536.887a3 3 0 11-5.196 3 3 3 0 015.196-3zm1.536-.887a2.165 2.165 0 001.083-1.838c.005-.352.054-.695.14-1.025m-1.223 2.863l2.077-1.199m0-3.328a4.323 4.323 0 012.068-1.379l5.325-1.628a4.5 4.5 0 012.48-.044l.803.215-7.794 4.5m-2.882-1.664A4.331 4.331 0 0010.607 12m3.736 0l7.794 4.5-.802.215a4.5 4.5 0 01-2.48-.043l-5.326-1.629a4.324 4.324 0 01-2.068-1.379M14.343 12l-2.882 1.664"
transform="rotate(-90) scale(0.6) translate(-35 8)"
/>
</IconWrapper>
)
export const DesignIcon = (props) => (
<IconWrapper {...props} stroke={0} fill>
<path d="m11.975 2.9104c-1.5285 0-2.7845 1.2563-2.7845 2.7848 0 0.7494 0.30048 1.4389 0.78637 1.9394a0.79437 0.79437 0 0 0 0.0084 0.00839c0.38087 0.38087 0.74541 0.62517 0.94538 0.82483 0.19998 0.19966 0.25013 0.2645 0.25013 0.51907v0.65964l-9.1217 5.2665c-0.28478 0.16442-0.83603 0.46612-1.3165 0.9611-0.48047 0.49498-0.92451 1.3399-0.66684 2.2585 0.22026 0.78524 0.7746 1.3486 1.3416 1.5878 0.56697 0.23928 1.0982 0.23415 1.4685 0.23415h18.041c0.37033 0 0.90158 0.0051 1.4686-0.23415 0.56697-0.23928 1.1215-0.80261 1.3418-1.5878 0.25767-0.91859-0.18662-1.7636-0.66709-2.2585-0.48046-0.49498-1.0315-0.79669-1.3162-0.9611l-8.9844-5.1873v-0.73889c0-0.70372-0.35623-1.2837-0.71653-1.6435-0.35778-0.3572-0.70316-0.58503-0.93768-0.81789-0.20864-0.21601-0.33607-0.50298-0.33607-0.83033 0-0.67 0.52595-1.1962 1.1959-1.1962 0.67001 0 1.1962 0.5262 1.1962 1.1962a0.79429 0.79429 0 0 0 0.79434 0.79427 0.79429 0.79429 0 0 0 0.79427-0.79427c0-1.5285-1.2563-2.7848-2.7848-2.7848zm-0.06859 8.2927 8.9919 5.1914c0.28947 0.16712 0.69347 0.41336 0.94393 0.67138 0.25046 0.25803 0.31301 0.3714 0.24754 0.60483-0.10289 0.36677-0.19003 0.40213-0.35969 0.47373-0.16967 0.07161-0.47013 0.09952-0.80336 0.09952h-18.041c-0.33323 0-0.6337-0.02792-0.80336-0.09952-0.16967-0.07161-0.25675-0.10696-0.35963-0.47373-0.06548-0.23342-0.00303-0.3468 0.24748-0.60483 0.25046-0.25803 0.65471-0.50426 0.94418-0.67138z" />
</IconWrapper>
)
export const DesktopIcon = (props) => (
<IconWrapper {...props}>
<path d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
</IconWrapper>
)
export const DetailIcon = (props) => (
<IconWrapper {...props}>
<path d="M 12,3.8533453 V 20.547919 M 1.5305595,3.53056 H 22.46944 V 20.469444 H 1.5305595 Z" />
<path
d="m 14.415354,11.5 h 5.669292 m -5.669292,3 h 5.669292 m -5.669292,-6 h 5.669292"
strokeWidth={props.stroke / 2 || 1.1}
/>
</IconWrapper>
)
export const DiscordIcon = (props) => (
<IconWrapper {...props} stroke={0} fill>
<path d="M20.222 0c1.406 0 2.54 1.137 2.607 2.475V24l-2.677-2.273-1.47-1.338-1.604-1.398.67 2.205H3.71c-1.402 0-2.54-1.065-2.54-2.476V2.48C1.17 1.142 2.31.003 3.715.003h16.5L20.222 0zm-6.118 5.683h-.03l-.202.2c2.073.6 3.076 1.537 3.076 1.537-1.336-.668-2.54-1.002-3.744-1.137-.87-.135-1.74-.064-2.475 0h-.2c-.47 0-1.47.2-2.81.735-.467.203-.735.336-.735.336s1.002-1.002 3.21-1.537l-.135-.135s-1.672-.064-3.477 1.27c0 0-1.805 3.144-1.805 7.02 0 0 1 1.74 3.743 1.806 0 0 .4-.533.805-1.002-1.54-.468-2.14-1.404-2.14-1.404s.134.066.335.2h.06c.03 0 .044.015.06.03v.006c.016.016.03.03.06.03.33.136.66.27.93.4.466.202 1.065.403 1.8.536.93.135 1.996.2 3.21 0 .6-.135 1.2-.267 1.8-.535.39-.2.87-.4 1.397-.737 0 0-.6.936-2.205 1.404.33.466.795 1 .795 1 2.744-.06 3.81-1.8 3.87-1.726 0-3.87-1.815-7.02-1.815-7.02-1.635-1.214-3.165-1.26-3.435-1.26l.056-.02zm.168 4.413c.703 0 1.27.6 1.27 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334.002-.74.573-1.338 1.27-1.338zm-4.543 0c.7 0 1.266.6 1.266 1.335 0 .74-.57 1.34-1.27 1.34-.7 0-1.27-.6-1.27-1.334 0-.74.57-1.338 1.27-1.338z" />
</IconWrapper>
)
export const DocsIcon = (props) => (
<IconWrapper {...props}>
<path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</IconWrapper>
)
export const DoubleLeftIcon = (props) => (
<IconWrapper {...props}>
<path d="M11 19l-7-7 7-7 M19 19l-7-7 7-7" />
</IconWrapper>
)
export const DoubleRightIcon = (props) => (
<IconWrapper {...props}>
<path d="M5 5l7 7-7 7 M13 5l7 7-7 7" />
</IconWrapper>
)
export const DownIcon = (props) => (
<IconWrapper {...props}>
<path
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={props.stroke || 2}
d="M19 9l-7 7-7-7"
/>
</IconWrapper>
)
export const DownloadIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 9.75v6.75m0 0l-3-3m3 3l3-3m-8.25 6a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z" />
</IconWrapper>
)
export const EditIcon = (props) => (
<IconWrapper {...props}>
<path d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
</IconWrapper>
)
export const EmailIcon = (props) => (
<IconWrapper {...props}>
<path d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
</IconWrapper>
)
export const ErrorIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z" />
</IconWrapper>
)
export const ExpandIcon = (props) => (
<IconWrapper {...props}>
<path d="M3.75 3.75v4.5m0-4.5h4.5m-4.5 0L9 9M3.75 20.25v-4.5m0 4.5h4.5m-4.5 0L9 15M20.25 3.75h-4.5m4.5 0v4.5m0-4.5L15 9m5.25 11.25h-4.5m4.5 0v-4.5m0 4.5L15 15" />
</IconWrapper>
)
export const ExportIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
</IconWrapper>
)
export const FacebookIcon = (props) => (
<IconWrapper {...props} stroke={0} fill>
<path d="M22.676 0H1.324C.593 0 0 .593 0 1.324v21.352C0 23.408.593 24 1.324 24h11.494v-9.294H9.689v-3.621h3.129V8.41c0-3.099 1.894-4.785 4.659-4.785 1.325 0 2.464.097 2.796.141v3.24h-1.921c-1.5 0-1.792.721-1.792 1.771v2.311h3.584l-.465 3.63H16.56V24h6.115c.733 0 1.325-.592 1.325-1.324V1.324C24 .593 23.408 0 22.676 0" />
</IconWrapper>
)
export const FilterIcon = (props) => (
<IconWrapper {...props}>
<path d="M3 4a1 1 0 011-1h16a1 1 0 011 1v2.586a1 1 0 01-.293.707l-6.414 6.414a1 1 0 00-.293.707V17l-4 4v-6.586a1 1 0 00-.293-.707L3.293 7.293A1 1 0 013 6.586V4z" />
</IconWrapper>
)
export const FingerprintIcon = (props) => (
<IconWrapper {...props}>
<path d="M7.864 4.243A7.5 7.5 0 0119.5 10.5c0 2.92-.556 5.709-1.568 8.268M5.742 6.364A7.465 7.465 0 004.5 10.5a7.464 7.464 0 01-1.15 3.993m1.989 3.559A11.209 11.209 0 008.25 10.5a3.75 3.75 0 117.5 0c0 .527-.021 1.049-.064 1.565M12 10.5a14.94 14.94 0 01-3.6 9.75m6.633-4.596a18.666 18.666 0 01-2.485 5.33" />
</IconWrapper>
)
export const FlagIcon = (props) => (
<IconWrapper {...props}>
<path d="M3 3v1.5M3 21v-6m0 0l2.77-.693a9 9 0 016.208.682l.108.054a9 9 0 006.086.71l3.114-.732a48.524 48.524 0 01-.005-10.499l-3.11.732a9 9 0 01-6.085-.711l-.108-.054a9 9 0 00-6.208-.682L3 4.5M3 15V4.5" />
</IconWrapper>
)
export const ForbiddenIcon = (props) => (
<IconWrapper {...props}>
<path d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636" />
</IconWrapper>
)
export const FreeSewingIcon = (props) => (
<IconWrapper {...props} stroke={0} fill>
<path d={logoPath} />
</IconWrapper>
)
export const GaugeIcon = (props) => (
<IconWrapper {...props}>
<path d="M 4.9580501,20.694732 A 9.9588146,9.9588156 45 0 1 4.9523103,6.6165865 9.9588146,9.9588156 45 0 1 19.030446,6.5993628 9.9588146,9.9588156 45 0 1 19.059151,20.67748 Z" />
<path d="m 13.346899,14.905658 c 0.185287,0.691503 -0.22474,1.402361 -0.916092,1.588212 -0.691356,0.185836 -1.402539,-0.223628 -1.588938,-0.914833 -0.186401,-0.691204 0.222481,-1.402721 0.913533,-1.589686 l 4.660195,-6.2056598 z" />
</IconWrapper>
)
export const GitHubIcon = (props) => (
<IconWrapper {...props} stroke={0} fill>
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
</IconWrapper>
)
export const GuideIcon = (props) => (
<IconWrapper {...props}>
<path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z" />
</IconWrapper>
)
export const GoogleIcon = (props) => (
<IconWrapper {...props} fill>
<path d="M 12.25009,0 C 7.5567085,0 3.5033589,2.69334 1.530043,6.613315 0.71674427,8.240005 0.25,10.06676 0.25,12.00009 c 0,1.93333 0.46674427,3.759905 1.280043,5.386595 C 3.5033589,21.30666 7.5567085,24 12.25009,24 c 3.239959,0 5.959944,-1.066635 7.94668,-2.906575 2.266629,-2.093365 3.573349,-5.173415 3.573349,-8.826735 0,-0.98666 -0.08023,-1.70661 -0.253496,-2.453265 l -11.266533,0 0,4.45322 6.613137,0 c -0.133283,1.106705 -0.853233,2.77333 -2.453266,3.89327 -1.013315,0.706675 -2.373243,1.199975 -4.159871,1.199975 -3.173318,0 -5.8666835,-2.09327 -6.826777,-4.986605 -0.2533286,-0.746655 -0.399991,-1.54657 -0.399991,-2.373195 0,-0.82672 0.1467055,-1.62672 0.386706,-2.373375 C 6.3834495,6.73338 9.076772,4.63993 12.25009,4.63993 c 2.253301,0 3.773228,0.973465 4.639932,1.786855 L 20.27666,3.12004 C 18.196718,1.186705 15.490049,0 12.25009,0 Z" />
</IconWrapper>
)
export const HeartIcon = (props) => (
<IconWrapper {...props}>
<path d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
</IconWrapper>
)
export const HelpIcon = (props) => (
<IconWrapper {...props}>
<path d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9 5.25h.008v.008H12v-.008z" />
</IconWrapper>
)
export const HomeIcon = (props) => (
<IconWrapper {...props}>
<path d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" />
</IconWrapper>
)
export const I18nIcon = (props) => (
<IconWrapper {...props}>
<path d="M3 5h12M9 3v2m1.048 9.5A18.022 18.022 0 016.412 9m6.088 9h7M11 21l5-10 5 10M12.751 5C11.783 10.77 8.07 15.61 3 18.129" />
</IconWrapper>
)
export const ImportIcon = (props) => (
<IconWrapper {...props}>
<path d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m6.75 12-3-3m0 0-3 3m3-3v6m-1.5-15H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" />
</IconWrapper>
)
export const IncludeIcon = (props) => (
<IconWrapper {...props}>
<path d="M10.5 6a7.5 7.5 0 107.5 7.5h-7.5V6z" />
<path d="M13.5 10.5H21A7.5 7.5 0 0013.5 3v7.5z" />
</IconWrapper>
)
export const InstagramIcon = (props) => (
<IconWrapper {...props} stroke={0} fill>
<path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z" />
</IconWrapper>
)
export const KeyIcon = (props) => (
<IconWrapper {...props}>
<path d="M15.75 5.25a3 3 0 013 3m3 0a6 6 0 01-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1121.75 8.25z" />
</IconWrapper>
)
export const KioskIcon = (props) => (
<IconWrapper {...props}>
<path d="M 3,17.033898 V 7.2838983 c 0,-1.242641 1.007359,-2.25 2.25,-2.25 h 13.5 c 1.242641,0 2.25,1.007359 2.25,2.25 v 9.7499997 m -18,0 c 0,1.242641 1.007359,2.25 2.25,2.25 h 13.5 c 1.242641,0 2.25,-1.007359 2.25,-2.25" />
</IconWrapper>
)
export const LabelIcon = (props) => (
<IconWrapper {...props}>
<path d="M9.568 3H5.25A2.25 2.25 0 003 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 005.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 009.568 3z" />
<path d="M6 6h.008v.008H6V6z" />
</IconWrapper>
)
export const LeftIcon = (props) => (
<IconWrapper {...props}>
<path d="M15 19l-7-7 7-7" />
</IconWrapper>
)
export const LeftRightIcon = (props) => (
<IconWrapper {...props}>
<path d="M7.5 21L3 16.5m0 0L7.5 12M3 16.5h13.5m0-13.5L21 7.5m0 0L16.5 12M21 7.5H7.5" />
</IconWrapper>
)
export const LinkIcon = (props) => (
<IconWrapper {...props}>
<path d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244" />
</IconWrapper>
)
export const LockIcon = (props) => (
<IconWrapper {...props}>
<path d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" />
</IconWrapper>
)
export const MastodonIcon = (props) => (
<IconWrapper {...props} fill stroke={0}>
<path d="m 11.217423,0.1875 c -2.8267978,0.0231106 -5.545964,0.32921539 -7.1306105,1.056962 0,0 -3.14282962,1.4058166 -3.14282962,6.2023445 0,1.0983506 -0.021349,2.4116171 0.013437,3.8043315 0.11412502,4.690743 0.85993502,9.313695 5.19692442,10.461603 1.9996899,0.529281 3.7166529,0.640169 5.0993757,0.564166 2.507534,-0.139021 3.915187,-0.894849 3.915187,-0.894849 l -0.08272,-1.819364 c 0,0 -1.79194,0.564966 -3.804377,0.496111 -1.9938518,-0.06838 -4.0987697,-0.214969 -4.4212502,-2.662908 -0.029782,-0.215025 -0.044673,-0.445024 -0.044673,-0.686494 0,0 1.9573364,0.47844 4.4378282,0.592088 1.516743,0.06957 2.939062,-0.08886 4.383732,-0.261231 2.770451,-0.330816 5.182722,-2.037815 5.485905,-3.597546 0.477704,-2.456993 0.438356,-5.9959075 0.438356,-5.9959075 0,-4.7965279 -3.142655,-6.2023445 -3.142655,-6.2023445 C 16.83453,0.51671539 14.113674,0.21061063 11.286876,0.1875 Z M 8.0182292,3.9352913 c 1.177465,0 2.0690118,0.4525587 2.6585778,1.3578046 l 0.573249,0.9608111 0.573247,-0.9608111 c 0.589448,-0.9052459 1.480995,-1.3578046 2.65858,-1.3578046 1.017594,0 1.837518,0.3577205 2.463657,1.0555661 0.606959,0.6978459 0.909169,1.6411822 0.909169,2.8281631 V 13.626816 H 15.553691 V 7.9896839 c 0,-1.1882914 -0.49996,-1.7914432 -1.500043,-1.7914432 -1.10575,0 -1.659889,0.715401 -1.659889,2.1301529 V 11.413948 H 10.106352 V 8.3283936 c 0,-1.4147519 -0.5543138,-2.1301529 -1.6600628,-2.1301529 -1.000084,0 -1.5000426,0.6031518 -1.5000426,1.7914432 V 13.626816 H 4.6452275 V 7.8190205 c 0,-1.1869809 0.3022656,-2.1303172 0.9093441,-2.8281631 C 6.1805914,4.2930118 7.0005147,3.9352913 8.0182292,3.9352913 Z" />
</IconWrapper>
)
export const MarginIcon = (props) => (
<IconWrapper {...props}>
<path d="m 2.4889452,14.488945 h 7.0221096 v 7.02211 H 2.4889452 Z M 14.488945,2.4889452 h 7.02211 v 7.0221096 h -7.02211 z m -11.9999998,0 H 9.5110548 V 9.5110548 H 2.4889452 Z M 14.488945,14.488945 h 7.02211 v 7.02211 h -7.02211 z" />
</IconWrapper>
)
export const MeasieIcon = (props) => (
<IconWrapper {...props}>
<path d="m 23.045963,7.9355562 v 3.7987498 l -0.01469,-0.056 C 23.346411,18.817891 1.2185835,21.36545 1.2185835,21.36545 v -3.836793 m 0.075177,-5.192339 V 8.3573441 M 6.7939469,16.638959 C 5.6484749,16.381008 4.6127423,16.03325 3.7570739,15.581871 2.2780992,14.801689 1.3370697,13.711938 1.2971261,12.241292 M 2.0464728,10.122206 C 4.5831883,3.7286119 20.382021,3.7454996 22.30006,10.110938 M 1.2185835,17.535357 c 0,0 23.2148625,-2.584129 21.7494555,-10.2183133 C 21.611034,0.24754253 2.7448834,0.46882453 1.373585,7.5355232 0.41141246,12.493877 8.5647942,13.74509 15.368311,13.344749 v 1.037311" />
</IconWrapper>
)
export const MegaphoneIcon = (props) => (
<IconWrapper {...props}>
<path d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 110-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 01-1.44-4.282m3.102.069a18.03 18.03 0 01-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 018.835 2.535M10.34 6.66a23.847 23.847 0 008.835-2.535m0 0A23.74 23.74 0 0018.795 3m.38 1.125a23.91 23.91 0 011.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 001.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 010 3.46" />
</IconWrapper>
)
export const MenuIcon = (props) => (
<IconWrapper {...props}>
<path d="M4 6h16M4 12h16M4 18h16" />
</IconWrapper>
)
export const MenuAltIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 6.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 12.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 18.75a.75.75 0 110-1.5.75.75 0 010 1.5z" />
</IconWrapper>
)
export const MsetIcon = (props) => (
<IconWrapper {...props}>
<path d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" />
</IconWrapper>
)
export const MeasurementsSetIcon = MsetIcon
export const MsfIcon = (props) => (
<IconWrapper {...props}>
<path
d="m 13.474495,8.5668953 c 2.067369,-0.6105025 3.786721,-1.0959232 4.916321,-1.3525676 0,0 0.250807,-0.062865 0.30719,-0.07129 0.05703,-0.00843 0.08166,-0.019443 0.09916,-0.04083 a 0.23006778,0.23007257 0 0 0 0.03046,-0.1523016 c -0.01296,-0.047311 -0.05703,-0.1173046 -0.04342,-0.1523016 0.01296,-0.034997 0.08749,-0.2106298 0.09138,-0.2410901 0.0039,-0.029812 -0.04018,-0.078419 -0.05703,-0.091381 -0.0175,-0.012962 0.01361,-0.1082314 -0.0084,-0.147765 A 0.35320266,0.35321001 0 0 0 18.701894,6.2162665 c -0.03889,-0.025924 -0.05314,-0.1652635 -0.05314,-0.1911871 a 0.51068567,0.5106963 0 0 0 -0.0039,-0.057032 c 0,0 0.02592,-0.017499 -0.0045,-0.038885 -0.03111,-0.022035 -0.06222,-0.029164 -0.06611,-0.064809 -0.0045,-0.035645 0.0097,-0.031756 -0.0032,-0.05768 -0.01361,-0.025923 -0.03176,-0.043422 -0.04537,-0.047959 -0.01231,-0.00518 -0.0039,-0.034997 -0.0084,-0.079067 -0.0039,-0.042774 -0.0084,-0.073882 -0.0084,-0.073882 l -0.09592,-0.073883 c -0.0175,-0.012962 -0.0175,-0.022034 -0.02139,-0.047959 -0.0045,-0.025923 0,-0.043422 -0.03046,-0.057032 -0.03111,-0.012962 -0.143873,-0.043422 -0.143873,-0.043422 0,0 -0.07907,-0.022036 -0.113413,-0.00843 -0.035,0.012962 -0.05185,0.00389 -0.100452,0.03046 a 0.39532773,0.39533597 0 0 1 -0.157483,0.051847 c -0.04277,0 -0.06935,0.017499 -0.105638,0.00389 -0.035,-0.012962 -0.02981,-0.029812 -0.186646,0.026572 -0.156835,0.057032 -1.500301,0.423852 -1.500301,0.423852 0,0 -3.693398,1.0933307 -5.936396,2.0285272 -0.73881,0.3071955 -3.7504297,1.5606049 -6.6084549,3.3234144 -0.05055,0.03564 -0.086842,0.05768 -0.1166541,0.106935 l -0.014903,0.02852 h 2.84183 a 67.507721,67.509127 0 0 1 4.921506,-2.0181578 c 0.706296,-0.2521054 1.07894,-0.4037588 2.334269,-0.8140009 z M 9.7642467,5.7872296 c 0,0.038885 0.021387,0.06481 0.054439,0.1101757 0.023979,0.032404 0.00259,0.052496 0.044069,0.1004542 0.041477,0.047959 0.016203,0.033052 0.077769,0.088788 0.038884,0.034997 0.036292,0.093325 0.093323,0.1989642 0.05833,0.1062871 0.06999,0.1069351 0.121192,0.1652634 0.05768,0.064161 0.09722,0.089436 0.155537,0.1231375 0.08685,0.051199 0.04278,0.1386915 0.140634,0.1322107 0.09592,-0.00648 0.1685,-0.024627 0.2359,-0.00583 0.05574,0.016203 0.02592,0.00324 0.09527,0.00324 0.07129,0 -0.02463,-0.011018 0.06676,-0.022035 0.08555,-0.00972 0.01944,0.068697 0.125079,0.078419 0,0 0.05833,0.027219 0.174332,0.00843 0.114711,-0.019443 0.194424,-0.043422 0.229422,-0.1166566 0.06546,-0.141932 0.118597,-0.1445245 0.171091,-0.2009084 0.05055,-0.053144 0.06287,-0.020739 0.110822,-0.040182 0.04796,-0.018795 0.06287,-0.1464687 0.116653,-0.1814656 0.08425,-0.051848 0.165909,-0.1814657 0.233309,-0.2294245 0.06805,-0.048607 0.226827,-0.2935856 0.313022,-0.4666262 0.08685,-0.1730404 0.195719,-0.4484794 0.204792,-0.5476375 0.0097,-0.099158 -0.01426,-0.1257297 0.01426,-0.2022046 0.02916,-0.076474 0.04407,-0.1950755 0.04407,-0.2715503 0,-0.077771 -0.01944,-0.1924833 -0.03889,-0.2501635 -0.01944,-0.058329 -0.02398,-0.147765 -0.02398,-0.147765 0,0 -0.0525,-0.085548 -0.0525,-0.1335068 0,-0.048607 -0.01361,-0.1101756 -0.07129,-0.1490612 -0.05833,-0.038886 -0.07713,-0.1568381 -0.115359,-0.233313 -0.03889,-0.077771 -0.08555,-0.079715 -0.08555,-0.1471168 0,-0.066753 -0.144522,-0.1659115 -0.192479,-0.2235917 -0.04861,-0.058328 -0.174982,-0.1743366 -0.22294,-0.1743366 -0.04796,0 -0.0512,-0.00259 -0.112117,-0.00259 -0.06092,0 -0.05833,-0.034349 -0.09657,-0.04407 -0.03824,-0.00907 -0.124431,-0.014906 -0.1685,0.031108 -0.01879,0.048607 -0.04796,0.034349 -0.09592,0.034349 -0.04796,0 -0.07648,0.024627 -0.114709,0.04407 -0.03889,0.019443 -0.09916,0.020091 -0.118598,0.058328 -0.01944,0.038886 -0.09268,0.065457 -0.130264,0.075179 -0.03889,0.00972 -0.125728,0.072586 -0.206089,0.1399878 -0.07971,0.067401 -0.421894,0.3065471 -0.650017,0.6655899 C 9.866643,4.4074445 9.9003431,4.537711 9.8504411,4.6621446 9.7947062,4.8021323 9.7661908,4.9181409 9.7286024,5.0237798 9.6897172,5.1294187 9.7026789,5.5720655 9.7039749,5.654373 c 0.00194,0.073235 0.060272,0.094621 0.060272,0.1328588 z m 7.5650183,5.6124744 c 0.07583,-0.03694 0.128319,-0.06351 0.149706,-0.07453 0.147762,-0.07972 1.314303,-0.595596 1.449751,-0.663646 0.136096,-0.0674 1.32532,-0.60791 1.32532,-0.60791 0,0 0.342186,-0.1360989 0.579381,-0.2527553 0.167204,-0.082307 0.224884,-0.088788 0.274786,-0.2080375 C 21.132189,9.5357931 20.975352,8.9849149 20.91897,8.8714988 20.861939,8.7587304 20.743989,8.4068166 20.561878,8.1352661 20.37912,7.8643638 20.217101,7.6854905 20.189882,7.6543821 c -0.02722,-0.031108 -0.08685,-0.046663 -0.152947,-0.046663 -0.06611,0 -0.279322,0.064161 -0.279322,0.064161 0,0 -0.696036,0.2307206 -0.861943,0.2734947 -0.167205,0.042774 -4.164552,1.3519194 -4.692087,1.5554202 -0.523,0.2009085 -0.646134,0.2086855 -1.600753,0.616983 -0.21257,0.09073 -0.32404,0.114064 -0.33441,0.187947 0,0.04537 0.03629,0.05962 0.09657,0.09916 0.08425,0.05379 0.263121,0.184706 0.321448,0.214518 0.111469,0.05703 0.287098,0.239794 0.287098,0.239794 0,0 0.07388,0.134155 0.165261,0.198965 0.09527,0.0687 0.11406,0.07388 0.2359,0.214518 0.02916,0.035 0.07713,0.08101 0.127023,0.127674 h 0.0013 a 6.0919357,6.0920626 0 0 0 0.208682,0.185354 l 0.101748,0.04602 0.138689,0.167856 c 0,0 0.05833,0.04083 0.09203,0.0862 0.0337,0.04537 0.252102,0.262477 0.252102,0.262477 0,0 0.09073,0.06805 0.147762,0.136099 0.05639,0.06805 0.113413,0.114065 0.136096,0.1698 a 0.36940461,0.3694123 0 0 0 0.136744,0.165912 c 0.06805,0.04537 0.128321,-0.02916 0.207386,-0.06351 0.07972,-0.03435 0.587159,-0.303955 0.680482,-0.338952 0.05833,-0.02204 1.279954,-0.601429 1.724537,-0.817892 z M 3.0521001,11.782078 c 0.028515,0 0.066105,0.0078 0.078417,0.01944 0.012962,0.01296 0.049902,0.03759 0.074528,0.0337 0.025275,-0.0045 0.033051,-0.0045 0.045365,0.02074 0.012962,0.02463 0.016851,0.06805 0.053791,0.101103 0.037588,0.03305 0.062864,0.02916 0.079065,0.05833 0.016851,0.02916 0.037588,0.03694 0.033051,0.07907 -0.00389,0.04083 -0.00843,0.06157 0.00454,0.06999 0.011666,0.0084 0.011666,0.01685 0.016203,0.05379 0.00454,0.03694 -0.020739,0.103695 -0.00454,0.108231 0.016851,0.0039 0.016851,-0.0052 0.016851,0.02463 0,0.02916 -0.016851,0.0162 -0.016851,0.0324 0,0.01685 0.016851,0.02592 0.016851,0.02592 0,0 -0.00389,0.01231 -0.00389,0.04083 a 0.14257722,0.14258019 0 0 0 0.020739,0.06287 c 0.03694,0.0162 0.099804,0.0162 0.1198944,-0.0045 0.020739,-0.02139 0.029163,-0.02916 0.083602,-0.0499 0.053791,-0.02074 0.075824,-0.07777 0.1380407,-0.11212 0.062216,-0.0324 0.079065,-0.07907 0.1121175,-0.07453 0.033051,0.0045 0.074528,-0.05379 0.1036926,-0.04925 0.029163,0.0045 0.069991,-0.02916 0.1036924,-0.0337 0.032403,-0.0039 0.053791,-0.0078 0.070641,-0.02852 0.016203,-0.02139 0.020091,-0.03759 0.03694,-0.03759 0.016203,0 0.00389,-0.0084 0.033051,-0.0337 0.029163,-0.02398 0.033699,-0.04472 0.058327,-0.04926 0.025275,-0.0045 0.045365,-0.0499 0.086842,-0.07064 0.041477,-0.02009 0.086842,-0.06351 0.1451695,-0.06351 0.058328,0 0.027219,0.0058 0.069992,0.04342 0.043421,0.03694 0.051846,0.0324 0.1017483,0.04537 0.049254,0.01231 0.058327,-0.01685 0.066105,0.02074 0.00843,0.03694 0.025275,0.06222 0.079065,0.05379 0.053143,-0.0084 0.068697,-0.04537 0.1244312,-0.07453 0.348669,-0.182759 0.7647352,-0.384964 1.2183901,-0.594946 H 3.3767872 c -0.018147,0.03565 -0.029163,0.06287 -0.058976,0.08296 -0.037588,0.02592 -0.041477,0.02592 -0.062864,0.03759 -0.020091,0.01296 -0.053791,0.0084 -0.077769,0.03759 -0.025275,0.02852 -0.037588,0.04926 -0.058328,0.05379 -0.020739,0.0039 -0.037588,0.01685 -0.062864,0.03305 -0.024627,0.0162 -0.045365,0.02463 -0.03694,0.06611 0.00907,0.04148 0.00389,0.07129 0.0337,0.07129 z M 23.950032,11.762636 A 7.2001496,7.2002995 0 0 0 23.84634,11.399704 C 23.755608,11.110007 23.651916,10.84429 23.587756,10.77624 a 0.27478519,0.27479091 0 0 0 -0.254047,-0.07129 c -0.09592,0.02592 -2.170414,0.489957 -2.170414,0.489957 0,0 -0.359684,0.09073 -0.818522,0.204797 h -0.0026 c -0.700573,0.174985 -1.629917,0.406354 -1.863873,0.463386 -0.569012,0.139988 -2.909223,0.864554 -3.346675,1.028522 -0.02528,0.0091 -0.103693,0.02592 -0.09722,0.07388 0.0045,0.04796 0.03176,0.04537 0.06157,0.08425 0.02981,0.04018 0.134154,0.105638 0.254695,0.233313 0.08425,0.08944 0.149058,0.211277 0.202849,0.259236 a 0.30006024,0.30006649 0 0 1 0.09074,0.134155 c 0.01037,0.03759 0.04342,0.05509 0.05444,0.08231 0.01102,0.02722 0.0175,0.04926 0.04537,0.113417 0.02592,0.06481 0.04537,0.09916 0.08814,0.157486 0.04277,0.05963 0.346722,0.328583 0.389495,0.449775 0.02463,0.06611 0.185999,0.260534 0.185999,0.260534 l 0.07453,0.162022 c 0.09722,0.222943 0.265064,0.680497 0.287099,0.692163 -0.01167,-0.07518 -0.0162,-0.101751 -0.0026,-0.03889 0.0065,0.03046 0.0065,0.04018 0.0026,0.03889 0.02203,0.140635 0.07259,0.453664 0.09009,0.6792 h 0.237197 c 0.290987,-0.111472 0.7926,-0.303307 1.158764,-0.438111 0.745289,-0.274143 1.411515,-0.488661 1.920903,-0.672719 0.231366,-0.08425 -0.05509,-1.109533 -0.05509,-1.109533 0,0 1.290972,-0.423852 1.936458,-0.612446 0.371998,-0.108879 1.685652,-0.434222 1.743979,-0.456255 0.0849,-0.035 0.138041,-0.181466 0.149058,-0.239794 0.01037,-0.05963 0.1011,-0.585227 0,-0.981211 z M 7.3060858,17.767854 c 0.1801658,-0.0687 0.1360964,-0.137395 0.1659081,-0.190539 0.02657,-0.04731 -0.025276,-0.09527 0.058976,-0.185354 0.055735,-0.05898 0.2022004,-0.547637 0.2022004,-0.547637 0,0 0.092675,-0.178225 0.080361,-0.220351 -0.014906,-0.05185 0.05055,-0.207391 0.1101733,-0.349971 h 6.481e-4 c 0.040829,-0.100454 0.080361,-0.192483 0.090731,-0.242386 0.014258,-0.07129 0.1185984,-0.264421 0.1438735,-0.316269 0.025922,-0.0512 0.055735,-0.175632 0.090731,-0.286456 0.028515,-0.09074 0.2060889,-0.581987 0.2060889,-0.581987 0,0 0.1859985,-0.360338 0.2009043,-0.489956 0.00518,-0.04213 0.1036924,-0.188595 0.1205426,-0.257293 0.017499,-0.0687 0,-0.111471 0.042773,-0.145821 0.042773,-0.03435 0.1633159,-0.266366 0.1633159,-0.335712 0,-0.07 0.1296155,-0.261181 0.2151619,-0.427092 0.090731,-0.281272 0.099804,-0.34997 0.1859985,-0.461441 0.066752,-0.08684 0.08425,-0.239794 0.1101733,-0.325991 0.025923,-0.0862 0.051846,-0.184706 0.093971,-0.254051 0.043421,-0.0687 0.1244311,-0.241091 0.1503542,-0.283865 0.025275,-0.04277 0.02657,-0.147117 0.034996,-0.198316 0.00907,-0.05185 0.082953,-0.105639 0.094619,-0.154894 0.017499,-0.07259 0.022684,-0.05898 0.022684,-0.09527 v -0.0175 l 0.00194,-0.08684 c 0.015555,-0.03953 0.056383,-0.09527 0.029811,-0.151005 -0.029163,-0.06027 -0.1639638,0.02852 -0.3311679,0.08296 a 6.1146184,6.1147458 0 0 0 -0.338941,0.154887 H 9.250973 C 8.1855279,11.903272 5.03846,13.446378 5.03846,13.446378 l -2.9409793,1.490611 c 0,0 -1.22940442,0.624112 -1.39984901,0.830206 -0.082954,0.100454 -0.099156,0.254699 -0.0570309,0.505511 v 6.48e-4 c 0.0187942,0.110824 0.049254,0.242387 0.092027,0.395337 0.13804068,0.501623 0.24367742,0.754379 0.33700061,0.814003 0.2307159,0.149061 0.8081536,-0.246274 1.3726298,-0.468571 1.2637527,-0.493845 1.8833154,-0.66235 1.8833154,-0.66235 0,0 0.1451695,-0.02852 0.068049,0.02592 -0.2696006,0.191836 -1.2520872,0.651981 -1.7187036,0.911218 -0.6001205,0.333118 -2.38687221,1.297479 -2.47565892,1.408951 -0.0887867,0.110175 -0.22034661,0.187947 -0.19766387,0.410242 0,0 0.05184625,0.423852 0.29163522,0.931308 0.14646568,0.307844 0.38884695,0.610502 0.57678965,0.670127 0.18859072,0.06027 0.24886192,-0.0862 0.54179332,-0.206742 0.090731,-0.03759 4.504144,-2.139998 4.504144,-2.139998 0,0 1.2099621,-0.525603 1.3901279,-0.594949 z m 9.7905182,-1.493852 h -0.237197 l 0.0052,0.09009 z M 13.90806,17.30058 c 0.0065,-0.05963 -0.02333,-0.08425 -0.0162,-0.129618 0.02074,-0.11212 -0.02333,-0.116656 -0.04342,-0.161375 -0.02787,-0.06157 0.0019,-0.06481 -0.02139,-0.137396 -0.03241,-0.102397 -0.119246,-0.395336 -0.156834,-0.489957 a 2.5430592,2.5431121 0 0 1 -0.04148,-0.109528 15.122907,15.123222 0 0 0 -0.05509,-0.149061 c -0.02204,-0.05833 -0.01296,-0.07713 -0.02722,-0.123137 -0.03694,-0.116657 -0.128967,-0.233313 -0.149058,-0.280624 -0.02074,-0.04796 -0.04018,-0.130914 -0.05379,-0.151005 -0.01361,-0.02139 -0.05833,-0.07388 -0.06546,-0.101103 a 0.21127351,0.21127791 0 0 0 -0.04407,-0.08879 c -0.02074,-0.02074 -0.09333,-0.06222 -0.09333,-0.110176 0,-0.04796 0.0175,-0.03889 -0.0097,-0.08685 -0.02787,-0.04796 -0.08296,-0.09657 -0.103692,-0.143229 a 1.3888317,1.3888606 0 0 0 -0.261176,-0.34608 c -0.04083,-0.035 -0.121191,-0.06092 -0.135448,-0.10888 -0.01361,-0.04731 -0.102397,-0.116657 -0.123135,-0.137395 -0.02009,-0.02074 -0.04861,-0.02592 -0.06287,-0.05185 -0.01361,-0.02463 -0.02592,-0.06351 -0.05444,-0.07064 -0.04666,-0.01231 -0.05703,-0.03759 -0.05703,-0.03759 0,0 -0.04537,-0.04213 -0.07972,-0.09074 a 0.3635719,0.36357948 0 0 0 -0.144522,-0.112767 c -0.04083,-0.01361 -0.035,-0.01815 -0.07324,-0.06157 -0.02333,-0.02592 -0.01685,-0.03111 -0.0674,-0.02333 -0.04796,0.0084 -0.146465,0.34997 -0.187943,0.397929 a 0.39208735,0.39209552 0 0 0 -0.08749,0.184058 c -0.0065,0.06222 -0.259231,0.601429 -0.314318,0.683737 -0.05509,0.08231 -0.07388,0.136747 -0.11471,0.246274 -0.04083,0.110176 -0.0337,0.127027 -0.06805,0.174985 a 0.97989434,0.97991474 0 0 0 -0.121169,0.221009 l -0.131559,0.316269 -0.03046,0.05055 v 6.48e-4 c -0.03565,0.05833 -0.09851,0.165264 -0.173684,0.293587 -0.116655,0.198964 -0.110174,0.267013 -0.151003,0.301362 -0.04083,0.03435 -0.04731,0.123138 -0.08879,0.191835 -0.04083,0.0687 -0.0687,0.135452 -0.116655,0.203501 -0.04796,0.0687 -0.09462,0.203501 -0.141929,0.28516 0,0 -0.05638,0.181466 -0.09786,0.221647 a 0.65974368,0.65975742 0 0 0 -0.116655,0.213223 c -0.01944,0.06611 -0.068048,0.155541 -0.1023961,0.196372 -0.034348,0.04083 -0.046013,0.08166 -0.1011001,0.177577 -0.054439,0.09592 -0.1510023,0.285808 -0.2196986,0.381726 -0.068697,0.09592 -0.088138,0.219054 -0.1360965,0.287753 -0.047958,0.0687 -0.026571,0.0862 -0.075177,0.127025 -0.047958,0.04148 -0.032403,0.05315 -0.097212,0.05963 -0.069993,0.0065 -0.099156,0.0337 -0.092027,-0.02852 0.00648,-0.06092 0.011018,-0.09268 -0.023331,-0.09268 -0.034348,0 -0.027219,-0.0097 -0.068696,0.03759 -0.040829,0.04796 -0.047958,0.02917 -0.1011003,0.04926 -0.053143,0.02009 0.00648,0.01944 -0.082953,0.04018 -0.088786,0.02074 -0.057031,0.0026 -0.1049887,0.0026 -0.047958,0 -0.038236,0.03046 -0.099804,0.04407 -0.061568,0.01296 -0.1043404,0.02139 -0.1043404,-0.01944 0,-0.04213 0.023332,-0.0052 0.00972,-0.05963 -0.012962,-0.05444 0.00324,-0.06546 -0.037588,-0.05185 -0.040829,0.01296 -0.069344,0.02722 -0.097212,-0.0071 -0.027218,-0.03435 -0.015554,-0.04018 -0.057031,-0.04731 -0.040829,-0.0065 -0.078417,0.0065 -0.1062848,-0.01491 -0.027218,-0.02074 -0.047958,-0.05638 -0.095916,-0.07 -0.048606,-0.01296 -0.093971,0.0039 -0.149058,0.03046 -0.053791,0.02787 -0.017499,0.04861 -0.058976,0.04861 -0.040829,0 -0.06092,0.03241 -0.075176,-0.01491 -0.01361,-0.04861 0,-0.107584 -0.034348,-0.127674 -0.034348,-0.02074 -0.058976,-0.0052 -0.1140618,-0.0052 -0.054439,0 -0.022035,-0.03176 -0.042125,-0.07259 -0.021388,-0.04148 -0.0337,0.0032 -0.088786,-0.03824 -0.054439,-0.04148 -0.019443,-0.04342 -0.053791,-0.06416 -0.034348,-0.01944 -0.066753,-0.0045 -0.1075809,-0.0013 a 0.12313487,0.12313743 0 0 1 -0.1205425,-0.06481 c -0.036292,-0.06351 -0.040181,-0.213871 -0.040181,-0.240442 0,-0.02787 -0.012962,-0.03694 -0.054439,-0.03046 -0.040829,0.0071 -0.2663602,0.134803 -0.3013564,0.148412 -0.034348,0.01296 -0.9798943,0.572913 -1.0485907,0.63513 -0.068696,0.06092 -0.1069329,0.103047 -0.1205425,0.184706 a 2.3803914,2.380441 0 0 0 -0.00648,0.484774 c 0.02398,0.211278 0.1296156,0.591059 0.1983119,0.719381 0.068697,0.128323 0.2093293,0.36034 0.3538508,0.471163 0.077769,0.05898 0.1302637,0.08814 0.1918311,0.08814 0.061568,0 0.4588394,-0.230721 0.6552072,-0.320158 0.1970158,-0.08944 1.101733,-0.561247 1.2183871,-0.615687 0.1166541,-0.05444 2.0213572,-1.007135 2.1101432,-1.055094 0.08879,-0.04796 1.840542,-0.873628 1.927384,-0.921586 0.08749,-0.04796 1.403089,-0.676607 1.43031,-0.690217 0.02787,-0.01426 0.07064,-0.03241 0.05574,-0.07777 -0.0162,-0.05185 -0.05574,-0.08425 -0.04926,-0.165912 z"
stroke="none"
fill="currentColor"
/>
</IconWrapper>
)
/*
* NarrowIcon - Looks like two arrow pointing inwards
*/
export const NarrowIcon = (props) => (
<IconWrapper {...props}>
<path d="M1.5 12 h 7 M 15.5 12 h 7 M 18 8 l -4 4 l 4 4 M 6 8 l 4 4 l -4 4" />
</IconWrapper>
)
export const NewMsetIcon = (props) => (
<IconWrapper {...props}>
<path d="M19 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zM4 19.235v-.11a6.375 6.375 0 0112.75 0v.109A12.318 12.318 0 0110.374 21c-2.331 0-4.512-.645-6.374-1.766z" />
</IconWrapper>
)
export const NewsletterIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 01-2.25 2.25M16.5 7.5V18a2.25 2.25 0 002.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 002.25 2.25h13.5M6 7.5h3v3H6v-3z" />
</IconWrapper>
)
export const NoIcon = (props) => (
<IconWrapper {...props}>
<path d="M6,6 L 18,18 M 18,6 L 6,18" />
</IconWrapper>
)
export const NoteIcon = (props) => (
<IconWrapper {...props}>
<path d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
</IconWrapper>
)
export const OkIcon = (props) => (
<IconWrapper {...props}>
<path d="M4.5 12.75l6 6 9-13.5" />
</IconWrapper>
)
export const OpackIcon = (props) => (
<IconWrapper {...props}>
<path d="M9.813 15.904L9 18.75l-.813-2.846a4.5 4.5 0 00-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 003.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 003.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 00-3.09 3.09zM18.259 8.715L18 9.75l-.259-1.035a3.375 3.375 0 00-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 002.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 002.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 00-2.456 2.456zM16.894 20.567L16.5 21.75l-.394-1.183a2.25 2.25 0 00-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 001.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 001.423 1.423l1.183.394-1.183.394a2.25 2.25 0 00-1.423 1.423z" />
</IconWrapper>
)
export const OptionPackIcon = OpackIcon
export const OpenSourceIcon = (props) => (
<IconWrapper {...props}>
<path
d="m 12.000078,12.599774 m 1.493301,3.88999 a 4.1666775,4.1666475 0 1 0 -2.9866,0 l -2.8066682,7.313237 a 12,11.999914 0 1 1 8.5997792,0 z"
stroke="none"
fill="currentColor"
/>
</IconWrapper>
)
export const OptionsIcon = (props) => (
<IconWrapper {...props}>
<path d="M10.5 6h9.75M10.5 6a1.5 1.5 0 11-3 0m3 0a1.5 1.5 0 10-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 01-3 0m3 0a1.5 1.5 0 00-3 0m-9.75 0h9.75" />
</IconWrapper>
)
export const PageMarginIcon = (props) => (
<IconWrapper {...props}>
<path
d="M 4.5 2.5 v 19.2 h 15 v -13.3 h-3 v 10.3 h-9 v-13.2 h 6 v-3 z"
strokeWidth={0.1}
stroke="none"
fill="currentColor"
fillOpacity="0.666"
/>
<path d={page} />
</IconWrapper>
)
export const PageOrientationIcon = (props) => (
<IconWrapper {...props}>
<path d={page} transform="scale(-1 1) translate(-21 0)" />
<path d="M 16.5 7.75 h 5 v 14 h-5" />
</IconWrapper>
)
export const PageSizeIcon = (props) => (
<IconWrapper {...props}>
<path d={page} />
<path d={page} transform="scale(0.666) translate(3, 11)" />
</IconWrapper>
)
export const PaperlessIcon = (props) => (
<IconWrapper {...props}>
<path d="M 1.5867219,1.58672 H 22.413278 V 22.41328 H 1.5867219 Z" />
<path
d="M 22.007133,15.500122 H 1.97864 m 20.028493,-7 H 1.97864 M 15.492887,1.9858756 V 22.014369 m -7,-20.0284934 V 22.014369"
strokeWidth={props.stroke / 2 || 1.1}
/>
</IconWrapper>
)
export const PatternIcon = (props) => (
<IconWrapper {...props}>
<path d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" />
</IconWrapper>
)
export const NewPatternIcon = (props) => (
<IconWrapper {...props}>
<path d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m3.75 9v6m3-3H9m1.5-12H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" />
</IconWrapper>
)
export const PluginIcon = (props) => (
<IconWrapper {...props}>
<path d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 01-.657.643 48.39 48.39 0 01-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 01-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 00-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 01-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 00.657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 01-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 005.427-.63 48.05 48.05 0 00.582-4.717.532.532 0 00-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 00.658-.663 48.422 48.422 0 00-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 01-.61-.58v0z" />
</IconWrapper>
)
export const PlusIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 9v6m3-3H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z" />
</IconWrapper>
)
export const PrintIcon = (props) => (
<IconWrapper {...props}>
<path d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z" />
</IconWrapper>
)
export const PrivacyIcon = (props) => (
<IconWrapper {...props}>
<path d="M3.98 8.223A10.477 10.477 0 001.934 12C3.226 16.338 7.244 19.5 12 19.5c.993 0 1.953-.138 2.863-.395M6.228 6.228A10.45 10.45 0 0112 4.5c4.756 0 8.773 3.162 10.065 7.498a10.523 10.523 0 01-4.293 5.774M6.228 6.228L3 3m3.228 3.228l3.65 3.65m7.894 7.894L21 21m-3.228-3.228l-3.65-3.65m0 0a3 3 0 10-4.243-4.243m4.242 4.242L9.88 9.88" />
</IconWrapper>
)
export const RedditIcon = (props) => (
<IconWrapper {...props} stroke={0} fill>
<path d="M 11.710829,0.00384705 C 5.0683862,0.16990815 -0.16221405,5.6505729 0.00384705,12.293016 0.16990814,18.686369 5.3178021,23.833614 11.628124,24.082706 18.270567,24.248767 23.833939,19.018167 24,12.375723 V 11.710829 C 23.833939,5.0683862 18.353273,-0.16221404 11.710829,0.00384705 Z m 5.187788,5.10021625 c 0.15698,0.00649 0.313636,0.048326 0.458939,0.1313569 0.581214,0.3321223 0.912687,1.0793971 0.580565,1.660611 C 17.605998,7.4772452 16.858724,7.808718 16.27751,7.4765965 15.862357,7.3105352 15.614238,6.8947339 15.614238,6.3965506 L 13.038995,5.8159854 12.208689,9.55236 c 1.826672,0.08303 3.48858,0.664893 4.651007,1.495199 0.664245,-0.664245 1.826673,-0.664245 2.490917,0 0.332122,0.332121 0.49786,0.747274 0.49786,1.245457 0.249091,0.747275 -0.249092,1.327193 -0.830306,1.576284 v 0.49948 c 0,2.740009 -3.155161,4.897506 -7.057597,4.897506 -3.9024357,0 -7.0575963,-2.157497 -7.0575963,-4.897506 V 13.8693 C 3.9896377,13.454147 3.6578398,12.458754 3.989962,11.545418 c 0.2490916,-0.664245 0.9120387,-1.08037 1.5762832,-0.99734 0.4981831,0 0.9133359,0.167358 1.2454581,0.499481 C 8.2232228,10.134222 9.8848065,9.55236 11.545418,9.55236 l 0.913011,-4.1515273 c 0,-0.083031 0.08271,-0.1654124 0.08271,-0.1654125 0.08303,-0.08303 0.166711,-0.084328 0.249741,-0.084328 l 2.906069,0.664893 C 15.946037,5.3800751 16.427678,5.084603 16.898617,5.1040633 Z M 9.3026198,12.293016 c -0.6642443,0 -1.2454583,0.581214 -1.2454583,1.245458 0,0.664245 0.498183,1.245459 1.2454583,1.245459 0.6642442,0 1.2454582,-0.581214 1.2454582,-1.245459 0,-0.664244 -0.581214,-1.245458 -1.2454582,-1.245458 z m 5.4813132,0 c -0.664245,0 -1.245459,0.581214 -1.245459,1.245458 0,0.664245 0.581214,1.245459 1.245459,1.245459 0.664245,0 1.245458,-0.581214 1.245458,-1.245459 0,-0.664244 -0.581213,-1.245458 -1.245458,-1.245458 z m -5.3872557,3.943952 c -0.072653,0 -0.135249,0.04021 -0.1767645,0.123249 -0.1660605,0.16606 -0.1660605,0.332121 0,0.415152 0.8303052,0.830306 2.4905922,0.914633 2.9887762,0.914633 0.498183,0 2.077061,-0.08433 2.990396,-0.914633 -0.08303,-0.08303 -0.084,-0.249092 -0.167034,-0.415152 -0.166061,-0.166062 -0.332121,-0.166062 -0.415152,0 -0.498183,0.581213 -1.660611,0.747598 -2.490917,0.747598 -0.830305,0 -1.992733,-0.166385 -2.4909165,-0.747598 -0.08303,-0.08303 -0.1657365,-0.123249 -0.2383882,-0.123249 z" />
</IconWrapper>
)
export const ReloadIcon = (props) => (
<IconWrapper {...props}>
<path d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99" />
</IconWrapper>
)
export const ResetIcon = (props) => (
<IconWrapper {...props}>
<path d="m 2.447878,2.716835 v 4.38448 h 4.38448 M 3.1307,6.882055 c 1.771085,-3.0536 5.075566,-5.10727 8.859706,-5.10727 5.65253,0 10.234811,4.58228 10.234811,10.23481 0,5.65253 -4.582281,10.23481 -10.234811,10.23481 -5.440329,0 -9.889258,-4.24469 -10.215624,-9.60291" />
</IconWrapper>
)
export const RightIcon = (props) => (
<IconWrapper {...props}>
<path d="M9 5l7 7-7 7" />
</IconWrapper>
)
export const RocketIcon = (props) => (
<IconWrapper {...props}>
<path d="M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.493 4.493 0 004.306-1.758M16.5 9a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" />
</IconWrapper>
)
export const RssIcon = (props) => (
<IconWrapper {...props}>
<path d="M6 5c7.18 0 13 5.82 13 13M6 11a7 7 0 017 7m-6 0a1 1 0 11-2 0 1 1 0 012 0z" />
</IconWrapper>
)
export const SaIcon = (props) => (
<IconWrapper {...props}>
<circle cx="12" cy="12" r="5" />
<circle cx="12" cy="12" r="10" strokeDasharray="2 4" />
</IconWrapper>
)
export const SaveAsIcon = (props) => (
<IconWrapper {...props}>
<path d="M2.25 15a4.5 4.5 0 004.5 4.5H18a3.75 3.75 0 001.332-7.257 3 3 0 00-3.758-3.848 5.25 5.25 0 00-10.233 2.33A4.502 4.502 0 002.25 15z M 11.5,10 v6 M 8.5,13 h 6" />
</IconWrapper>
)
export const ScaleIcon = (props) => (
<IconWrapper {...props}>
<path d="M 2 20 h 20" strokeWidth={props.stroke / 2 || 1} />
<path d="M 2 12 h 20" />
<path d="M 2 4 h 20" strokeWidth={props.stroke * 2 || 4} />
</IconWrapper>
)
export const SearchIcon = (props) => (
<IconWrapper {...props}>
<path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
</IconWrapper>
)
export const SettingsIcon = (props) => (
<IconWrapper {...props}>
<path d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
<path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</IconWrapper>
)
export const ShieldIcon = (props) => (
<IconWrapper {...props}>
<path d="M9 12.75L11.25 15 15 9.75m-3-7.036A11.959 11.959 0 013.598 6 11.99 11.99 0 003 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285z" />
</IconWrapper>
)
export const ShowcaseIcon = (props) => (
<IconWrapper {...props}>
<path d="M3 9a2 2 0 012-2h.93a2 2 0 001.664-.89l.812-1.22A2 2 0 0110.07 4h3.86a2 2 0 011.664.89l.812 1.22A2 2 0 0018.07 7H19a2 2 0 012 2v9a2 2 0 01-2 2H5a2 2 0 01-2-2V9z" />
<path d="M15 13a3 3 0 11-6 0 3 3 0 016 0z" />
</IconWrapper>
)
export const SigninIcon = (props) => (
<IconWrapper {...props}>
<path d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15M12 9l-3 3m0 0l3 3m-3-3h12.75" />
</IconWrapper>
)
export const SignoutIcon = (props) => (
<IconWrapper {...props}>
<path d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9" />
</IconWrapper>
)
export const StarIcon = (props) => (
<IconWrapper {...props}>
<path d="M11.48 3.499a.562.562 0 011.04 0l2.125 5.111a.563.563 0 00.475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 00-.182.557l1.285 5.385a.562.562 0 01-.84.61l-4.725-2.885a.563.563 0 00-.586 0L6.982 20.54a.562.562 0 01-.84-.61l1.285-5.386a.562.562 0 00-.182-.557l-4.204-3.602a.563.563 0 01.321-.988l5.518-.442a.563.563 0 00.475-.345L11.48 3.5z" />
</IconWrapper>
)
export const ThemeIcon = (props) => (
<IconWrapper {...props}>
<path d="M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01" />
</IconWrapper>
)
export const TikTokIcon = (props) => (
<IconWrapper {...props}>
<path d="M 21.070629,5.6224629 A 5.7508474,5.7508474 0 0 1 16.547219,0.52913011 V 0 H 12.41376 v 16.404252 a 3.474745,3.474745 0 0 1 -6.2403831,2.091334 l -0.0024,-0.0012 0.0024,0.0012 A 3.4735455,3.4735455 0 0 1 9.9924767,13.084289 V 8.8848362 A 7.5938063,7.5938063 0 0 0 3.5205237,21.713559 7.5950059,7.5950059 0 0 0 16.547219,16.405452 V 8.0233494 a 9.8171151,9.8171151 0 0 0 5.72685,1.8309665 V 5.7472464 A 5.7964413,5.7964413 0 0 1 21.070637,5.6225887 Z" />
</IconWrapper>
)
export const TipIcon = (props) => (
<IconWrapper {...props}>
<path d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z" />
</IconWrapper>
)
export const TutorialIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 14l9-5-9-5-9 5 9 5z" />
<path d="M12 14l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14z" />
<path d="M12 14l9-5-9-5-9 5 9 5zm0 0l6.16-3.422a12.083 12.083 0 01.665 6.479A11.952 11.952 0 0012 20.055a11.952 11.952 0 00-6.824-2.998 12.078 12.078 0 01.665-6.479L12 14zm-4 6v-7.5l4-2.222" />
</IconWrapper>
)
export const TrashIcon = (props) => (
<IconWrapper {...props} stroke={props.stroke || 2}>
<path d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" />
</IconWrapper>
)
export const TrophyIcon = (props) => (
<IconWrapper {...props} stroke={props.stroke || 2}>
<path d="M16.5 18.75h-9m9 0a3 3 0 013 3h-15a3 3 0 013-3m9 0v-3.375c0-.621-.503-1.125-1.125-1.125h-.871M7.5 18.75v-3.375c0-.621.504-1.125 1.125-1.125h.872m5.007 0H9.497m5.007 0a7.454 7.454 0 01-.982-3.172M9.497 14.25a7.454 7.454 0 00.981-3.172M5.25 4.236c-.982.143-1.954.317-2.916.52A6.003 6.003 0 007.73 9.728M5.25 4.236V4.5c0 2.108.966 3.99 2.48 5.228M5.25 4.236V2.721C7.456 2.41 9.71 2.25 12 2.25c2.291 0 4.545.16 6.75.47v1.516M7.73 9.728a6.726 6.726 0 002.748 1.35m8.272-6.842V4.5c0 2.108-.966 3.99-2.48 5.228m2.48-5.492a46.32 46.32 0 012.916.52 6.003 6.003 0 01-5.395 4.972m0 0a6.726 6.726 0 01-2.749 1.35m0 0a6.772 6.772 0 01-3.044 0" />
</IconWrapper>
)
export const TwitchIcon = (props) => (
<IconWrapper {...props} stroke={0} fill>
<path d="M2.149 0l-1.612 4.119v16.836h5.731v3.045h3.224l3.045-3.045h4.657l6.269-6.269v-14.686h-21.314zm19.164 13.612l-3.582 3.582h-5.731l-3.045 3.045v-3.045h-4.836v-15.045h17.194v11.463zm-3.582-7.343v6.262h-2.149v-6.262h2.149zm-5.731 0v6.262h-2.149v-6.262h2.149z" />
</IconWrapper>
)
export const TwitterIcon = (props) => (
<IconWrapper {...props} stroke={0} fill>
<path d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" />
</IconWrapper>
)
export const UnitsIcon = (props) => (
<IconWrapper {...props}>
<path d="m 1.5,4.5 h 21 v 15 h -21 z" />
<path
d="m 3.5,19.316406 v -3.708984 z m 2.1035156,0 v -3.708984 z m 2.1035156,0 v -3.708984 z m 2.1035157,0 v -3.708984 z m 4.3789061,0 v -3.708984 z m 2.103516,0 v -3.708984 z m 2.103515,0 v -3.708984 z m 2.103516,0 V 15.607422 Z M 12,19.130859 v -5.082031 z m 0,-8.986328 V 5.0625001 Z M 5.6035156,8.5859371 v -3.708984 z m 12.7929684,0 v -3.708984 z"
strokeWidth={props.stroke / 2 || 1.1}
/>
</IconWrapper>
)
export const UploadIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 16.5V9.75m0 0l3 3m-3-3l-3 3M6.75 19.5a4.5 4.5 0 01-1.41-8.775 5.25 5.25 0 0110.233-2.33 3 3 0 013.758 3.848A3.752 3.752 0 0118 19.5H6.75z" />
</IconWrapper>
)
export const SaveIcon = UploadIcon
export const UserIcon = (props) => (
<IconWrapper {...props}>
<path d="M5.121 17.804A13.937 13.937 0 0112 16c2.5 0 4.847.655 6.879 1.804M15 10a3 3 0 11-6 0 3 3 0 016 0zm6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</IconWrapper>
)
export const VersionIcon = (props) => (
<IconWrapper {...props}>
<path d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
</IconWrapper>
)
export const WarningIcon = (props) => (
<IconWrapper {...props}>
<path d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z" />
</IconWrapper>
)
/*
* WideIcon - Looks like two arrow pointing outwards
*/
export const WideIcon = (props) => (
<IconWrapper {...props}>
<path d="M3 12 h 7 M 14 12 h 7 M 5.5 8 l -4 4 l 4 4 M 18.5 8 l 4 4 l -4 4" />
</IconWrapper>
)
export const WrenchIcon = (props) => (
<IconWrapper {...props}>
<path d="M11.42 15.17L17.25 21A2.652 2.652 0 0021 17.25l-5.877-5.877M11.42 15.17l2.496-3.03c.317-.384.74-.626 1.208-.766M11.42 15.17l-4.655 5.653a2.548 2.548 0 11-3.586-3.586l6.837-5.63m5.108-.233c.55-.164 1.163-.188 1.743-.14a4.5 4.5 0 004.486-6.336l-3.276 3.277a3.004 3.004 0 01-2.25-2.25l3.276-3.276a4.5 4.5 0 00-6.336 4.486c.091 1.076-.071 2.264-.904 2.95l-.102.085m-1.745 1.437L5.909 7.5H4.5L2.25 3.75l1.5-1.5L7.5 4.5v1.409l4.26 4.26m-1.745 1.437l1.745-1.437m6.615 8.206L15.75 15.75M4.867 19.125h.008v.008h-.008v-.008z" />
</IconWrapper>
)
export const XrayIcon = (props) => (
<IconWrapper {...props}>
<path d="M14 10l-2 1m0 0l-2-1m2 1v2.5M20 7l-2 1m2-1l-2-1m2 1v2.5M14 4l-2-1-2 1M4 7l2-1M4 7l2 1M4 7v2.5M12 21l-2-1m2 1l2-1m-2 1v-2.5M6 18l-2-1v-2.5M18 18l2-1v-2.5" />
</IconWrapper>
)
export const YouTubeIcon = (props) => (
<IconWrapper {...props}>
<path d="M 18.723199,4.1090377 H 5.2768074 C 2.638649,4.1090377 0.5,6.2476867 0.5,8.8858457 v 6.7217683 c 0,2.638165 2.138649,4.776807 4.7768074,4.776807 H 18.723199 c 2.638159,0 4.776801,-2.138642 4.776801,-4.776807 V 8.8858457 c 0,-2.638159 -2.138642,-4.776808 -4.776801,-4.776808 z M 15.492674,12.57377 9.2033594,15.573394 C 9.0357741,15.653314 8.8421952,15.531134 8.8421952,15.345486 V 9.1587477 c 0,-0.188291 0.1986681,-0.310321 0.3666026,-0.22521 l 6.2893152,3.1871143 c 0.186996,0.09475 0.18375,0.36291 -0.0054,0.453118 z" />
</IconWrapper>
)
export const ZoomInIcon = (props) => (
<IconWrapper {...props}>
<path d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607zM10.5 7.5v6m3-3h-6" />
</IconWrapper>
)
export const ZoomOutIcon = (props) => (
<IconWrapper {...props}>
<path d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607zM13.5 10.5h-6" />
</IconWrapper>
)
View git blame Copy permalink