PluginProbe
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News / 4.0.8
Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News v4.0.8
4.0.8 4.0.7 4.0.6 4.0.5 4.0.4 4.0.3 4.0.2 4.0.1 2.3.5 2.3.6 2.4.0 2.4.1 2.4.10 2.4.11 2.4.12 2.4.13 2.4.14 2.4.15 2.4.16 2.4.17 2.4.18 2.4.19 2.4.2 2.4.20 2.4.21 All 88 releases
post-carousel / src / blocks / taxonomy / layoutIcons.js

layoutIcons.js in Smart Post – Post Grid, Post Carousel, Post Slider Gutenberg Blocks for Blog & News 4.0.8, at src/blocks/taxonomy/layoutIcons.js

307 lines 23.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 export const LayoutOne = ({ value }) => (
2 <svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none">
3 <path
4 fill="#fff"
5 d="M6 .75h66c1.435 0 2.436.002 3.191.104.642.086 1.02.234 1.29.456l.11.1c.277.276.457.665.556 1.399.101.755.103 1.756.103 3.191v60c0 1.435-.002 2.436-.103 3.191-.087.642-.235 1.02-.457 1.29l-.1.11c-.276.277-.665.457-1.399.556-.755.101-1.756.103-3.191.103H6c-1.435 0-2.436-.002-3.191-.103-.642-.087-1.02-.235-1.29-.457l-.11-.1c-.277-.276-.457-.665-.555-1.399C.752 68.436.75 67.435.75 66V6c0-1.435.002-2.436.104-3.191.098-.734.278-1.123.555-1.4.277-.277.666-.457 1.4-.555C3.564.752 4.565.75 6 .75Z"
6 />
7 <path
8 stroke={"taxonomy-layout-one" === value ? "#1A74E4" : "#58707F"}
9 strokeWidth={1.2}
10 d="M6 .75h66c1.435 0 2.436.002 3.191.104.642.086 1.02.234 1.29.456l.11.1c.277.276.457.665.556 1.399.101.755.103 1.756.103 3.191v60c0 1.435-.002 2.436-.103 3.191-.087.642-.235 1.02-.457 1.29l-.1.11c-.276.277-.665.457-1.399.556-.755.101-1.756.103-3.191.103H6c-1.435 0-2.436-.002-3.191-.103-.642-.087-1.02-.235-1.29-.457l-.11-.1c-.277-.276-.457-.665-.555-1.399C.752 68.436.75 67.435.75 66V6c0-1.435.002-2.436.104-3.191.098-.734.278-1.123.555-1.4.277-.277.666-.457 1.4-.555C3.564.752 4.565.75 6 .75Z"
11 />
12 <rect width={27.5} height={3} x={6} y={10.5} fill="#58707F" rx={1.5} />
13 <path
14 fill="#58707F"
15 d="M70.049 14.06c-.318 0-.601-.058-.848-.173a1.455 1.455 0 0 1-.586-.475 1.224 1.224 0 0 1-.222-.695h1.023a.51.51 0 0 0 .196.388.683.683 0 0 0 .437.145c.132 0 .25-.03.351-.087a.624.624 0 0 0 .241-.245.736.736 0 0 0 .085-.367.719.719 0 0 0-.087-.369.62.62 0 0 0-.243-.245.688.688 0 0 0-.354-.089.775.775 0 0 0-.36.083.606.606 0 0 0-.255.232l-.931-.174.19-2.353h2.799v.85h-1.933l-.1 1.03h.026a.8.8 0 0 1 .35-.299c.161-.08.345-.119.551-.119.261 0 .494.061.699.183.206.121.368.289.486.503.12.215.179.46.179.737 0 .3-.071.566-.213.797-.141.232-.338.414-.593.546a1.91 1.91 0 0 1-.888.196Z"
16 />
17 <rect width={66} height={1} x={6} y={19.5} fill="#58707F" rx={0.5} />
18 <rect width={19.5} height={3} x={6} y={26.5} fill="#58707F" rx={1.5} />
19 <path
20 fill="#58707F"
21 d="M69.972 30.06a2.41 2.41 0 0 1-.91-.162 1.55 1.55 0 0 1-.627-.444.987.987 0 0 1-.225-.634c0-.18.043-.346.13-.497a1.12 1.12 0 0 1 .351-.375c.15-.1.315-.165.499-.194v-.034a.989.989 0 0 1-.59-.334.941.941 0 0 1-.229-.629c0-.227.07-.43.207-.607.14-.178.329-.318.569-.42.241-.102.516-.153.825-.153.308 0 .582.05.822.153.242.102.431.242.569.42.14.177.209.38.209.607a.934.934 0 0 1-.233.63.99.99 0 0 1-.585.333v.034c.181.029.346.093.494.194.149.1.267.225.354.375.088.15.132.316.132.497a.982.982 0 0 1-.228.634 1.55 1.55 0 0 1-.627.444 2.383 2.383 0 0 1-.907.162Zm0-.748c.129 0 .243-.024.34-.073a.57.57 0 0 0 .23-.206.539.539 0 0 0 .086-.299.546.546 0 0 0-.085-.302.582.582 0 0 0-.235-.207.717.717 0 0 0-.336-.077.726.726 0 0 0-.337.077.582.582 0 0 0-.234.207.546.546 0 0 0-.086.302c0 .111.028.21.083.299a.592.592 0 0 0 .233.204c.1.05.213.075.34.075Zm0-1.907c.11 0 .208-.023.294-.068a.514.514 0 0 0 .277-.464.492.492 0 0 0-.275-.455.621.621 0 0 0-.296-.068c-.111 0-.21.023-.297.068a.497.497 0 0 0-.202.184.504.504 0 0 0-.072.27c0 .102.024.194.072.275.05.08.118.143.205.19a.622.622 0 0 0 .294.068Z"
22 />
23 <rect width={66} height={1} x={6} y={35.5} fill="#58707F" rx={0.5} />
24 <rect width={27.5} height={3} x={6} y={42.5} fill="#58707F" rx={1.5} />
25 <path
26 fill="#58707F"
27 d="M70.034 46.06c-.239 0-.467-.039-.686-.115a1.573 1.573 0 0 1-.584-.371 1.766 1.766 0 0 1-.403-.67c-.098-.276-.146-.614-.145-1.011a3.38 3.38 0 0 1 .133-.968c.086-.286.21-.53.37-.73.162-.2.355-.353.58-.459.226-.106.478-.16.756-.16.306 0 .575.06.808.18.234.118.422.277.562.477.14.199.224.42.25.665h-1.038a.49.49 0 0 0-.207-.314.645.645 0 0 0-.375-.108.646.646 0 0 0-.599.347c-.13.232-.197.541-.2.93h.028a.946.946 0 0 1 .258-.337c.112-.094.24-.166.385-.216.147-.05.301-.076.465-.076.261 0 .492.06.692.18.2.121.358.287.471.497.114.209.17.448.168.718a1.49 1.49 0 0 1-.213.806 1.47 1.47 0 0 1-.596.54c-.253.13-.546.195-.88.195Zm-.007-.81a.664.664 0 0 0 .589-.34.706.706 0 0 0 .085-.357.7.7 0 0 0-.085-.356.657.657 0 0 0-.586-.339.666.666 0 0 0-.482.203.745.745 0 0 0-.194.494.73.73 0 0 0 .09.352.653.653 0 0 0 .584.343Z"
28 />
29 <rect width={66} height={1} x={6} y={51.5} fill="#58707F" rx={0.5} />
30 <rect width={19.5} height={3} x={6} y={58.5} fill="#58707F" rx={1.5} />
31 <path
32 fill="#58707F"
33 d="M69.98 62.06c-.333 0-.627-.057-.885-.17a1.489 1.489 0 0 1-.605-.476 1.17 1.17 0 0 1-.226-.697h1.062c.004.096.034.18.091.254.057.072.134.13.232.17.098.041.21.062.335.062a.78.78 0 0 0 .33-.066.554.554 0 0 0 .226-.185c.054-.08.08-.17.079-.273a.432.432 0 0 0-.088-.273.576.576 0 0 0-.253-.185 1.011 1.011 0 0 0-.384-.066h-.424v-.75h.424c.13 0 .243-.022.341-.064a.541.541 0 0 0 .233-.18.441.441 0 0 0 .08-.267.467.467 0 0 0-.269-.433.791.791 0 0 0-.61 0 .542.542 0 0 0-.222.175.452.452 0 0 0-.087.262h-1.008c.003-.26.075-.489.217-.686.142-.2.335-.355.58-.467a2 2 0 0 1 .84-.168c.312 0 .587.054.824.164.237.11.422.258.554.447.132.188.198.4.198.637a.808.808 0 0 1-.241.607c-.16.16-.367.258-.62.295v.034c.338.04.593.149.765.328.173.179.26.403.258.67 0 .254-.075.478-.224.674a1.482 1.482 0 0 1-.618.46c-.263.111-.565.167-.905.167Z"
34 />
35 </svg>
36 );
37 export const LayoutTwo = ({ value }) => (
38 <svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none">
39 <path
40 fill="#fff"
41 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
42 />
43 <path
44 stroke={"taxonomy-layout-two" === value ? "#1A74E4" : "#58707F"}
45 strokeWidth={1.2}
46 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
47 />
48 <rect width={31} height={14} x={6} y={10.5} fill="#58707F" rx={1} />
49 <rect width={12} height={3} x={8} y={16} fill="#fff" rx={1.5} />
50 <path
51 fill="#fff"
52 d="M33.049 19.56c-.318 0-.601-.058-.848-.173a1.455 1.455 0 0 1-.586-.475 1.224 1.224 0 0 1-.222-.695h1.023a.51.51 0 0 0 .196.388.683.683 0 0 0 .437.145c.132 0 .25-.03.351-.087a.624.624 0 0 0 .241-.245.736.736 0 0 0 .085-.367.719.719 0 0 0-.087-.368.62.62 0 0 0-.243-.245.688.688 0 0 0-.354-.09.775.775 0 0 0-.36.083.606.606 0 0 0-.255.232l-.931-.174.19-2.353h2.799v.85h-1.933l-.1 1.03h.026a.8.8 0 0 1 .35-.299c.161-.08.345-.119.551-.119.261 0 .494.061.699.183.206.121.368.289.486.503.12.215.179.46.179.737 0 .3-.071.566-.213.797-.141.232-.338.413-.593.546a1.91 1.91 0 0 1-.888.196Z"
53 />
54 <rect width={31} height={14} x={41} y={10.5} fill="#58707F" rx={1} />
55 <rect width={9} height={3} x={43} y={16} fill="#fff" rx={1.5} />
56 <path
57 fill="#fff"
58 d="M67.98 19.56c-.333 0-.627-.057-.885-.17a1.489 1.489 0 0 1-.605-.476 1.17 1.17 0 0 1-.226-.697h1.062c.004.096.034.18.091.254.057.072.134.13.232.17.098.042.21.062.335.062a.78.78 0 0 0 .33-.066.554.554 0 0 0 .226-.185c.054-.08.08-.17.079-.273a.432.432 0 0 0-.088-.273.576.576 0 0 0-.253-.185 1.011 1.011 0 0 0-.384-.066h-.424v-.75h.424c.13 0 .243-.021.341-.064a.541.541 0 0 0 .233-.18.441.441 0 0 0 .08-.268.467.467 0 0 0-.269-.433.791.791 0 0 0-.61 0 .542.542 0 0 0-.222.176.452.452 0 0 0-.087.262h-1.008c.003-.26.075-.489.217-.686.142-.2.335-.355.58-.467a2 2 0 0 1 .84-.168c.312 0 .587.054.824.164.237.11.422.258.554.447.132.188.198.4.198.637a.808.808 0 0 1-.241.608c-.16.159-.367.257-.62.294v.034c.338.04.593.149.765.328.173.179.26.402.258.67 0 .254-.075.478-.224.674a1.482 1.482 0 0 1-.618.46c-.263.111-.565.167-.905.167Z"
59 />
60 <rect width={31} height={14} x={6} y={29} fill="#58707F" rx={1} />
61 <rect width={9} height={3} x={8} y={34.5} fill="#fff" rx={1.5} />
62 <path
63 fill="#fff"
64 d="M32.972 38.06a2.41 2.41 0 0 1-.91-.162 1.55 1.55 0 0 1-.627-.444.987.987 0 0 1-.226-.634c0-.18.044-.346.13-.497a1.12 1.12 0 0 1 .352-.375c.15-.1.315-.165.499-.194v-.034a.989.989 0 0 1-.59-.334.941.941 0 0 1-.229-.629c0-.227.07-.43.207-.607.14-.178.329-.318.569-.42.242-.102.516-.153.825-.153.308 0 .582.05.822.153.242.102.431.242.569.42.14.177.209.38.209.607a.934.934 0 0 1-.233.63.99.99 0 0 1-.585.333v.034c.181.029.346.093.494.194.149.1.267.225.354.375.088.15.132.316.132.497a.982.982 0 0 1-.228.635 1.55 1.55 0 0 1-.627.443 2.383 2.383 0 0 1-.907.162Zm0-.748c.129 0 .242-.024.34-.073a.57.57 0 0 0 .23-.206.539.539 0 0 0 .086-.299.546.546 0 0 0-.085-.302.582.582 0 0 0-.235-.207.717.717 0 0 0-.336-.077.726.726 0 0 0-.337.077.582.582 0 0 0-.234.207.546.546 0 0 0-.086.302c0 .111.028.21.083.299a.592.592 0 0 0 .233.204c.1.05.213.075.34.075Zm0-1.907c.11 0 .208-.023.294-.068a.514.514 0 0 0 .277-.464.492.492 0 0 0-.275-.455.621.621 0 0 0-.296-.068c-.111 0-.21.023-.297.068a.497.497 0 0 0-.202.184.504.504 0 0 0-.072.27c0 .102.024.194.072.275.05.08.118.143.205.19a.622.622 0 0 0 .294.068Z"
65 />
66 <rect width={31} height={14} x={41} y={29} fill="#58707F" rx={1} />
67 <rect width={14} height={3} x={43} y={34.5} fill="#fff" rx={1.5} />
68 <path
69 fill="#fff"
70 d="M66.132 37.276v-.823l1.787-2.817h.731v1.117h-.424L67.18 36.41v.035h2.589v.83h-3.637Zm2.107.724v-.976l.021-.36v-3.028h.987V38h-1.008Z"
71 />
72 <rect width={31} height={14} x={6} y={47.5} fill="#58707F" rx={1} />
73 <rect width={13} height={3} x={8} y={53} fill="#fff" rx={1.5} />
74 <path fill="#fff" d="m31.892 56.5 1.76-3.486v-.028h-2.058v-.85h3.149v.857L32.976 56.5h-1.084Z" />
75 <rect width={31} height={14} x={41} y={47.5} fill="#58707F" rx={1} />
76 <rect width={8} height={3} x={43} y={53} fill="#fff" rx={1.5} />
77 <path
78 fill="#fff"
79 d="M67.927 52.077c.239 0 .467.039.684.117.218.077.411.2.582.368.17.168.305.389.403.663.098.274.147.609.147 1.004.001.363-.041.69-.128.978a2.15 2.15 0 0 1-.373.733c-.16.201-.354.355-.58.462a1.772 1.772 0 0 1-.756.158c-.307 0-.577-.06-.812-.177a1.447 1.447 0 0 1-.81-1.16h1.038a.523.523 0 0 0 .207.329c.105.072.23.108.377.108a.646.646 0 0 0 .599-.347c.132-.231.198-.546.198-.944h-.026a.968.968 0 0 1-.26.337c-.11.094-.239.165-.385.215-.147.05-.3.075-.463.075-.26 0-.492-.06-.692-.18a1.27 1.27 0 0 1-.469-.491 1.507 1.507 0 0 1-.17-.716 1.472 1.472 0 0 1 .21-.797c.143-.232.34-.412.595-.541.254-.131.55-.196.884-.194Zm.007.81c-.13 0-.247.03-.35.091a.664.664 0 0 0-.324.597c.002.129.031.245.088.349a.654.654 0 0 0 .582.339.671.671 0 0 0 .483-.2.698.698 0 0 0 .194-.49.71.71 0 0 0-.09-.346.66.66 0 0 0-.583-.34Z"
80 />
81 </svg>
82 );
83 export const LayoutThree = ({ value }) => (
84 <svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none">
85 <path
86 fill="#fff"
87 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
88 />
89 <path
90 stroke={"taxonomy-layout-three" === value ? "#1A74E4" : "#58707F"}
91 strokeWidth={1.2}
92 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
93 />
94 <rect width={66} height={14} x={6} y={10.5} fill="#58707F" rx={1} />
95 <rect width={12} height={3} x={8} y={16} fill="#fff" rx={1.5} />
96 <path fill="#9EA9B2" d="M58 10.5h13a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H58v-14Z" />
97 <path
98 fill="#fff"
99 d="M65.049 19.56c-.318 0-.601-.058-.848-.173a1.455 1.455 0 0 1-.586-.475 1.224 1.224 0 0 1-.222-.695h1.023a.51.51 0 0 0 .196.388.683.683 0 0 0 .437.145c.132 0 .25-.03.351-.087a.624.624 0 0 0 .241-.245.736.736 0 0 0 .085-.367.719.719 0 0 0-.087-.368.62.62 0 0 0-.243-.245.688.688 0 0 0-.354-.09.775.775 0 0 0-.36.083.606.606 0 0 0-.255.232l-.931-.174.19-2.353h2.799v.85h-1.933l-.1 1.03h.026a.8.8 0 0 1 .35-.299c.161-.08.345-.119.551-.119.261 0 .494.061.699.183.206.121.368.289.486.503.12.215.179.46.179.737 0 .3-.071.566-.213.797-.141.232-.338.413-.593.546a1.91 1.91 0 0 1-.888.196Z"
100 />
101 <rect width={66} height={14} x={6} y={29} fill="#58707F" rx={1} />
102 <rect width={10} height={3} x={8} y={34.5} fill="#fff" rx={1.5} />
103 <path fill="#9EA9B2" d="M58 29h13a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H58V29Z" />
104 <path fill="#fff" d="m63.892 38 1.76-3.486v-.028h-2.058v-.85h3.149v.857L64.976 38h-1.084Z" />
105 <rect width={66} height={14} x={6} y={47.5} fill="#58707F" rx={1} />
106 <rect width={16} height={3} x={8} y={53} fill="#fff" rx={1.5} />
107 <path fill="#9EA9B2" d="M58 47.5h13a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H58v-14Z" />
108 <path
109 fill="#fff"
110 d="M63.632 55.776v-.823l1.787-2.817h.731v1.117h-.424L64.68 54.91v.035h2.589v.83h-3.637Zm2.107.724v-.976l.021-.36v-3.028h.987V56.5h-1.008Z"
111 />
112 </svg>
113 );
114 export const LayoutFour = ({ value }) => (
115 <svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none">
116 <path
117 fill="#fff"
118 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
119 />
120 <path
121 stroke={"taxonomy-layout-four" === value ? "#1A74E4" : "#58707F"}
122 strokeWidth={1.2}
123 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
124 />
125 <rect width={66} height={14} x={6} y={10.5} fill="#58707F" rx={1} />
126 <rect width={12} height={3} x={33} y={16} fill="#fff" rx={1.5} />
127 <rect width={5} height={5} x={43} y={13} fill="#9EA9B2" rx={2.5} />
128 <path
129 fill="#fff"
130 d="M45.7 17.04c-.213 0-.401-.039-.566-.115a.97.97 0 0 1-.39-.317.817.817 0 0 1-.148-.463h.681a.34.34 0 0 0 .131.258.455.455 0 0 0 .291.097c.088 0 .166-.02.235-.058a.416.416 0 0 0 .16-.164.49.49 0 0 0 .057-.244.478.478 0 0 0-.058-.246.413.413 0 0 0-.162-.163.518.518 0 0 0-.476-.004.406.406 0 0 0-.17.155l-.621-.117.126-1.568h1.867v.567h-1.289l-.067.686h.017a.533.533 0 0 1 .233-.2.824.824 0 0 1 .368-.079c.175 0 .33.041.466.123.138.08.246.192.324.335.08.143.12.306.12.491a.978.978 0 0 1-.537.895c-.169.087-.367.13-.593.13Z"
131 />
132 <rect width={66} height={14} x={6} y={29} fill="#58707F" rx={1} />
133 <rect width={12} height={3} x={33} y={34.5} fill="#fff" rx={1.5} />
134 <rect width={5} height={5} x={43} y={31.5} fill="#9EA9B2" rx={2.5} />
135 <path
136 fill="#fff"
137 d="M44.664 35.5v-.506l1.06-.929c.08-.072.148-.137.204-.197a.762.762 0 0 0 .128-.182.46.46 0 0 0-.009-.406.353.353 0 0 0-.145-.134.462.462 0 0 0-.211-.047.435.435 0 0 0-.212.05.344.344 0 0 0-.142.14.468.468 0 0 0-.05.225h-.666c0-.198.045-.369.134-.513a.878.878 0 0 1 .375-.332c.161-.079.35-.118.563-.118.221 0 .413.037.576.11a.88.88 0 0 1 .378.31c.09.132.135.285.135.46 0 .11-.023.22-.067.329a1.34 1.34 0 0 1-.24.36c-.115.132-.278.29-.489.474l-.348.32v.02h1.18v.566h-2.154Z"
138 />
139 <rect width={66} height={14} x={6} y={47.5} fill="#58707F" rx={1} />
140 <rect width={12} height={3} x={33} y={53} fill="#fff" rx={1.5} />
141 <rect width={5} height={5} x={43} y={50} fill="#9EA9B2" rx={2.5} />
142 <path
143 fill="#fff"
144 d="M44.421 53.517v-.548l1.192-1.878h.487v.744h-.282l-.698 1.105v.023h1.726v.554H44.42Zm1.405.483v-.65l.014-.24v-2.02h.658V54h-.672Z"
145 />
146 </svg>
147 );
148 export const LayoutFive = ({ value }) => (
149 <svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none">
150 <path
151 fill="#fff"
152 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
153 />
154 <path
155 stroke={"taxonomy-layout-five" === value ? "#1A74E4" : "#58707F"}
156 strokeWidth={1.2}
157 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
158 />
159 <rect width={20} height={12} x={6} y={17.255} fill="#58707F" rx={1} />
160 <rect width={15} height={2.5} x={8} y={31.255} fill="#58707F" rx={1.25} />
161 <rect width={20} height={12} x={29} y={17.255} fill="#58707F" rx={1} />
162 <rect width={15} height={2.5} x={31} y={31.255} fill="#58707F" rx={1.25} />
163 <rect width={20} height={12} x={52} y={17.255} fill="#58707F" rx={1} />
164 <rect width={15} height={2.5} x={54} y={31.255} fill="#58707F" rx={1.25} />
165 <rect width={20} height={12} x={6} y={37.755} fill="#58707F" rx={1} />
166 <rect width={15} height={2.5} x={8} y={51.755} fill="#58707F" rx={1.25} />
167 <rect width={20} height={12} x={29} y={37.755} fill="#58707F" rx={1} />
168 <rect width={15} height={2.5} x={31} y={51.755} fill="#58707F" rx={1.25} />
169 <rect width={20} height={12} x={52} y={37.755} fill="#58707F" rx={1} />
170 <rect width={15} height={3} x={54} y={51.755} fill="#58707F" rx={1.5} />
171 </svg>
172 );
173 export const LayoutSix = ({ value }) => (
174 <svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none">
175 <path
176 fill="#fff"
177 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
178 />
179 <path
180 stroke={"taxonomy-layout-six" === value ? "#1A74E4" : "#58707F"}
181 strokeWidth={1.2}
182 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
183 />
184 <rect width={65} height={48} x={6.5} y={12.005} stroke="#9EA9B2" rx={0.5} />
185 <mask id="a" fill="#fff">
186 <path d="M6 11.505h66v24.5H6v-24.5Z" />
187 </mask>
188 <path fill="#9EA9B2" d="M72 36.005v-1H6v2h66v-1Z" mask="url(#a)" />
189 <mask id="b" fill="#fff">
190 <path d="M9 12.505a1 1 0 0 1 1-1h17a1 1 0 0 1 1 1v22.5a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1v-22.5Z" />
191 </mask>
192 <path
193 fill="#9EA9B2"
194 d="M9 11.505h19H9Zm19 24.5H9h19Zm-19 0v-24.5 24.5Zm18-24.5a2 2 0 0 1 2 2v20.5a2 2 0 0 1-2 2v-24.5Z"
195 mask="url(#b)"
196 />
197 <rect width={16} height={12} x={9} y={15.505} fill="#58707F" rx={1} />
198 <rect width={11} height={2.5} x={11} y={29.505} fill="#58707F" rx={1.25} />
199 <mask id="c" fill="#fff">
200 <path d="M31 12.505a1 1 0 0 1 1-1h17a1 1 0 0 1 1 1v22.5a1 1 0 0 1-1 1H32a1 1 0 0 1-1-1v-22.5Z" />
201 </mask>
202 <path
203 fill="#9EA9B2"
204 d="M31 11.505h19-19Zm19 24.5H31h19Zm-19 0v-24.5 24.5Zm18-24.5a2 2 0 0 1 2 2v20.5a2 2 0 0 1-2 2v-24.5Z"
205 mask="url(#c)"
206 />
207 <rect width={16} height={12} x={31} y={15.505} fill="#58707F" rx={1} />
208 <rect width={11} height={2.5} x={33} y={29.505} fill="#58707F" rx={1.25} />
209 <mask id="d" fill="#fff">
210 <path d="M53 12.505a1 1 0 0 1 1-1h17a1 1 0 0 1 1 1v22.5a1 1 0 0 1-1 1H54a1 1 0 0 1-1-1v-22.5Z" />
211 </mask>
212 <path
213 fill="#9EA9B2"
214 d="M53 11.505h19-19Zm19 24.5H53h19Zm-19 0v-24.5 24.5Zm18-24.5a2 2 0 0 1 2 2v20.5a2 2 0 0 1-2 2v-24.5Z"
215 mask="url(#d)"
216 />
217 <rect width={16} height={12} x={53} y={15.505} fill="#58707F" rx={1} />
218 <rect width={11} height={2.5} x={55} y={29.505} fill="#58707F" rx={1.25} />
219 <mask id="e" fill="#fff">
220 <path d="M6 36.005h66v23.5a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-23.5Z" />
221 </mask>
222 <path
223 fill="#9EA9B2"
224 d="M6 36.005h66H6Zm66 23.5a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2h66Zm-66 1v-24.5 24.5Zm66-24.5v24.5-24.5Z"
225 mask="url(#e)"
226 />
227 <mask id="f" fill="#fff">
228 <path d="M9 36.005h19v24.5H9v-24.5Z" />
229 </mask>
230 <path fill="#9EA9B2" d="M28 36.005h-1v24.5h2v-24.5h-1Z" mask="url(#f)" />
231 <rect width={16} height={12} x={9} y={40.005} fill="#58707F" rx={1} />
232 <rect width={11} height={2.5} x={11} y={54.005} fill="#58707F" rx={1.25} />
233 <mask id="g" fill="#fff">
234 <path d="M31 36.005h19v24.5H31v-24.5Z" />
235 </mask>
236 <path fill="#9EA9B2" d="M50 36.005h-1v24.5h2v-24.5h-1Z" mask="url(#g)" />
237 <rect width={16} height={12} x={31} y={40.005} fill="#58707F" rx={1} />
238 <rect width={11} height={2.5} x={33} y={54.005} fill="#58707F" rx={1.25} />
239 <mask id="h" fill="#fff">
240 <path d="M53 37.005a1 1 0 0 1 1-1h17a1 1 0 0 1 1 1v22.5a1 1 0 0 1-1 1H54a1 1 0 0 1-1-1v-22.5Z" />
241 </mask>
242 <path
243 fill="#9EA9B2"
244 d="M53 36.005h19-19Zm19 24.5H53h19Zm-19 0v-24.5 24.5Zm18-24.5a2 2 0 0 1 2 2v20.5a2 2 0 0 1-2 2v-24.5Z"
245 mask="url(#h)"
246 />
247 <rect width={16} height={12} x={53} y={40.005} fill="#58707F" rx={1} />
248 <rect width={11} height={2.5} x={55} y={54.005} fill="#58707F" rx={1.25} />
249 </svg>
250 );
251 export const LayoutSeven = ({ value }) => (
252 <svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none">
253 <path
254 fill="#fff"
255 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
256 />
257 <path
258 stroke={"taxonomy-layout-seven" === value ? "#1A74E4" : "#58707F"}
259 strokeWidth={1.2}
260 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
261 />
262 <rect width={20} height={16} x={6} y={18.005} fill="#58707F" rx={1} />
263 <rect width={14} height={2.5} x={9} y={24.75} fill="#fff" rx={1.25} />
264 <rect width={20} height={16} x={29} y={18.005} fill="#58707F" rx={1} />
265 <rect width={14} height={2.5} x={32} y={24.75} fill="#fff" rx={1.25} />
266 <rect width={20} height={16} x={52} y={18.005} fill="#58707F" rx={1} />
267 <rect width={14} height={2.5} x={55} y={24.75} fill="#fff" rx={1.25} />
268 <rect width={20} height={16} x={6} y={38.005} fill="#58707F" rx={1} />
269 <rect width={14} height={2.5} x={9} y={44.75} fill="#fff" rx={1.25} />
270 <rect width={20} height={16} x={29} y={38.005} fill="#58707F" rx={1} />
271 <rect width={14} height={2.5} x={32} y={44.75} fill="#fff" rx={1.25} />
272 <rect width={20} height={16} x={52} y={38.005} fill="#58707F" rx={1} />
273 <rect width={14} height={2.5} x={55} y={44.75} fill="#fff" rx={1.25} />
274 </svg>
275 );
276 export const LayoutEight = ({ value }) => (
277 <svg xmlns="http://www.w3.org/2000/svg" width={78} height={72} fill="none">
278 <path
279 fill="#fff"
280 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
281 />
282 <path
283 stroke={"taxonomy-layout-eight" === value ? "#1A74E4" : "#58707F"}
284 strokeWidth={1.2}
285 d="M3 .6h72A2.4 2.4 0 0 1 77.4 3v66a2.4 2.4 0 0 1-2.4 2.4H3A2.4 2.4 0 0 1 .6 69V3A2.4 2.4 0 0 1 3 .6Z"
286 />
287 <path fill="#58707F" d="M6 16a1 1 0 0 1 1-1h64a1 1 0 0 1 1 1v13H6V16Z" />
288 <rect width={12} height={3} x={30} y={20.5} fill="#fff" rx={1.5} />
289 <path
290 fill="#fff"
291 d="M46.7 23.54c-.213 0-.401-.039-.566-.115a.97.97 0 0 1-.39-.317.817.817 0 0 1-.148-.463h.681a.34.34 0 0 0 .131.258.455.455 0 0 0 .291.097c.088 0 .166-.02.235-.058a.416.416 0 0 0 .16-.164.49.49 0 0 0 .057-.244.478.478 0 0 0-.058-.246.413.413 0 0 0-.162-.163.518.518 0 0 0-.476-.004.406.406 0 0 0-.17.155l-.621-.117.126-1.568h1.867v.567h-1.289l-.067.686h.017a.533.533 0 0 1 .233-.2.824.824 0 0 1 .368-.079c.175 0 .33.041.466.122.138.081.246.193.324.336.08.143.12.306.12.491a.978.978 0 0 1-.537.895c-.169.087-.367.13-.593.13Z"
292 />
293 <path fill="#9EA9B2" d="M6 29h66v14H6z" />
294 <rect width={12} height={3} x={30} y={34.5} fill="#fff" rx={1.5} />
295 <path
296 fill="#fff"
297 d="M46.648 37.54c-.227 0-.429-.036-.607-.108a1.034 1.034 0 0 1-.417-.296.658.658 0 0 1-.151-.423c0-.12.029-.23.087-.33a.747.747 0 0 1 .234-.25c.1-.068.21-.111.332-.13v-.023a.658.658 0 0 1-.393-.223.627.627 0 0 1-.152-.419c0-.151.046-.286.138-.405a.937.937 0 0 1 .379-.28c.161-.068.344-.102.55-.102.205 0 .388.034.548.102a.924.924 0 0 1 .38.28c.092.119.139.254.139.405a.622.622 0 0 1-.155.42.66.66 0 0 1-.391.222v.023a.796.796 0 0 1 .565.38c.06.1.088.21.088.33 0 .157-.05.298-.152.423-.1.124-.24.223-.417.296a1.588 1.588 0 0 1-.605.108Zm0-.499a.508.508 0 0 0 .227-.048.38.38 0 0 0 .153-.138.359.359 0 0 0 .057-.199.364.364 0 0 0-.213-.34.478.478 0 0 0-.224-.05.483.483 0 0 0-.225.05.365.365 0 0 0-.213.34c0 .074.019.14.056.2.038.057.09.102.154.136.067.033.142.05.228.05Zm0-1.271a.41.41 0 0 0 .196-.046.343.343 0 0 0 .185-.31.33.33 0 0 0-.184-.302.414.414 0 0 0-.197-.045.418.418 0 0 0-.198.045.331.331 0 0 0-.135.122.336.336 0 0 0-.048.18c0 .069.016.13.048.184a.358.358 0 0 0 .137.126c.058.03.123.046.196.046Z"
298 />
299 <path fill="#58707F" d="M6 43h66v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V43Z" />
300 <rect width={12} height={3} x={30} y={48.5} fill="#fff" rx={1.5} />
301 <path
302 fill="#fff"
303 d="M46.69 51.54c-.16 0-.312-.026-.458-.077a1.048 1.048 0 0 1-.39-.247 1.177 1.177 0 0 1-.268-.446 2.016 2.016 0 0 1-.096-.675c0-.24.03-.454.088-.645a1.43 1.43 0 0 1 .247-.487c.108-.133.237-.235.386-.305.15-.071.319-.107.505-.107.203 0 .383.04.538.12a.994.994 0 0 1 .375.318.92.92 0 0 1 .166.443h-.692a.327.327 0 0 0-.138-.209.43.43 0 0 0-.25-.072.43.43 0 0 0-.399.231c-.087.154-.131.36-.133.62h.018a.629.629 0 0 1 .172-.225.805.805 0 0 1 .257-.144.931.931 0 0 1 .31-.05c.174 0 .328.04.462.12.133.08.238.19.313.331.076.14.114.299.113.479a.995.995 0 0 1-.142.537.98.98 0 0 1-.398.36c-.169.087-.364.13-.587.13Zm-.005-.54a.443.443 0 0 0 .449-.465.466.466 0 0 0-.057-.237.429.429 0 0 0-.39-.226.443.443 0 0 0-.415.283.495.495 0 0 0 .024.416.435.435 0 0 0 .39.229Z"
304 />
305 </svg>
306 );
307