search

tomusborne / generateblocks

GenerateBlocks is a small collection of lightweight WordPress blocks that can accomplish nearly anything.
https://generateblocks.com
198 stars 23 forks source link

GB 2.0 - Query Looper, Loop Item icons, Tabs and Accordion Icons. #1359

Closed diggeddy closed 1 month ago

diggeddy commented 1 month ago

Description

Differentiate the Looper and Loop Item icons from the Query loop

Screenshot 2024-10-03 at 15 01 08

HTML code for Looper:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" context="list-view" class="gblocks-block-icon" aria-hidden="true" focusable="false">
    <path d="M21.374,6.133L14.67,6.133C14.327,6.133 14.045,5.851 14.045,5.508C14.045,5.165 14.327,4.883 14.67,4.883L21.374,4.883C21.717,4.883 21.999,5.165 21.999,5.508C21.999,5.851 21.717,6.133 21.374,6.133ZM21.374,9.015L14.67,9.015C14.327,9.015 14.045,8.733 14.045,8.39C14.045,8.047 14.327,7.765 14.67,7.765L21.374,7.765C21.717,7.765 21.999,8.047 21.999,8.39C21.999,8.733 21.717,9.015 21.374,9.015ZM21.374,3.251L14.67,3.251C14.327,3.251 14.044,2.969 14.044,2.626C14.044,2.282 14.327,2 14.67,2L21.374,2C21.717,2 21.999,2.282 21.999,2.626C21.999,2.969 21.717,3.251 21.374,3.251ZM9.329,19.118L2.625,19.118C2.282,19.118 2,18.836 2,18.493C2,18.15 2.282,17.868 2.625,17.868L9.329,17.868C9.672,17.868 9.954,18.15 9.954,18.493C9.954,18.836 9.672,19.118 9.329,19.118ZM9.329,22.001L2.625,22.001C2.282,22.001 2,21.719 2,21.376C2,21.033 2.282,20.751 2.625,20.751L9.329,20.751C9.672,20.751 9.954,21.033 9.954,21.376C9.954,21.719 9.672,22.001 9.329,22.001ZM9.329,16.235L2.625,16.235C2.282,16.235 2,15.953 2,15.61C2,15.267 2.282,14.985 2.625,14.985L9.329,14.985C9.672,14.985 9.954,15.267 9.954,15.61C9.954,15.953 9.672,16.235 9.329,16.235Z" style="fill-opacity:0.3;fill-rule:nonzero;"/>
    <path d="M16.841,22.001C15.468,22.002 14.15,21.455 13.18,20.484C11.219,18.523 11.304,15.194 11.387,11.974C11.482,8.269 11.572,4.77 8.741,3.575C7.466,3.037 6.01,3.17 4.941,3.926C3.96,4.618 3.365,5.647 3.264,6.821C3.165,7.976 3.581,9.118 4.401,9.937C5.283,10.819 6.646,11.259 8.82,11.365C9.164,11.382 9.43,11.675 9.414,12.02C9.4,12.351 9.124,12.615 8.794,12.615C8.782,12.615 8.771,12.615 8.759,12.614C7.071,12.532 4.949,12.254 3.517,10.822C2.437,9.742 1.888,8.237 2.019,6.715C2.154,5.183 2.96,3.786 4.22,2.904C5.638,1.902 7.557,1.718 9.226,2.423C12.842,3.949 12.737,8.045 12.635,12.006C12.559,14.962 12.481,18.018 14.063,19.6C14.882,20.42 16.023,20.837 17.177,20.737C18.351,20.637 19.379,20.042 20.073,19.062C20.827,17.996 20.962,16.542 20.426,15.266C19.706,13.55 18.143,12.757 15.2,12.614C14.858,12.597 14.59,12.301 14.606,11.959C14.617,11.629 14.891,11.364 15.221,11.364C15.234,11.364 15.248,11.364 15.261,11.365C17.581,11.477 20.397,11.967 21.578,14.781C22.279,16.451 22.093,18.368 21.092,19.783C20.121,21.169 18.533,21.997 16.841,22.001Z" style="fill-rule:nonzero;"/>
</svg>

HTML code for Loop Item

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" context="list-view" class="gblocks-block-icon" aria-hidden="true" focusable="false">
    <path d="M21.374,6.133L14.67,6.133C14.327,6.133 14.045,5.851 14.045,5.508C14.045,5.165 14.327,4.883 14.67,4.883L21.374,4.883C21.717,4.883 21.999,5.165 21.999,5.508C21.999,5.851 21.717,6.133 21.374,6.133ZM21.374,9.015L14.67,9.015C14.327,9.015 14.045,8.733 14.045,8.39C14.045,8.047 14.327,7.765 14.67,7.765L21.374,7.765C21.717,7.765 21.999,8.047 21.999,8.39C21.999,8.733 21.717,9.015 21.374,9.015ZM21.374,3.251L14.67,3.251C14.327,3.251 14.044,2.969 14.044,2.626C14.044,2.282 14.327,2 14.67,2L21.374,2C21.717,2 21.999,2.282 21.999,2.626C21.999,2.969 21.717,3.251 21.374,3.251ZM9.329,19.118L2.625,19.118C2.282,19.118 2,18.836 2,18.493C2,18.15 2.282,17.868 2.625,17.868L9.329,17.868C9.672,17.868 9.954,18.15 9.954,18.493C9.954,18.836 9.672,19.118 9.329,19.118ZM9.329,22.001L2.625,22.001C2.282,22.001 2,21.719 2,21.376C2,21.033 2.282,20.751 2.625,20.751L9.329,20.751C9.672,20.751 9.954,21.033 9.954,21.376C9.954,21.719 9.672,22.001 9.329,22.001ZM9.329,16.235L2.625,16.235C2.282,16.235 2,15.953 2,15.61C2,15.267 2.282,14.985 2.625,14.985L9.329,14.985C9.672,14.985 9.954,15.267 9.954,15.61C9.954,15.953 9.672,16.235 9.329,16.235Z" style="fill-rule:nonzero;"/>
    <path d="M16.841,22.001C15.468,22.002 14.15,21.455 13.18,20.484C11.219,18.523 11.304,15.194 11.387,11.974C11.482,8.269 11.572,4.77 8.741,3.575C7.466,3.037 6.01,3.17 4.941,3.926C3.96,4.618 3.365,5.647 3.264,6.821C3.165,7.976 3.581,9.118 4.401,9.937C5.283,10.819 6.646,11.259 8.82,11.365C9.164,11.382 9.43,11.675 9.414,12.02C9.4,12.351 9.124,12.615 8.794,12.615C8.782,12.615 8.771,12.615 8.759,12.614C7.071,12.532 4.949,12.254 3.517,10.822C2.437,9.742 1.888,8.237 2.019,6.715C2.154,5.183 2.96,3.786 4.22,2.904C5.638,1.902 7.557,1.718 9.226,2.423C12.842,3.949 12.737,8.045 12.635,12.006C12.559,14.962 12.481,18.018 14.063,19.6C14.882,20.42 16.023,20.837 17.177,20.737C18.351,20.637 19.379,20.042 20.073,19.062C20.827,17.996 20.962,16.542 20.426,15.266C19.706,13.55 18.143,12.757 15.2,12.614C14.858,12.597 14.59,12.301 14.606,11.959C14.617,11.629 14.891,11.364 15.221,11.364C15.234,11.364 15.248,11.364 15.261,11.365C17.581,11.477 20.397,11.967 21.578,14.781C22.279,16.451 22.093,18.368 21.092,19.783C20.121,21.169 18.533,21.997 16.841,22.001Z" style="fill-opacity:0.3;fill-rule:nonzero;"/>
</svg>
diggeddy commented 1 month ago

Tabs

Screenshot 2024-10-03 at 20 29 27

Tabs Menu icon

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" context="list-view" class="gblocks-block-icon" aria-hidden="true" focusable="false">
    <path d="M18.23,13.26L5.77,13.26C5.43,13.26 5.15,13.54 5.15,13.88C5.15,14.22 5.43,14.5 5.77,14.5L18.23,14.5C18.57,14.5 18.85,14.22 18.85,13.88C18.85,13.54 18.58,13.26 18.23,13.26ZM18.23,16.29L5.77,16.29C5.43,16.29 5.15,16.57 5.15,16.91C5.15,17.25 5.43,17.53 5.77,17.53L18.23,17.53C18.57,17.53 18.85,17.25 18.85,16.91L18.85,16.9C18.85,16.565 18.575,16.29 18.24,16.29L18.23,16.29ZM5.14,10.85C5.14,11.19 5.42,11.47 5.76,11.47L18.22,11.47C18.56,11.47 18.84,11.19 18.84,10.85C18.84,10.51 18.56,10.23 18.22,10.23L5.77,10.23L5.753,10.23C5.417,10.23 5.14,10.506 5.14,10.843L5.14,10.85Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M21.38,2L2.62,2C2.28,2 2,2.28 2,2.62L2,6.997L21.99,6.997L21.99,2.62L21.99,2.608C21.99,2.274 21.716,2 21.382,2L21.38,2ZM9.5,3.25L14.5,3.25L14.5,5.76L9.5,5.76L9.5,3.25ZM20.75,7.01L3.25,6.997L3.25,6.35L3.25,5.76L3.25,3.25L8.25,3.25L8.25,6.39C8.25,6.73 8.53,7.01 8.87,7.01L20.75,7.01ZM20.75,5.76L15.75,5.76L15.75,3.25L20.75,3.25L20.75,5.76Z" style="fill-rule:nonzero;"></path>
    <path d="M21.99,6.997L21.99,21.38C21.99,21.72 21.71,22 21.37,22L2.62,22C2.28,22 2,21.72 2,21.37L2,6.997L3.25,6.997L3.25,20.75L20.75,20.75L20.75,7.01L8.87,7.01C8.827,7.01 8.785,7.006 8.744,6.997L21.99,6.997Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
</svg>

Tabs Menu Item

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" context="list-view" class="gblocks-block-icon" aria-hidden="true" focusable="false">    <path d="M18.23,13.26L5.77,13.26C5.43,13.26 5.15,13.54 5.15,13.88C5.15,14.22 5.43,14.5 5.77,14.5L18.23,14.5C18.57,14.5 18.85,14.22 18.85,13.88C18.85,13.54 18.58,13.26 18.23,13.26ZM18.23,16.29L5.77,16.29C5.43,16.29 5.15,16.57 5.15,16.91C5.15,17.25 5.43,17.53 5.77,17.53L18.23,17.53C18.57,17.53 18.85,17.25 18.85,16.91L18.85,16.9C18.85,16.565 18.575,16.29 18.24,16.29L18.23,16.29ZM5.14,10.85C5.14,11.19 5.42,11.47 5.76,11.47L18.22,11.47C18.56,11.47 18.84,11.19 18.84,10.85C18.84,10.51 18.56,10.23 18.22,10.23L5.77,10.23L5.753,10.23C5.417,10.23 5.14,10.506 5.14,10.843L5.14,10.85Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M21.99,5.76L21.99,6.997L8.839,6.997L8.849,7.001L20.75,7.01L8.87,7.01L8.849,7.001L3.25,6.997L8.839,6.997C8.487,6.965 8.25,6.703 8.25,6.39L8.25,3.25L3.25,3.25L3.25,6.997L2,6.997L2,2.62C2,2.307 2.237,2.045 2.62,2L9.5,2L9.5,5.76L21.99,5.76Z"></path>
    <path d="M21.99,6.997L21.99,21.38C21.99,21.72 21.71,22 21.37,22L2.62,22C2.28,22 2,21.72 2,21.37L2,6.997L3.25,6.997L3.25,20.75L20.75,20.75L20.75,7.01L8.87,7.01C8.827,7.01 8.785,7.006 8.744,6.997L21.99,6.997Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M9.5,2L21.382,2C21.758,2.044 21.99,2.3 21.99,2.608L21.99,5.76L20.75,5.76L20.75,3.25L15.75,3.25L15.75,5.76L14.5,5.76L14.5,3.25L9.5,3.25L9.5,2Z" style="fill-opacity:0.3;"></path>
</svg>

Tab Items 

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" context="list-view" class="gblocks-block-icon" aria-hidden="true" focusable="false">    <path d="M18.23,13.26L5.77,13.26C5.43,13.26 5.15,13.54 5.15,13.88C5.15,14.22 5.43,14.5 5.77,14.5L18.23,14.5C18.57,14.5 18.85,14.22 18.85,13.88C18.85,13.54 18.58,13.26 18.23,13.26ZM18.23,16.29L5.77,16.29C5.43,16.29 5.15,16.57 5.15,16.91C5.15,17.25 5.43,17.53 5.77,17.53L18.23,17.53C18.57,17.53 18.85,17.25 18.85,16.91L18.85,16.9C18.85,16.565 18.575,16.29 18.24,16.29L18.23,16.29ZM5.14,10.85C5.14,11.19 5.42,11.47 5.76,11.47L18.22,11.47C18.56,11.47 18.84,11.19 18.84,10.85C18.84,10.51 18.56,10.23 18.22,10.23L5.77,10.23L5.753,10.23C5.417,10.23 5.14,10.506 5.14,10.843L5.14,10.85Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M8.849,7.001L8.87,7.01L8.849,7.001ZM8.839,6.997C8.487,6.965 8.25,6.703 8.25,6.39L8.25,3.25L9.5,3.25L9.5,5.76L14.5,5.76L14.505,3.25L15.75,3.25L15.745,5.76L20.75,5.76L20.75,6.997L8.839,6.997Z" style="fill-opacity:0.3;"></path>
    <path d="M18.23,13.26L5.77,13.26C5.43,13.26 5.15,13.54 5.15,13.88C5.15,14.22 5.43,14.5 5.77,14.5L18.23,14.5C18.57,14.5 18.85,14.22 18.85,13.88C18.85,13.54 18.58,13.26 18.23,13.26ZM18.23,16.29L5.77,16.29C5.43,16.29 5.15,16.57 5.15,16.91C5.15,17.25 5.43,17.53 5.77,17.53L18.23,17.53C18.57,17.53 18.85,17.25 18.85,16.91C18.85,16.907 18.85,16.903 18.85,16.9C18.85,16.565 18.575,16.29 18.24,16.29C18.237,16.29 18.233,16.29 18.23,16.29ZM5.14,10.85C5.14,11.19 5.42,11.47 5.76,11.47L18.22,11.47C18.56,11.47 18.84,11.19 18.84,10.85C18.84,10.51 18.56,10.23 18.22,10.23L5.77,10.23C5.764,10.23 5.759,10.23 5.753,10.23C5.417,10.23 5.14,10.506 5.14,10.843C5.14,10.845 5.14,10.848 5.14,10.85Z" style="fill-rule:nonzero;"></path>
    <path d="M21.38,2L21.382,2C21.716,2 21.99,2.274 21.99,2.608C21.99,2.612 21.99,2.616 21.99,2.62L21.99,21.38C21.99,21.72 21.71,22 21.37,22L2.62,22C2.28,22 2,21.72 2,21.37L2,2.62C2,2.28 2.28,2 2.62,2L21.38,2ZM20.75,3.25L3.25,3.25L3.25,20.75L20.75,20.75L20.75,3.25Z" style="fill-rule:nonzero;"></path>
</svg>

Tab Item

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" context="list-view" class="gblocks-block-icon" aria-hidden="true" focusable="false">    <path d="M18.23,13.26L5.77,13.26C5.43,13.26 5.15,13.54 5.15,13.88C5.15,14.22 5.43,14.5 5.77,14.5L18.23,14.5C18.57,14.5 18.85,14.22 18.85,13.88C18.85,13.54 18.58,13.26 18.23,13.26ZM18.23,16.29L5.77,16.29C5.43,16.29 5.15,16.57 5.15,16.91C5.15,17.25 5.43,17.53 5.77,17.53L18.23,17.53C18.57,17.53 18.85,17.25 18.85,16.91L18.85,16.9C18.85,16.565 18.575,16.29 18.24,16.29L18.23,16.29ZM5.14,10.85C5.14,11.19 5.42,11.47 5.76,11.47L18.22,11.47C18.56,11.47 18.84,11.19 18.84,10.85C18.84,10.51 18.56,10.23 18.22,10.23L5.77,10.23L5.753,10.23C5.417,10.23 5.14,10.506 5.14,10.843L5.14,10.85Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M18.23,13.26L5.77,13.26C5.43,13.26 5.15,13.54 5.15,13.88C5.15,14.22 5.43,14.5 5.77,14.5L18.23,14.5C18.57,14.5 18.85,14.22 18.85,13.88C18.85,13.54 18.58,13.26 18.23,13.26ZM18.23,16.29L5.77,16.29C5.43,16.29 5.15,16.57 5.15,16.91C5.15,17.25 5.43,17.53 5.77,17.53L18.23,17.53C18.57,17.53 18.85,17.25 18.85,16.91C18.85,16.907 18.85,16.903 18.85,16.9C18.85,16.565 18.575,16.29 18.24,16.29C18.237,16.29 18.233,16.29 18.23,16.29ZM5.14,10.85C5.14,11.19 5.42,11.47 5.76,11.47L18.22,11.47C18.56,11.47 18.84,11.19 18.84,10.85C18.84,10.51 18.56,10.23 18.22,10.23L5.77,10.23C5.764,10.23 5.759,10.23 5.753,10.23C5.417,10.23 5.14,10.506 5.14,10.843C5.14,10.845 5.14,10.848 5.14,10.85Z" style="fill-rule:nonzero;"></path>
    <path d="M14.5,5.76L21.99,5.76L21.99,21.38C21.99,21.72 21.71,22 21.37,22L2.62,22C2.28,22 2,21.72 2,21.37L2,2.62C2,2.28 2.28,2 2.62,2L9.5,2L9.5,5.76L14.5,5.76ZM8.87,7.01C8.53,7.01 8.25,6.73 8.25,6.39L8.25,3.25L3.25,3.25L3.25,20.75L20.75,20.75L20.75,7.01L8.87,7.01Z" style="fill-rule:nonzero;"></path>
    <path d="M9.5,2L21.382,2C21.758,2.044 21.99,2.3 21.99,2.608L21.99,5.76L20.75,5.76L20.75,3.25L15.75,3.25L15.75,5.76L14.5,5.76L14.5,3.25L9.5,3.25L9.5,2Z" style="fill-opacity:0.3;"></path>
</svg>
diggeddy commented 1 month ago

Accordions

Screenshot 2024-10-03 at 21 10 23

Accordion ( parent block )

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" context="list-view" class="gblocks-block-icon" aria-hidden="true" focusable="false">
    <path d="M21.376,12.137L2.626,12.137C2.283,12.137 2,11.855 2,11.512C2,11.512 2,11.511 2.001,11.511L2.001,5.695C2.001,5.35 2.281,5.07 2.626,5.07L21.377,5.07C21.721,5.07 22.001,5.35 22.001,5.695L22.001,11.511C22.001,11.857 21.721,12.137 21.376,12.137ZM3.25,10.886L20.751,10.886L20.751,6.32L3.25,6.32L3.25,10.886ZM21.376,21.918L2.626,21.918C2.282,21.918 2,21.636 2,21.292C2,20.949 2.282,20.667 2.626,20.667L21.377,20.667C21.719,20.667 22.002,20.95 22.002,21.293C22.002,21.636 21.719,21.918 21.376,21.918C21.376,21.918 21.376,21.918 21.376,21.918ZM21.376,18.765L2.626,18.765C2.283,18.765 2.001,18.483 2.001,18.14C2.001,17.797 2.283,17.515 2.626,17.515L21.377,17.515C21.719,17.515 22.001,17.797 22.001,18.14C22.001,18.483 21.719,18.765 21.376,18.765C21.376,18.765 21.376,18.765 21.376,18.765ZM21.376,15.613L2.626,15.613C2.283,15.613 2.001,15.331 2.001,14.988C2.001,14.645 2.283,14.363 2.626,14.363L21.377,14.363C21.719,14.363 22.001,14.645 22.001,14.988C22.001,15.331 21.719,15.613 21.376,15.613C21.376,15.613 21.376,15.613 21.376,15.613Z" style="fill-rule:nonzero;"></path>
    <path d="M17.831,9.944C17.693,9.944 17.561,9.889 17.463,9.791L15.901,8.229L16.638,7.492L17.831,8.686L19.026,7.492L19.762,8.229L18.2,9.792C18.102,9.889 17.969,9.944 17.831,9.944Z" style="fill-rule:nonzero;"></path>
    <path d="M19.352,2L19.764,2.412L18.201,3.975C18.103,4.072 17.97,4.127 17.833,4.127C17.694,4.127 17.562,4.072 17.465,3.974L15.902,2.412L16.314,2L16.964,2L17.833,2.869L18.702,2L19.352,2Z" style="fill-rule:nonzero;"></path>
    <path d="M22.002,2L22.002,5.694C22.002,6.04 21.722,6.32 21.377,6.32L2.627,6.32C2.284,6.32 2.001,6.038 2.001,5.695C2.001,5.695 2.001,5.694 2.002,5.694L2.002,2L3.251,2L3.251,5.069L20.752,5.069L20.752,2L22.002,2Z" style="fill-rule:nonzero;"></path>
</svg>

Accordion Item

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" context="list-view" class="gblocks-block-icon" aria-hidden="true" focusable="false">
    <path d="M21.376,12.137L2.626,12.137C2.283,12.137 2,11.855 2,11.512C2,11.512 2,11.511 2.001,11.511L2.001,5.695C2.001,5.35 2.281,5.07 2.626,5.07L21.377,5.07C21.721,5.07 22.001,5.35 22.001,5.695L22.001,11.511C22.001,11.857 21.721,12.137 21.376,12.137ZM3.25,10.886L20.751,10.886L20.751,6.32L3.25,6.32L3.25,10.886ZM21.376,21.918L2.626,21.918C2.282,21.918 2,21.636 2,21.292C2,20.949 2.282,20.667 2.626,20.667L21.377,20.667C21.719,20.667 22.002,20.95 22.002,21.293C22.002,21.636 21.719,21.918 21.376,21.918C21.376,21.918 21.376,21.918 21.376,21.918ZM21.376,18.765L2.626,18.765C2.283,18.765 2.001,18.483 2.001,18.14C2.001,17.797 2.283,17.515 2.626,17.515L21.377,17.515C21.719,17.515 22.001,17.797 22.001,18.14C22.001,18.483 21.719,18.765 21.376,18.765C21.376,18.765 21.376,18.765 21.376,18.765ZM21.376,15.613L2.626,15.613C2.283,15.613 2.001,15.331 2.001,14.988C2.001,14.645 2.283,14.363 2.626,14.363L21.377,14.363C21.719,14.363 22.001,14.645 22.001,14.988C22.001,15.331 21.719,15.613 21.376,15.613C21.376,15.613 21.376,15.613 21.376,15.613Z" style="fill-rule:nonzero;"></path>
    <path d="M17.831,9.944C17.693,9.944 17.561,9.889 17.463,9.791L15.901,8.229L16.638,7.492L17.831,8.686L19.026,7.492L19.762,8.229L18.2,9.792C18.102,9.889 17.969,9.944 17.831,9.944Z" style="fill-rule:nonzero;"></path>
    <path d="M19.352,2L19.764,2.412L18.201,3.975C18.103,4.072 17.97,4.127 17.833,4.127C17.694,4.127 17.562,4.072 17.465,3.974L15.902,2.412L16.314,2L16.964,2L17.833,2.869L18.702,2L19.352,2Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M22.002,2L22.002,5.694C22.002,6.04 21.722,6.32 21.377,6.32L2.627,6.32C2.284,6.32 2.001,6.038 2.001,5.695C2.001,5.695 2.001,5.694 2.002,5.694L2.002,2L3.251,2L3.251,5.069L20.752,5.069L20.752,2L22.002,2Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
</svg>

Accordion Toggle

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" context="list-view" class="gblocks-block-icon" aria-hidden="true" focusable="false">
    <path d="M21.376,21.918L2.626,21.918C2.282,21.918 2,21.636 2,21.292C2,20.949 2.282,20.667 2.626,20.667L21.377,20.667C21.719,20.667 22.002,20.95 22.002,21.293C22.002,21.636 21.719,21.918 21.376,21.918C21.376,21.918 21.376,21.918 21.376,21.918ZM21.376,18.765L2.626,18.765C2.283,18.765 2.001,18.483 2.001,18.14C2.001,17.797 2.283,17.515 2.626,17.515L21.377,17.515C21.719,17.515 22.001,17.797 22.001,18.14C22.001,18.483 21.719,18.765 21.376,18.765C21.376,18.765 21.376,18.765 21.376,18.765ZM21.376,15.613L2.626,15.613C2.283,15.613 2.001,15.331 2.001,14.988C2.001,14.645 2.283,14.363 2.626,14.363L21.377,14.363C21.719,14.363 22.001,14.645 22.001,14.988C22.001,15.331 21.719,15.613 21.376,15.613C21.376,15.613 21.376,15.613 21.376,15.613Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M21.376,12.137L2.626,12.137C2.283,12.137 2,11.855 2,11.512C2,11.512 2,11.511 2.001,11.511L2.001,5.695C2.001,5.35 2.281,5.07 2.626,5.07L21.377,5.07C21.721,5.07 22.001,5.35 22.001,5.695L22.001,11.511C22.001,11.857 21.721,12.137 21.376,12.137ZM3.25,10.886L20.751,10.886L20.751,6.32L3.25,6.32L3.25,10.886Z" style="fill-rule:nonzero;"></path>
    <path d="M17.831,9.944C17.693,9.944 17.561,9.889 17.463,9.791L15.901,8.229L16.638,7.492L17.831,8.686L19.026,7.492L19.762,8.229L18.2,9.792C18.102,9.889 17.969,9.944 17.831,9.944Z" style="fill-rule:nonzero;"></path>
    <path d="M19.352,2L19.764,2.412L18.201,3.975C18.103,4.072 17.97,4.127 17.833,4.127C17.694,4.127 17.562,4.072 17.465,3.974L15.902,2.412L16.314,2L16.964,2L17.833,2.869L18.702,2L19.352,2Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M22.002,2L22.002,5.694C22.002,6.04 21.722,6.32 21.377,6.32L2.627,6.32C2.284,6.32 2.001,6.038 2.001,5.695C2.001,5.695 2.001,5.694 2.002,5.694L2.002,2L3.251,2L3.251,5.069L20.752,5.069L20.752,2L22.002,2Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
</svg>

Accordion Toggle Icon 

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" context="list-view" class="gblocks-block-icon" aria-hidden="true" focusable="false">
    <path d="M21.376,21.918L2.626,21.918C2.282,21.918 2,21.636 2,21.292C2,20.949 2.282,20.667 2.626,20.667L21.377,20.667C21.719,20.667 22.002,20.95 22.002,21.293C22.002,21.636 21.719,21.918 21.376,21.918C21.376,21.918 21.376,21.918 21.376,21.918ZM21.376,18.765L2.626,18.765C2.283,18.765 2.001,18.483 2.001,18.14C2.001,17.797 2.283,17.515 2.626,17.515L21.377,17.515C21.719,17.515 22.001,17.797 22.001,18.14C22.001,18.483 21.719,18.765 21.376,18.765C21.376,18.765 21.376,18.765 21.376,18.765ZM21.376,15.613L2.626,15.613C2.283,15.613 2.001,15.331 2.001,14.988C2.001,14.645 2.283,14.363 2.626,14.363L21.377,14.363C21.719,14.363 22.001,14.645 22.001,14.988C22.001,15.331 21.719,15.613 21.376,15.613C21.376,15.613 21.376,15.613 21.376,15.613Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M17.831,9.944C17.693,9.944 17.561,9.889 17.463,9.791L15.901,8.229L16.638,7.492L17.831,8.686L19.026,7.492L19.762,8.229L18.2,9.792C18.102,9.889 17.969,9.944 17.831,9.944Z" style="fill-rule:nonzero;"></path>
    <path d="M19.352,2L19.764,2.412L18.201,3.975C18.103,4.072 17.97,4.127 17.833,4.127C17.694,4.127 17.562,4.072 17.465,3.974L15.902,2.412L16.314,2L16.964,2L17.833,2.869L18.702,2L19.352,2Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M2.002,5.66L2.002,2L3.251,2L3.251,5.069L20.752,5.069L20.752,2L22.002,2L22.002,5.694C22.002,5.706 22.001,5.718 22.001,5.73L22.001,11.511C22.001,11.857 21.721,12.137 21.376,12.137L2.626,12.137C2.283,12.137 2,11.855 2,11.512C2,11.512 2,11.511 2.001,11.511L2.001,5.695C2.001,5.683 2.001,5.671 2.002,5.66ZM20.751,6.32L3.25,6.32L3.25,10.886L20.751,10.886L20.751,6.32Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
</svg>

Accordion Content

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" context="list-view" class="gblocks-block-icon" aria-hidden="true" focusable="false">
    <path d="M21.376,21.918L2.626,21.918C2.282,21.918 2,21.636 2,21.292C2,20.949 2.282,20.667 2.626,20.667L21.377,20.667C21.719,20.667 22.002,20.95 22.002,21.293C22.002,21.636 21.719,21.918 21.376,21.918C21.376,21.918 21.376,21.918 21.376,21.918ZM21.376,18.765L2.626,18.765C2.283,18.765 2.001,18.483 2.001,18.14C2.001,17.797 2.283,17.515 2.626,17.515L21.377,17.515C21.719,17.515 22.001,17.797 22.001,18.14C22.001,18.483 21.719,18.765 21.376,18.765C21.376,18.765 21.376,18.765 21.376,18.765ZM21.376,15.613L2.626,15.613C2.283,15.613 2.001,15.331 2.001,14.988C2.001,14.645 2.283,14.363 2.626,14.363L21.377,14.363C21.719,14.363 22.001,14.645 22.001,14.988C22.001,15.331 21.719,15.613 21.376,15.613C21.376,15.613 21.376,15.613 21.376,15.613Z" style="fill-rule:nonzero;"></path>
    <path d="M17.831,9.944C17.693,9.944 17.561,9.889 17.463,9.791L15.901,8.229L16.638,7.492L17.831,8.686L19.026,7.492L19.762,8.229L18.2,9.792C18.102,9.889 17.969,9.944 17.831,9.944Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M19.352,2L19.764,2.412L18.201,3.975C18.103,4.072 17.97,4.127 17.833,4.127C17.694,4.127 17.562,4.072 17.465,3.974L15.902,2.412L16.314,2L16.964,2L17.833,2.869L18.702,2L19.352,2Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
    <path d="M2.002,5.66L2.002,2L3.251,2L3.251,5.069L20.752,5.069L20.752,2L22.002,2L22.002,5.694C22.002,5.706 22.001,5.718 22.001,5.73L22.001,11.511C22.001,11.857 21.721,12.137 21.376,12.137L2.626,12.137C2.283,12.137 2,11.855 2,11.512C2,11.512 2,11.511 2.001,11.511L2.001,5.695C2.001,5.683 2.001,5.671 2.002,5.66ZM20.751,6.32L3.25,6.32L3.25,10.886L20.751,10.886L20.751,6.32Z" style="fill-opacity:0.3;fill-rule:nonzero;"></path>
</svg>