@planningcenter/icons 15.22.0 → 15.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/package.json +11 -9
  2. package/paths/chat.js +2 -0
  3. package/paths/publishing.js +2 -0
  4. package/sprites/chat.svg +4 -0
  5. package/sprites/publishing.svg +4 -0
  6. package/svg/chat/camera.svg +4 -0
  7. package/svg/publishing/magnifying-glass-minus.svg +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@planningcenter/icons",
3
- "version": "15.22.0",
3
+ "version": "15.24.0",
4
4
  "description": "Planning Center Icons",
5
5
  "scripts": {
6
6
  "test": "jest",
@@ -41,13 +41,15 @@
41
41
  "@rollup/plugin-babel": "^6.0.4",
42
42
  "@rollup/plugin-commonjs": "^28.0.2",
43
43
  "@rollup/plugin-node-resolve": "^16.0.0",
44
- "@storybook/addon-actions": "^8.0.8",
45
- "@storybook/addon-essentials": "^8.0.8",
46
- "@storybook/addon-links": "^8.0.8",
47
- "@storybook/addon-styling": "^1.3.7",
48
- "@storybook/manager-api": "^8.0.8",
49
- "@storybook/react": "^8.0.8",
50
- "@storybook/react-webpack5": "^8.0.8",
44
+ "@storybook/addon-actions": "^8.6.14",
45
+ "@storybook/addon-essentials": "^8.6.14",
46
+ "@storybook/addon-links": "^8.6.14",
47
+ "@storybook/addon-styling-webpack": "^1.0.1",
48
+ "@storybook/addon-themes": "^8.6.14",
49
+ "@storybook/manager-api": "^8.6.14",
50
+ "@storybook/react": "^8.6.14",
51
+ "@storybook/react-webpack5": "^8.6.14",
52
+ "@storybook/test": "^8.6.14",
51
53
  "babel-loader": "^8.1.0",
52
54
  "chalk": "^4.1.0",
53
55
  "cheerio": "^1.0.0-rc.3",
@@ -65,7 +67,7 @@
65
67
  "react": "^18.2.0",
66
68
  "react-dom": "^18.2.0",
67
69
  "rollup": "^4.34.8",
68
- "storybook": "^8.0.8",
70
+ "storybook": "^8.6.14",
69
71
  "svgo": "^1.3.2"
70
72
  },
71
73
  "dependencies": {
package/paths/chat.js CHANGED
@@ -1 +1,3 @@
1
+ export const camera = "M7.99999,6.49951c1.38071,0 2.50001,1.11929 2.50001,2.5c0,1.38069 -1.1193,2.49999 -2.50001,2.49999c-1.3807,0 -2.5,-1.1193 -2.5,-2.49999c0,-1.3807 1.1193,-2.49999 2.5,-2.5z M10.2861,1.51904c0.5039,0.00003 0.9875,0.2003 1.3438,0.55664c0.3563,0.35641 0.5556,0.8407 0.5556,1.34473v0.76563h1.9141c0.2502,0.00065 0.4986,0.05109 0.7295,0.14746c0.2306,0.09631 0.44,0.23691 0.6162,0.41406c0.1763,0.17728 0.316,0.38789 0.4111,0.61914c0.0951,0.23131 0.1442,0.4794 0.1436,0.72949v6.47751c0,0.5045 -0.2005,0.9885 -0.5566,1.3457c-0.3562,0.3572 -0.8395,0.5593 -1.3438,0.5606h-12.19434c-0.25054,0 -0.49905,-0.0495 -0.73046,-0.1455c-0.23142,-0.0961 -0.44123,-0.2376 -0.61817,-0.4151c-0.17686,-0.1773 -0.31765,-0.3875 -0.41309,-0.6191c-0.09544,-0.2318 -0.14421,-0.4808 -0.14355,-0.7315v-6.47261c0.00143,-0.50431 0.2026,-0.98759 0.55957,-1.34375c0.35711,-0.35626 0.84133,-0.55664 1.3457,-0.55664h1.9043v-0.77051c0,-0.50386 0.20054,-0.98738 0.55664,-1.34375c0.35631,-0.35638 0.83986,-0.55662 1.34375,-0.55664zM7.99999,5.49951c-1.93299,0.00001 -3.5,1.56701 -3.5,3.5c0,1.93299 1.56701,3.49999 3.5,3.49999c1.933,0 3.50001,-1.567 3.50001,-3.49999c0,-1.933 -1.56701,-3.5 -3.50001,-3.5z"
2
+
1
3
  export const smile = "M16,8c0,4.416 -3.584,8 -8,8c-4.416,0 -8,-3.584 -8,-8c0,-4.416 3.584,-8 8,-8c4.416,0 8,3.584 8,8zM14.4,8c0,-3.528 -2.872,-6.4 -6.4,-6.4c-3.528,0 -6.4,2.872 -6.4,6.4c0,3.528 2.872,6.4 6.4,6.4c3.528,0 6.4,-2.872 6.4,-6.4zM7,6c0,0.55228 -0.44772,1 -1,1c-0.55228,0 -1,-0.44772 -1,-1c0,-0.55228 0.44772,-1 1,-1c0.55228,0 1,0.44772 1,1zM11,6c0,0.55228 -0.4477,1 -1,1c-0.55228,0 -1,-0.44772 -1,-1c0,-0.55228 0.44772,-1 1,-1c0.5523,0 1,0.44772 1,1zM5.25,8.25c0.27614,0 0.49425,0.22669 0.55487,0.4961c0.22592,1.00395 1.12295,1.7539 2.19513,1.7539c1.07218,0 1.96921,-0.74995 2.1951,-1.7539c0.0607,-0.26941 0.2788,-0.4961 0.5549,-0.4961h0.5c0.2761,0 0.5035,0.22507 0.4671,0.49881c-0.2439,1.83529 -1.81515,3.25119 -3.7171,3.25119c-1.90195,0 -3.47319,-1.4159 -3.71712,-3.25119c-0.03638,-0.27374 0.19098,-0.49881 0.46712,-0.49881z"
package/paths/publishing.js CHANGED
@@ -36,6 +36,8 @@ export const groups = "M5.28901,5.97563v0.528c-0.00183,0.07362 -0.01223,0.14678
36
36
 
37
37
  export const home = "M13.8076,15.495l-3.2402,-0.041c-0.2654,-0.0025 -0.5204,-0.1041 -0.7149,-0.2847c-0.19452,-0.1807 -0.31462,-0.4274 -0.33677,-0.692v-1.6365c0.07084,-1.1145 -0.21829,-2.2223 -0.82478,-3.16004c-0.11539,-0.11515 -0.25293,-0.20571 -0.40432,-0.26619c-0.15138,-0.06049 -0.31346,-0.08964 -0.47644,-0.08571c-0.11133,-0.00237 -0.22197,0.01804 -0.32512,0.05999c-0.10315,0.04194 -0.19664,0.10454 -0.27471,0.18394c-0.71881,0.68981 -0.87676,2.53021 -0.87676,3.18201l-0.04299,1.6095c-0.00407,0.2644 -0.10631,0.5177 -0.28684,0.7108c-0.18054,0.1931 -0.42645,0.3121 -0.6899,0.3339l-3.19313,0.046h-0.016c-0.13809,-0.0037 -0.27404,-0.035 -0.39989,-0.092c-0.12525,-0.057 -0.23778,-0.1386 -0.33091,-0.2399c-0.09308,-0.1009 -0.16544,-0.2191 -0.21294,-0.3479c-0.04581,-0.1281 -0.06652,-0.2639 -0.06098,-0.3999c-0.22194,-8.22048 0.09997,-8.50639 0.29992,-8.67734l5.65546,-4.88253c0.24942,-0.19823 0.55792,-0.30747 0.87651,-0.31037c0.31859,-0.0029 0.62902,0.10071 0.88201,0.29437l5.84038,5.06047c0.212,0.18594 0.5289,0.46386 0.129,8.59739c-0.0038,0.2602 -0.1043,0.5096 -0.2819,0.6998c-0.1808,0.1955 -0.4284,0.3161 -0.6938,0.3379zM2.15073,6.36676c-0.15194,2.66833 -0.16729,5.34264 -0.04599,8.01254l0.018,0.5739l-0.007,-0.4999l3.14715,-0.044l0.06798,-1.6705c0,-0.2689 0.03299,-2.78612 1.18468,-3.88979c0.17794,-0.17798 0.39151,-0.3163 0.6267,-0.40589c0.23519,-0.0896 0.48667,-0.12843 0.73792,-0.11395c0.28531,-0.00167 0.56787,0.05574 0.82991,0.1686c0.26204,0.11287 0.49788,0.27875 0.69268,0.4872c1.17764,1.21563 1.10974,3.76183 1.10574,3.86983v1.5795l3.2591,0.061c0.1854,-2.6486 0.2301,-5.30523 0.1339,-7.95859l-5.7254,-4.96551c-0.07348,-0.04506 -0.15853,-0.06765 -0.24468,-0.06498c-0.08615,0.00266 -0.16964,0.03046 -0.24019,0.07998z"
38
38
 
39
+ export const magnifyingGlassMinus = "M10.6152,6.16016v1.07129h-7.49997v-1.07129z M6.86523,0c3.78477,0 6.86427,3.00429 6.86427,6.69629c-0.0001,1.52069 -0.5283,2.91957 -1.4082,4.04591l3.6787,3.5869l-1.7139,1.6709l-3.748,-3.6562c-1.06399,0.6599 -2.32171,1.0478 -3.67287,1.0478c-3.78533,-0.0002 -6.86507,-3.0036 -6.86523,-6.69531c0,-3.69188 3.0798,-6.6961 6.86523,-6.69629zM6.86523,1.57617c-2.89503,0.0002 -5.24902,2.29704 -5.24902,5.12012c0.00016,2.82295 2.35409,5.11991 5.24902,5.12011c2.89351,0 5.24987,-2.29704 5.24997,-5.12011c0,-2.8232 -2.35637,-5.12012 -5.24997,-5.12012z"
40
+
39
41
  export const magnifyingGlassPlus = "M7.40039,6.16016h3.21481v1.07129h-3.21481v3.21485h-1.07129v-3.21485h-3.21387v-1.07129h3.21387v-3.21387h1.07129z M6.86523,0c3.78477,0 6.86427,3.00429 6.86427,6.69629c-0.0001,1.52069 -0.5283,2.91957 -1.4082,4.04591l3.6787,3.5869l-1.7139,1.6709l-3.748,-3.6562c-1.06399,0.6599 -2.32171,1.0478 -3.67287,1.0478c-3.78533,-0.0002 -6.86507,-3.0036 -6.86523,-6.69531c0,-3.69188 3.0798,-6.6961 6.86523,-6.69629zM6.86523,1.57617c-2.89503,0.0002 -5.24902,2.29704 -5.24902,5.12012c0.00016,2.82295 2.35409,5.11991 5.24902,5.12011c2.89351,0 5.24987,-2.29704 5.24997,-5.12011c0,-2.8232 -2.35637,-5.12012 -5.24997,-5.12012z"
40
42
 
41
43
  export const pageSaved = "M8.879,15.64h-6.135c-0.72699,-0.0008 -1.42402,-0.2897 -1.93837,-0.8034c-0.51434,-0.5137 -0.80405,-1.2104 -0.80563,-1.9373v-9.79867c0.00159,-0.7269 0.29129,-1.42352 0.80563,-1.93724c0.51435,-0.51371 1.21138,-0.80261 1.93837,-0.8034h6.135c0.72699,0.00079 1.424,0.2897 1.9384,0.8034c0.5143,0.51372 0.804,1.21034 0.8056,1.93724v0.83189h-1.829v-0.83189c-0.00027,-0.24256 -0.09675,-0.47511 -0.26829,-0.64663c-0.17154,-0.17151 -0.40412,-0.26799 -0.64671,-0.26825h-6.135c-0.24259,0.00026 -0.47517,0.09674 -0.64671,0.26825c-0.17154,0.17152 -0.26803,0.40407 -0.26829,0.64663v9.79867c0.00026,0.2426 0.09675,0.4752 0.26829,0.6467c0.17154,0.1715 0.40412,0.268 0.64671,0.2682h6.135c0.24259,-0.0002 0.47517,-0.0967 0.64671,-0.2682c0.17154,-0.1715 0.26802,-0.4041 0.26829,-0.6467v-0.1919h1.829v0.1919c-0.0016,0.7269 -0.2913,1.4236 -0.8056,1.9373c-0.5144,0.5137 -1.21141,0.8026 -1.9384,0.8034zM9.357,11.6085l-4.333,-4.40841l1.348,-1.36782l2.985,2.93961l5.295,-5.38929l1.348,1.37182z"
package/sprites/chat.svg CHANGED
@@ -1,5 +1,9 @@
1
1
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
2
 
3
+ <symbol id="camera" viewBox="0 0 16 16">
4
+ <path d="M7.99999 6.49951C9.3807 6.49951 10.5 7.6188 10.5 8.99951C10.5 10.3802 9.3807 11.4995 7.99999 11.4995C6.61929 11.4995 5.49999 10.3802 5.49999 8.99951C5.49999 7.61881 6.61929 6.49952 7.99999 6.49951Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2861 1.51904C10.79 1.51907 11.2736 1.71934 11.6299 2.07568C11.9862 2.43209 12.1855 2.91638 12.1855 3.42041V4.18604H14.0996C14.3498 4.18669 14.5982 4.23713 14.8291 4.3335C15.0597 4.42981 15.2691 4.57041 15.4453 4.74756C15.6216 4.92484 15.7613 5.13545 15.8564 5.3667C15.9515 5.59801 16.0006 5.8461 16 6.09619V12.5737C16 13.0782 15.7995 13.5622 15.4434 13.9194C15.0872 14.2766 14.6039 14.4787 14.0996 14.48H1.90526C1.65472 14.48 1.40621 14.4305 1.1748 14.3345C0.943384 14.2384 0.733574 14.0969 0.556632 13.9194C0.379773 13.7421 0.238983 13.5319 0.143546 13.3003C0.0481054 13.0685 -0.000666409 12.8195 -8.69426e-06 12.5688V6.09619C0.00142023 5.59188 0.20259 5.1086 0.559562 4.75244C0.916675 4.39618 1.40089 4.1958 1.90526 4.1958H3.80956V3.42529C3.80956 2.92143 4.0101 2.43791 4.3662 2.08154C4.72251 1.72516 5.20606 1.52492 5.70995 1.5249L10.2861 1.51904ZM7.99999 5.49951C6.067 5.49952 4.49999 7.06652 4.49999 8.99951C4.49999 10.9325 6.067 12.4995 7.99999 12.4995C9.93299 12.4995 11.5 10.9325 11.5 8.99951C11.5 7.06651 9.93299 5.49951 7.99999 5.49951Z"/>
5
+ </symbol>
6
+
3
7
  <symbol id="smile" viewBox="0 0 16 16">
4
8
  <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.584 0 0 3.584 0 8C0 12.416 3.584 16 8 16C12.416 16 16 12.416 16 8C16 3.584 12.416 0 8 0ZM8 14.4C4.472 14.4 1.6 11.528 1.6 8C1.6 4.472 4.472 1.6 8 1.6C11.528 1.6 14.4 4.472 14.4 8C14.4 11.528 11.528 14.4 8 14.4Z M7 6C7 6.55228 6.55228 7 6 7C5.44772 7 5 6.55228 5 6C5 5.44772 5.44772 5 6 5C6.55228 5 7 5.44772 7 6Z M11 6C11 6.55228 10.5523 7 10 7C9.44772 7 9 6.55228 9 6C9 5.44772 9.44772 5 10 5C10.5523 5 11 5.44772 11 6Z M5.25 8.25C5.52614 8.25 5.74425 8.47669 5.80487 8.7461C6.03079 9.75005 6.92782 10.5 8 10.5C9.07218 10.5 9.96921 9.75005 10.1951 8.7461C10.2558 8.47669 10.4739 8.25 10.75 8.25H11.25C11.5261 8.25 11.7535 8.47507 11.7171 8.74881C11.4732 10.5841 9.90195 12 8 12C6.09805 12 4.52681 10.5841 4.28288 8.74881C4.2465 8.47507 4.47386 8.25 4.75 8.25H5.25Z"/>
5
9
  </symbol>
package/sprites/publishing.svg CHANGED
@@ -88,6 +88,10 @@
88
88
  <path d="M13.8076 15.495L10.5674 15.454C10.302 15.4515 10.047 15.3499 9.8525 15.1693C9.65798 14.9886 9.53788 14.7419 9.51573 14.4773V12.8408C9.58657 11.7263 9.29744 10.6185 8.69095 9.68076C8.57556 9.56561 8.43802 9.47505 8.28663 9.41457C8.13525 9.35408 7.97317 9.32493 7.81019 9.32886C7.69886 9.32649 7.58822 9.3469 7.48507 9.38885C7.38192 9.43079 7.28843 9.49339 7.21036 9.57279C6.49155 10.2626 6.3336 12.103 6.3336 12.7548L6.29061 14.3643C6.28654 14.6287 6.1843 14.882 6.00377 15.0751C5.82323 15.2682 5.57732 15.3872 5.31387 15.409L2.12074 15.455H2.10474C1.96665 15.4513 1.8307 15.42 1.70485 15.363C1.5796 15.306 1.46707 15.2244 1.37394 15.1231C1.28086 15.0222 1.2085 14.904 1.161 14.7752C1.11519 14.6471 1.09448 14.5113 1.10002 14.3753C0.878079 6.15482 1.19999 5.86891 1.39994 5.69796L7.0554 0.815432C7.30482 0.617198 7.61332 0.507962 7.93191 0.505064C8.2505 0.502166 8.56093 0.605773 8.81392 0.799436L14.6543 5.85991C14.8663 6.04585 15.1832 6.32377 14.7833 14.4573C14.7795 14.7175 14.679 14.9669 14.5014 15.1571C14.3206 15.3526 14.073 15.4732 13.8076 15.495ZM2.15073 6.36676C1.99879 9.03509 1.98344 11.7094 2.10474 14.3793L2.12274 14.9532L2.11574 14.4533L5.26289 14.4093L5.33087 12.7388C5.33087 12.4699 5.36386 9.95268 6.51555 8.84901C6.69349 8.67103 6.90706 8.53271 7.14225 8.44312C7.37744 8.35352 7.62892 8.31469 7.88017 8.32917C8.16548 8.3275 8.44804 8.38491 8.71008 8.49777C8.97212 8.61064 9.20796 8.77652 9.40276 8.98497C10.5804 10.2006 10.5125 12.7468 10.5085 12.8548V14.4343L13.7676 14.4953C13.953 11.8467 13.9977 9.19007 13.9015 6.53671L8.1761 1.5712C8.10262 1.52614 8.01757 1.50355 7.93142 1.50622C7.84527 1.50888 7.76178 1.53668 7.69123 1.5862L2.15073 6.36676Z"/>
89
89
  </symbol>
90
90
 
91
+ <symbol id="magnifying-glass-minus" viewBox="0 0 16 16">
92
+ <path d="M10.6152 6.16016V7.23145H3.11523V6.16016H10.6152Z"/><path d="M6.86523 0C10.65 0 13.7295 3.00429 13.7295 6.69629C13.7294 8.21698 13.2012 9.61586 12.3213 10.7422L16 14.3291L14.2861 16L10.5381 12.3438C9.47411 13.0037 8.21639 13.3916 6.86523 13.3916C3.0799 13.3914 0.000160699 10.388 0 6.69629C0 3.00441 3.0798 0.000193474 6.86523 0ZM6.86523 1.57617C3.9702 1.57637 1.61621 3.87321 1.61621 6.69629C1.61637 9.51924 3.9703 11.8162 6.86523 11.8164C9.75874 11.8164 12.1151 9.51936 12.1152 6.69629C12.1152 3.87309 9.75883 1.57617 6.86523 1.57617Z"/>
93
+ </symbol>
94
+
91
95
  <symbol id="magnifying-glass-plus" viewBox="0 0 16 16">
92
96
  <path d="M7.40039 6.16016H10.6152V7.23145H7.40039V10.4463H6.3291V7.23145H3.11523V6.16016H6.3291V2.94629H7.40039V6.16016Z"/><path d="M6.86523 0C10.65 0 13.7295 3.00429 13.7295 6.69629C13.7294 8.21698 13.2012 9.61586 12.3213 10.7422L16 14.3291L14.2861 16L10.5381 12.3438C9.47411 13.0037 8.21639 13.3916 6.86523 13.3916C3.0799 13.3914 0.000160699 10.388 0 6.69629C0 3.00441 3.0798 0.000193474 6.86523 0ZM6.86523 1.57617C3.9702 1.57637 1.61621 3.87321 1.61621 6.69629C1.61637 9.51924 3.9703 11.8162 6.86523 11.8164C9.75874 11.8164 12.1151 9.51936 12.1152 6.69629C12.1152 3.87309 9.75883 1.57617 6.86523 1.57617Z"/>
93
97
  </symbol>
package/svg/chat/camera.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.99999 6.49951C9.3807 6.49951 10.5 7.6188 10.5 8.99951C10.5 10.3802 9.3807 11.4995 7.99999 11.4995C6.61929 11.4995 5.49999 10.3802 5.49999 8.99951C5.49999 7.61881 6.61929 6.49952 7.99999 6.49951Z" fill="black"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2861 1.51904C10.79 1.51907 11.2736 1.71934 11.6299 2.07568C11.9862 2.43209 12.1855 2.91638 12.1855 3.42041V4.18604H14.0996C14.3498 4.18669 14.5982 4.23713 14.8291 4.3335C15.0597 4.42981 15.2691 4.57041 15.4453 4.74756C15.6216 4.92484 15.7613 5.13545 15.8564 5.3667C15.9515 5.59801 16.0006 5.8461 16 6.09619V12.5737C16 13.0782 15.7995 13.5622 15.4434 13.9194C15.0872 14.2766 14.6039 14.4787 14.0996 14.48H1.90526C1.65472 14.48 1.40621 14.4305 1.1748 14.3345C0.943384 14.2384 0.733574 14.0969 0.556632 13.9194C0.379773 13.7421 0.238983 13.5319 0.143546 13.3003C0.0481054 13.0685 -0.000666409 12.8195 -8.69426e-06 12.5688V6.09619C0.00142023 5.59188 0.20259 5.1086 0.559562 4.75244C0.916675 4.39618 1.40089 4.1958 1.90526 4.1958H3.80956V3.42529C3.80956 2.92143 4.0101 2.43791 4.3662 2.08154C4.72251 1.72516 5.20606 1.52492 5.70995 1.5249L10.2861 1.51904ZM7.99999 5.49951C6.067 5.49952 4.49999 7.06652 4.49999 8.99951C4.49999 10.9325 6.067 12.4995 7.99999 12.4995C9.93299 12.4995 11.5 10.9325 11.5 8.99951C11.5 7.06651 9.93299 5.49951 7.99999 5.49951Z" fill="black"/>
4
+ </svg>
package/svg/publishing/magnifying-glass-minus.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10.6152 6.16016V7.23145H3.11523V6.16016H10.6152Z" fill="black"/>
3
+ <path d="M6.86523 0C10.65 0 13.7295 3.00429 13.7295 6.69629C13.7294 8.21698 13.2012 9.61586 12.3213 10.7422L16 14.3291L14.2861 16L10.5381 12.3438C9.47411 13.0037 8.21639 13.3916 6.86523 13.3916C3.0799 13.3914 0.000160699 10.388 0 6.69629C0 3.00441 3.0798 0.000193474 6.86523 0ZM6.86523 1.57617C3.9702 1.57637 1.61621 3.87321 1.61621 6.69629C1.61637 9.51924 3.9703 11.8162 6.86523 11.8164C9.75874 11.8164 12.1151 9.51936 12.1152 6.69629C12.1152 3.87309 9.75883 1.57617 6.86523 1.57617Z" fill="black"/>
4
+ </svg>