🔐 Sid Gifari File Manager Pro
v8.0.5 | 2026-08-06 21:15:09 | PHP 8.2.32
📂
/ (Root)
/
home
/
eliteewa
/
public_html
/
wp-content
/
plugins
/
easy-accordion-free
/
src
/
components
📍 /home/eliteewa/public_html/wp-content/plugins/easy-accordion-free/src/components
🔄 Refresh
✏️
Editing: icons.js
Writable
export const LeftIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none"> <path d="M4 19.8h8.9v-1.5H4v1.5Zm8.9-15.6H4v1.5h8.9V4.2Zm-8.9 7v1.5h16v-1.5H4Z" /> </svg> ); export const LeftIconV = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none"> <path d="M19.8 12.9V4h-1.5v8.9h1.5Zm-15.6 0h1.5V4H4.2v8.9Zm8.6 7.1V4h-1.5v16h1.5Z" /> </svg> ); export const CenterIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none"> <path d="M16.4 4.2H7.6v1.5h8.9V4.2h-.1ZM4 11.2v1.5h16v-1.5H4Zm3.6 8.6h8.9v-1.5H7.6v1.5Z" /> </svg> ); export const RightIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none"> <path fill="#fff" d="M15.367 2.633c-3.51-3.51-9.223-3.51-12.734 0-3.51 3.51-3.51 9.223 0 12.734 3.51 3.51 9.223 3.51 12.734 0 3.51-3.51 3.51-9.223 0-12.734Zm.255 10.558-2.248-2.247a4.817 4.817 0 0 0 .012-3.865l2.25-2.248a7.858 7.858 0 0 1-.014 8.36Zm-9.189-1.623a3.634 3.634 0 0 1 0-5.135 3.634 3.634 0 0 1 5.135 0 3.633 3.633 0 0 1 0 5.134 3.637 3.637 0 0 1-5.135 0Zm6.737-9.203-2.25 2.25a4.805 4.805 0 0 0-3.865.01L4.808 2.377a7.862 7.862 0 0 1 8.362-.012ZM2.352 4.85l2.251 2.251a4.808 4.808 0 0 0 .012 3.819l-2.25 2.249a7.859 7.859 0 0 1-.013-8.319ZM4.83 15.635l2.25-2.25a4.812 4.812 0 0 0 3.819.012l2.25 2.25a7.862 7.862 0 0 1-8.319-.012Z" /> </svg> ); export const RightIconV = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none"> <path d="M19.8 20v-8.9h-1.5V20h1.5ZM4.2 11.1V20h1.5v-8.9H4.2Zm7 8.9h1.5V4h-1.5v16Z" /> </svg> ); export const FullWithIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" width={24} height={24} style={{ enableBackground: "new 0 0 24 24", }} viewBox="0 0 24 24" > <path d="M4 18.3h16v1.5H4zM4 4.3h16v1.5H4zM4 11.3h16v1.5H4z" /> </svg> ); export const GeneralIcon = () => { return ( <div className="sp-easy-accordion-block-icon"> <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none"> <g clipPath="url(#a)"> <path fillRule="evenodd" d="M5.625 8A2.38 2.38 0 0 0 8 10.375c.95 0 1.807-.564 2.183-1.437a.625.625 0 0 1 1.148.494A3.623 3.623 0 0 1 8 11.624 3.63 3.63 0 0 1 4.375 8 3.64 3.64 0 0 1 6.56 4.681a.625.625 0 1 1 .504 1.144A2.39 2.39 0 0 0 5.625 8zm.188 5.81v.315A1.88 1.88 0 0 0 7.688 16h.625a1.88 1.88 0 0 0 1.875-1.875v-.315c0-.083.052-.158.133-.191l.011-.005a.209.209 0 0 1 .23.041l.223.223c.354.354.825.549 1.326.549s.972-.195 1.326-.549l.442-.442c.354-.354.549-.825.549-1.326s-.195-.972-.549-1.326l-.223-.223a.208.208 0 0 1-.041-.23l.005-.012a.208.208 0 0 1 .191-.132h.315A1.88 1.88 0 0 0 16 8.313v-.625c0-.778-.49-1.484-1.219-1.757a.624.624 0 1 0-.437 1.171.63.63 0 0 1 .406.586v.625c0 .345-.28.625-.625.625h-.315c-.591 0-1.119.355-1.347.906l-.004.009a1.455 1.455 0 0 0 .311 1.593l.223.223a.62.62 0 0 1 .183.442.62.62 0 0 1-.183.442l-.442.442a.62.62 0 0 1-.442.183.62.62 0 0 1-.442-.183l-.223-.223a1.456 1.456 0 0 0-1.593-.312l-.01.004c-.55.227-.906.756-.906 1.347v.315c0 .345-.28.625-.625.625h-.625a.625.625 0 0 1-.625-.625v-.315c0-.591-.355-1.119-.906-1.347l-.011-.005a1.455 1.455 0 0 0-1.591.312l-.223.223a.625.625 0 0 1-.884 0l-.442-.442a.62.62 0 0 1-.183-.442.62.62 0 0 1 .183-.442l.223-.223c.418-.418.54-1.043.312-1.593l-.004-.008a1.455 1.455 0 0 0-1.347-.906h-.315a.625.625 0 0 1-.625-.625v-.625c0-.345.28-.625.625-.625h.315c.591 0 1.119-.356 1.346-.906l.004-.009a1.457 1.457 0 0 0-.311-1.594l-.223-.223a.62.62 0 0 1-.183-.442.62.62 0 0 1 .183-.442l.442-.442a.625.625 0 0 1 .884 0l.223.223c.418.418 1.043.54 1.593.311l.007-.003c.552-.228.908-.757.908-1.347v-.315c0-.345.28-.625.625-.625h.625a.62.62 0 0 1 .597.437.626.626 0 0 0 1.193-.375A1.865 1.865 0 0 0 8.313 0h-.625a1.88 1.88 0 0 0-1.875 1.875v.315a.208.208 0 0 1-.133.191l-.009.004a.209.209 0 0 1-.232-.04l-.223-.223a1.88 1.88 0 0 0-2.652 0l-.442.442c-.354.354-.549.825-.549 1.326s.195.972.549 1.326l.223.223a.21.21 0 0 1 .041.23l-.005.012a.208.208 0 0 1-.191.132h-.315A1.88 1.88 0 0 0 0 7.688v.625a1.88 1.88 0 0 0 1.875 1.875h.315c.083 0 .158.052.191.133l.005.012a.21.21 0 0 1-.041.23l-.223.223c-.354.354-.549.825-.549 1.326s.195.972.549 1.326l.442.442a1.88 1.88 0 0 0 2.652 0l.223-.223a.208.208 0 0 1 .23-.041l.014.006a.207.207 0 0 1 .131.19zm3.57-9.838L12.8.548a1.88 1.88 0 0 1 2.652 0c.731.731.731 1.921.001 2.651L12.029 6.63a.625.625 0 0 1-.261.157l-2.46.747a.624.624 0 0 1-.784-.765l.699-2.523a.633.633 0 0 1 .16-.275zm4.182-.651-.884-.884-2.297 2.302-.352 1.269 1.223-.371 2.31-2.315zm1.003-1.006a.625.625 0 0 0-.883-.884l-.121.121.884.884.12-.121z" /> </g> <defs> <clipPath id="a"> <path fill="#fff" d="M0 0h16v16H0z" /> </clipPath> </defs> </svg> </div> ); }; export const StyleIcon = () => { return ( <div className="sp-easy-accordion-block-icon"> <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none"> <g clipPath="url(#a)"> <path d="M8 5.625zm.368.023L12.626.749a1.86 1.86 0 0 1 2.601-.391 1.86 1.86 0 0 1 .75 1.224c.078.495-.041.99-.335 1.395l-4.589 5.286a3.14 3.14 0 0 1-.871 2.709c-1.171 1.178-2.492 1.34-3.746 1.34-1.762 0-3.163-1.059-3.222-1.104a.624.624 0 0 1 .15-1.077c.909-.361 1.128-.989 1.405-1.784.208-.595.443-1.27 1.011-1.814A3.21 3.21 0 0 1 8 5.625c.118.001.252.008.368.023zM9.63 6.1a3.18 3.18 0 0 1 .551.444 3.13 3.13 0 0 1 .348.416l4.114-4.736a.62.62 0 0 0 .099-.447.62.62 0 0 0-.25-.408.62.62 0 0 0-.873.138L9.63 6.1zm-.335 1.325a1.823 1.823 0 0 0-1.286-.55 1.958 1.958 0 0 0-1.365.561c-.351.336-.51.793-.695 1.322-.218.625-.473 1.358-1.126 1.935.436.192 1.003.369 1.613.369 1.169 0 2.055-.162 2.859-.972a1.895 1.895 0 0 0 0-2.666zm6.08-1.988a.625.625 0 0 0-.625.625V10.5a.63.63 0 0 0 1.25 0V6.062a.625.625 0 0 0-.625-.625zm0 7.437a.625.625 0 0 0-.625.625 1.25 1.25 0 0 1-1.25 1.25h-11a1.25 1.25 0 0 1-1.25-1.25v-11A1.25 1.25 0 0 1 2.5 1.25h7.844c.829-.033.829-1.217 0-1.25H2.5A2.503 2.503 0 0 0 0 2.5v11C0 14.878 1.121 16 2.5 16h11c1.378 0 2.5-1.121 2.5-2.5a.625.625 0 0 0-.625-.625z" /> </g> <defs> <clipPath id="a"> <path fill="#fff" d="M0 0h16v16H0z" /> </clipPath> </defs> </svg> </div> ); }; export const AdvancedIcon = () => { return ( <div className="sp-easy-accordion-block-icon"> <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16}> <g clipPath="url(#a)"> <path d="m14.666 6.667-1.6-.267c-.088-.267-.177-.533-.355-.8l.889-1.333c.178-.178.089-.445-.09-.623L12.267 2.4c-.088-.178-.355-.178-.533 0l-1.333.889c-.267-.178-.534-.267-.8-.356l-.267-1.6C9.244 1.067 9.066.89 8.89.89H7.11a.801.801 0 0 0-.533.533L6.31 2.933c-.267.09-.533.267-.8.356L4.178 2.4a.43.43 0 0 0-.623 0L2.311 3.733c-.178.09-.178.356 0 .623L3.2 5.689c-.09.178-.267.444-.356.8l-1.51.178c-.268.089-.445.266-.445.533v1.778c0 .266.177.444.444.444l1.6.267c.089.267.178.533.356.8l-.89 1.333c-.266.178-.266.445-.088.622l1.333 1.334a.547.547 0 0 0 .622.089l1.334-.89c.266.179.533.267.8.356l.266 1.6c.09.267.267.445.445.445h1.778c.266 0 .444-.178.444-.445l.267-1.6c.266-.089.533-.177.8-.355l1.333.889c.178.177.445.089.622-.09l1.245-1.244a.547.547 0 0 0 .089-.622l-.89-1.333c.179-.267.267-.534.356-.8l1.6-.267c.267-.089.445-.267.445-.444V7.289c-.09-.356-.267-.533-.534-.622Zm-6.666 4a2.58 2.58 0 0 1-2.578-2.578A2.58 2.58 0 0 1 8 5.51a2.58 2.58 0 0 1 2.578 2.578A2.58 2.58 0 0 1 8 10.667Z" /> </g> <defs> <clipPath id="a"> <path d="M0 0h16v16H0z" /> </clipPath> </defs> </svg> </div> ); }; export const TransparentIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none"> <path fill="#CCC" d="M0 2a2 2 0 0 1 2-2h2v4H0V2Z" /> <path fill="#8C8F94" d="M4 0h4v4H4z" /> <path fill="#CCC" d="M8 0h4v4H8z" /> <path fill="#8C8F94" d="M12 0h2a2 2 0 0 1 2 2v2h-4V0ZM0 4h4v4H0z" /> <path fill="#CCC" d="M4 4h4v4H4z" /> <path fill="#8C8F94" d="M8 4h4v4H8z" /> <path fill="#CCC" d="M12 4h4v4h-4zM0 8h4v4H0z" /> <path fill="#8C8F94" d="M4 8h4v4H4z" /> <path fill="#CCC" d="M8 8h4v4H8z" /> <path fill="#8C8F94" d="M12 8h4v4h-4zM0 12h4v4H2a2 2 0 0 1-2-2v-2Z" /> <path fill="#CCC" d="M4 12h4v4H4z" /> <path fill="#8C8F94" d="M8 12h4v4H8z" /> <path fill="#CCC" d="M12 12h4v2a2 2 0 0 1-2 2h-2v-4Z" /> </svg> ); export const BgIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none"> <rect width={16} height={16} fill="#8C8F94" rx={2} /> </svg> ); export const GradientIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" width={17} height={17} style={{ enableBackground: "new 0 0 17 16", }} viewBox="0 0 17 16" > <path d="M16.9 14V2c0-1.1-.9-2-2-2h-12c-.5 0-1 .2-1.4.6l14.8 14.8c.4-.4.6-.9.6-1.4z" style={{ fill: "#ccc", }} /> <path d="M1.5.6C1.2.9.9 1.4.9 2v12c0 1.1.9 2 2 2h12c.6 0 1.1-.2 1.4-.6L1.5.6z" style={{ fill: "#8c8f94", }} /> </svg> ); export const Image = () => ( <svg xmlns="http://www.w3.org/2000/svg" xmlSpace="preserve" id="Layer_1" x={0} y={0} width={16} height={16} style={{ enableBackground: "new 0 0 16 16", }} viewBox="0 0 16 16" > <style>{".st0{fill:#8c8f94}"}</style> <path d="M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM2 1.3h12c.4 0 .7.3.7.7v11.4l-2.3-2.9c-.2-.3-.6-.3-.8 0l-.9 1.2-3.3-3.3c-.2-.2-.5-.2-.7 0l-5.3 5.3V2c-.1-.4.2-.7.6-.7z" className="st0" /> <circle cx={11} cy={5} r={2} className="st0" /> </svg> ); export const Video = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} fill="none"> <path fill="#8C8F94" d="M13.956 0H2.044A2.012 2.012 0 0 0 0 2.044v11.912C0 15.11.889 16 2.044 16h11.912A2.012 2.012 0 0 0 16 13.956V2.044A2.012 2.012 0 0 0 13.956 0Zm.71 13.956c0 .355-.355.71-.71.71H2.044c-.355 0-.71-.355-.71-.71V2.044c0-.355.355-.71.71-.71h11.912c.355 0 .71.355.71.71v11.912Zm-8.444-3.29L10.667 8 6.222 5.333v5.334Z" /> </svg> ); export const LeftIconTwo = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="#fff"> <path fill="#1E1E1E" stroke="#1E1E1E" d="M19.5 11.8v.5h-15v-.5h15Zm-3.6 7v.5H4.5v-.5h11.4ZM4.5 4.8h15v.5h-15v-.5Z" /> </svg> ); export const LogoIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={154} height={24} fill="none"> <g fill="#fff"> <path d="M31.377 20.089V1.422h7.29v1.956h-4.623v6.044h3.378v1.956h-3.378v6.666h4.622V20h-7.289v.089ZM42.577 20.267a2.452 2.452 0 0 1-1.866-.978 3.182 3.182 0 0 1-.8-2.134c-.02-.611.102-1.22.355-1.777a5.13 5.13 0 0 1 .711-1.245 5.467 5.467 0 0 1 1.245-.977c.622-.356.978-.534 1.333-.712.493-.232.998-.44 1.511-.622a.33.33 0 0 1 .267-.089v-.978a3.999 3.999 0 0 0-.267-1.6c-.178-.444-.533-.533-1.066-.533a1.147 1.147 0 0 0-.978.445c-.206.416-.327.87-.356 1.333v.355H40a4.178 4.178 0 0 1 1.066-3.022A4.019 4.019 0 0 1 44 6.578a3.698 3.698 0 0 1 2.933 1.155A4.33 4.33 0 0 1 48 10.755V16.8a11.89 11.89 0 0 0 .355 3.378H45.69l-.356-1.956c-.178.267-.267.534-.356.622a5.448 5.448 0 0 1-.355.534l-.533.533a1.43 1.43 0 0 1-.623.356 2.976 2.976 0 0 1-.889 0Zm1.334-2.223a1.26 1.26 0 0 0 .533-.177c.169-.09.32-.211.444-.356.178-.178.178-.267.356-.444a.09.09 0 0 1 .026-.063.09.09 0 0 1 .063-.026v-3.645c-.17.13-.349.248-.533.356a5.104 5.104 0 0 1-.623.355c-.198.121-.378.271-.533.445l-.533.533c-.178.178-.178.356-.356.622-.141.209-.204.46-.178.711 0 1.156.445 1.69 1.334 1.69ZM53.689 20.267a3.938 3.938 0 0 1-2.667-.978 4.266 4.266 0 0 1-1.333-2.578l1.955-.71c.445 1.332 1.156 1.955 1.956 1.955a1.225 1.225 0 0 0 1.333-1.334 1.671 1.671 0 0 0-.711-1.51l-2.667-1.956a4.92 4.92 0 0 1-.71-.534 4.1 4.1 0 0 1-.623-.622c-.2-.267-.35-.568-.444-.889a4.441 4.441 0 0 1-.178-1.067 3.048 3.048 0 0 1 1.066-2.577 4.8 4.8 0 0 1 2.934-.89 5.03 5.03 0 0 1 1.6.268c.45.158.849.434 1.155.8l.8 1.066c.24.409.392.863.445 1.333l-1.956.712a6.13 6.13 0 0 0-.266-.712 3.858 3.858 0 0 1-.356-.622c-.089-.266-.355-.355-.622-.533a1.067 1.067 0 0 0-.711-.178 1.227 1.227 0 0 0-1.334 1.333 1.306 1.306 0 0 0 .712 1.156l2.666 1.956c.267.266.533.444.8.71.25.232.46.502.622.8.185.309.334.637.445.979.109.375.169.764.178 1.155a3.05 3.05 0 0 1-1.067 2.578 5.084 5.084 0 0 1-3.022.889ZM59.023 23.378v-1.956c.416.026.835-.004 1.244-.088.26-.064.504-.185.711-.356a.81.81 0 0 0 .267-.622c0-.267.089-.534.089-.89L58.31 6.757h2.667c1.067 5.689 1.6 8.8 1.69 9.333.177-.978.266-1.955.532-2.933.267-.978.356-2.223.623-3.467.266-1.244.444-2.222.533-2.933h2.667L63.645 20.8a2.747 2.747 0 0 1-1.422 2.045c-.945.44-1.98.653-3.023.622l-.177-.09ZM71.734 20.089l4-18.667H78.4l4 18.667h-2.666l-.978-4.622h-3.378l-.978 4.622h-2.666Zm4-6.667H78.4l-1.333-8-1.333 8ZM87.111 20.267a3.386 3.386 0 0 1-1.689-.356 6.489 6.489 0 0 1-1.155-.8 3.734 3.734 0 0 1-.711-1.333c-.16-.523-.28-1.058-.356-1.6a11.932 11.932 0 0 1-.089-1.867v-1.778c0-.71.09-1.333.09-1.866a5.19 5.19 0 0 1 .355-1.6c.163-.48.404-.93.71-1.334.291-.383.696-.663 1.156-.8a5.2 5.2 0 0 1 1.69-.355 3.556 3.556 0 0 1 3.022 1.155 5.271 5.271 0 0 1 .977 3.378v.356h-2.666v-.356c.019-.3-.011-.6-.09-.889-.088-.266-.088-.533-.177-.71-.089-.179-.178-.445-.444-.534-.225-.101-.466-.161-.712-.178-.26.008-.51.102-.71.267a1.006 1.006 0 0 0-.445.71 3.917 3.917 0 0 0-.178.89c0 .266-.089.622-.089 1.066v3.911c-.018.329.012.658.09.978.088.267.088.534.177.8.095.24.248.454.444.622a.746.746 0 0 0 .623.178c.219-.005.433-.066.622-.178a.693.693 0 0 0 .355-.355.95.95 0 0 0 .178-.534c0-.266.089-.444.089-.622v-1.066h2.667v.355a5.901 5.901 0 0 1-.267 1.867 4.275 4.275 0 0 1-.711 1.422c-.312.42-.747.73-1.245.889-.48.19-.994.28-1.51.267ZM96.089 20.267a3.386 3.386 0 0 1-1.689-.356 6.492 6.492 0 0 1-1.155-.8 3.74 3.74 0 0 1-.712-1.333c-.16-.523-.279-1.058-.355-1.6a11.92 11.92 0 0 1-.089-1.867v-1.778c0-.71.089-1.333.089-1.866a5.181 5.181 0 0 1 .356-1.6c.163-.48.403-.93.71-1.334a2.26 2.26 0 0 1 1.156-.8 5.203 5.203 0 0 1 1.689-.355 3.558 3.558 0 0 1 3.022 1.155 5.272 5.272 0 0 1 .978 3.378v.356h-2.667v-.356c.02-.3-.01-.6-.088-.889-.09-.266-.09-.533-.178-.71-.09-.179-.178-.445-.445-.534-.225-.101-.465-.161-.71-.178-.26.008-.51.102-.712.267a1.001 1.001 0 0 0-.444.71 3.933 3.933 0 0 0-.178.89c0 .266-.09.622-.09 1.066v3.911c-.018.329.013.658.09.978.089.267.089.534.178.8.095.24.248.454.444.622a.745.745 0 0 0 .622.178c.22-.005.434-.066.623-.178a.69.69 0 0 0 .355-.355.95.95 0 0 0 .178-.534c0-.266.089-.444.089-.622v-1.066h2.666v.355a5.907 5.907 0 0 1-.266 1.867 4.28 4.28 0 0 1-.711 1.422c-.312.42-.747.73-1.245.889-.48.19-.994.28-1.511.267ZM108.533 19.022a4.515 4.515 0 0 1-6.222 0 5.964 5.964 0 0 1-.889-3.644v-4a6.15 6.15 0 0 1 .889-3.645c.622-.888 1.6-1.244 3.111-1.244a3.642 3.642 0 0 1 3.111 1.244 5.964 5.964 0 0 1 .889 3.645v4a5.424 5.424 0 0 1-.889 3.644Zm-3.555-1.066c.346.118.721.118 1.066 0 .178-.09.267-.09.356-.178.109-.101.2-.222.267-.356.089-.178.089-.266.177-.444a.953.953 0 0 0 .089-.534v-6.133a.953.953 0 0 0-.089-.533c-.088-.178-.088-.267-.177-.445a1.252 1.252 0 0 0-.267-.355.471.471 0 0 0-.356-.178c-.177 0-.266-.089-.533-.089a.957.957 0 0 0-.533.09c-.178.088-.267.088-.356.177-.11.101-.2.222-.266.355-.089.178-.089.267-.178.445a.962.962 0 0 0-.089.533v6.134a.962.962 0 0 0 .089.533c.089.178.089.266.178.444.066.134.156.255.266.356a.465.465 0 0 0 .356.178ZM111.645 20.089V6.756h2.666v1.777a4.307 4.307 0 0 1 1.156-1.422 2.497 2.497 0 0 1 1.689-.622h.444v2.933a4.51 4.51 0 0 0-1.511-.266 1.828 1.828 0 0 0-1.333.533 1.822 1.822 0 0 0-.534 1.333V20h-2.577v.089ZM121.867 20.267a2.239 2.239 0 0 1-1.511-.534 2.909 2.909 0 0 1-.978-1.333c-.23-.575-.409-1.17-.533-1.778-.108-.646-.167-1.3-.178-1.955v-2.4a5.408 5.408 0 0 1 .089-1.245c.089-.355.089-.8.178-1.155.088-.356.177-.8.266-1.067.112-.313.262-.611.445-.889.158-.276.369-.517.622-.71.246-.182.515-.332.8-.445a3.315 3.315 0 0 1 1.067-.178c.269-.015.539.015.8.089.26.063.504.185.711.355.177.178.444.356.533.445l.533.533V1.422h2.667V20.09h-2.667v-1.244c-.369.38-.788.708-1.244.977a3.326 3.326 0 0 1-1.6.445Zm.711-2.222a5.2 5.2 0 0 0 1.956-.445V9.245a3.807 3.807 0 0 0-1.956-.534 2.088 2.088 0 0 0-.711.178c-.267.089-.356.356-.445.533a2.102 2.102 0 0 0-.177.8c0 .267-.089.534-.089.89v3.733a4.62 4.62 0 0 0 .089 1.155c.089.356.089.711.177.978.095.267.247.51.445.711.184.204.437.33.711.356ZM129.867 4.71V2.045h2.667v2.667h-2.667Zm0 15.379V6.755h2.667V20.09h-2.667ZM141.867 19.022a4.517 4.517 0 0 1-6.223 0 5.964 5.964 0 0 1-.889-3.644v-4a6.15 6.15 0 0 1 .889-3.645c.623-.888 1.6-1.244 3.111-1.244a3.642 3.642 0 0 1 3.112 1.244 5.963 5.963 0 0 1 .888 3.645v4a5.423 5.423 0 0 1-.888 3.644Zm-3.556-1.066c.346.118.721.118 1.067 0 .177-.09.266-.09.355-.178.11-.101.2-.222.267-.356.089-.177.089-.266.178-.444a.962.962 0 0 0 .089-.533V10.31a.962.962 0 0 0-.089-.533c-.089-.178-.089-.267-.178-.445a1.233 1.233 0 0 0-.267-.355.462.462 0 0 0-.355-.178c-.178 0-.267-.089-.534-.089a.957.957 0 0 0-.533.09c-.178.088-.267.088-.356.177-.11.101-.2.222-.266.355-.089.178-.089.267-.178.445a.962.962 0 0 0-.089.533v6.134a.962.962 0 0 0 .089.533c.089.178.089.267.178.444.066.134.156.255.266.356a.466.466 0 0 0 .356.178ZM144.978 20.089V6.756h2.667v1.422c.299-.298.627-.566.978-.8a5.944 5.944 0 0 1 1.066-.534 3.69 3.69 0 0 1 1.423-.266 1.783 1.783 0 0 1 1.422.622c.358.42.548.959.533 1.511V20.09H150.4V10.044a2.39 2.39 0 0 0-.177-.977.89.89 0 0 0-.8-.356 2.082 2.082 0 0 0-.711.178c-.186.07-.366.16-.534.267-.169.09-.319.21-.444.355V20.09h-2.756ZM0 6.023v12.045h24V6.023H0Zm22.54 10.494H1.552v-6.023H22.54v6.023ZM0 0h24v4.471H0V0ZM0 19.528h24V24H0v-4.472Z" /> </g> <defs> <clipPath id="a"> <path fill="#fff" d="M0 0h154v24H0z" /> </clipPath> </defs> </svg> ); /** * responsive component device icons. */ export const DesktopIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={14} height={12} fill="none"> <path d="M12.714 0H1.286C.655 0 .143.504.143 1.125v7.5c0 .621.512 1.125 1.143 1.125h4.571l-.38 1.125H3.761a.566.566 0 0 0-.571.563c0 .311.254.562.571.562h6.476c.317 0 .572-.25.572-.563a.566.566 0 0 0-.572-.562H8.524l-.38-1.125h4.57c.631 0 1.143-.504 1.143-1.125v-7.5C13.857.504 13.346 0 12.714 0Zm-.38 8.25H1.667V1.5h10.667v6.75Z" /> </svg> ); export const TabletIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={12} height={12} fill="none"> <path d="M9.428 0H2.571C1.623 0 .857.67.857 1.5v9c0 .83.766 1.5 1.714 1.5h6.857c.949 0 1.715-.67 1.715-1.5v-9c0-.83-.766-1.5-1.715-1.5ZM7.143 11H4.857v-.5h2.286v.5Zm3-1.5H1.857v-8h8.286v8Z" /> </svg> ); export const MobileIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={8} height={12} fill="none"> <path d="M6.286 0H1.714C1.082 0 .571.67.571 1.5v9c0 .83.51 1.5 1.143 1.5h4.572c.632 0 1.142-.67 1.142-1.5v-9c0-.83-.51-1.5-1.142-1.5ZM4.762 11H3.238v-.5h1.524v.5Zm2-1.5H1.238v-8h5.524v8Z" /> </svg> ); // Space Control Icon. export const SpacingControlIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none"> <path fill="#2F2F2F" d="M8.4 16.7h.7l-1.6 3.5.9.4 3.9-8.5H15v-1.5h-2l1.3-2.8h1.3c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.9 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2H15l1.4-3.2-.9-.4-5.7 12.5H8.4c-2 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7H10V6.3H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.4 5.2 5.2 5.2Z" /> </svg> ); // Space Control Icon. export const SpacingControlActiveIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none"> <path fill="#fff" d="M8.4 16.8H10v-1.5H8.4c-2 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7H10V6.4H8.4c-2.8 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2Zm10.9-5.2c0 2-1.7 3.7-3.7 3.7H14v1.5h1.6c2.9 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2H14v1.5h1.6c2 0 3.7 1.7 3.7 3.7Zm-4.6-.9H9.4v1.5h5.3v-1.5Z" /> </svg> ); /** * multi select with dnd component icons */ export const DeleteIcon = () => { return ( <svg xmlns="http://www.w3.org/2000/svg" width={8} height={8} fill="none"> <path fill="#2F2F2F" d="M4 4.778 6.722 7.5l.778-.778L4.778 4 7.5 1.278 6.722.5 4 3.222 1.278.5.5 1.278 3.222 4 .5 6.722l.778.778L4 4.778Z" /> </svg> ); }; export const ArrowIconOne = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} aria-hidden="true" className=""> <path d="M17.5 11.6 12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z" /> </svg> ); export const ArrowIconTwo = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} aria-hidden="true"> <path d="M6.5 12.4 12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z" /> </svg> ); export const RadiusIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width="9" height="9" fill="none" viewBox="0 0 9 9"> <path stroke="#2F2F2F" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M1 8V1h7"></path> </svg> ); /** * Typography icons. */ export const DecorationNone = () => { return ( <svg xmlns="http://www.w3.org/2000/svg" width={25} height={24} fill="none"> <path d="M10.85 19V8.632H7.288V6.4h9.432v2.232h-3.564V19H10.85Z" /> </svg> ); }; export const DecorationUnderline = () => { return ( <svg xmlns="http://www.w3.org/2000/svg" width={25} height={24} fill="none"> <path d="M9.117 14.752C9.872 15.584 11 16 12.5 16s2.622-.416 3.367-1.248C16.622 13.91 17 12.73 17 11.21V5h-1.474v5.808c0 1.171-.212 2.11-.636 2.82-.425.698-1.221 1.047-2.39 1.047s-1.966-.35-2.39-1.048c-.424-.698-.636-1.638-.636-2.819V5H8v6.209c0 1.52.372 2.7 1.117 3.543ZM7.5 18v1h10v-1h-10Z" /> </svg> ); }; export const DecorationLineThrough = () => { return ( <svg xmlns="http://www.w3.org/2000/svg" width={25} height={24} fill="none"> <path fillRule="evenodd" d="M11.904 19c-.795 0-1.603-.09-2.423-.27-.82-.166-1.481-.365-1.981-.595l.25-1.943c.641.308 1.365.577 2.173.808.808.23 1.61.346 2.404.346.897 0 1.59-.16 2.077-.48.5-.334.75-.828.75-1.481 0-.488-.128-.891-.385-1.212-.243-.333-.609-.609-1.096-.827a9.075 9.075 0 0 0-.83-.346H4.5v-1h16v1h-4.094c.499.587.748 1.337.748 2.25 0 1.18-.442 2.103-1.327 2.77-.885.653-2.192.98-3.923.98ZM7.59 9a4.884 4.884 0 0 1-.013-.365c0-1.09.417-1.968 1.25-2.635.846-.667 2.032-1 3.558-1 .82 0 1.596.09 2.326.27.744.179 1.392.397 1.943.653l-.192 1.942c-.718-.423-1.41-.73-2.077-.923a7.456 7.456 0 0 0-2.077-.288c-.834 0-1.5.154-2 .461-.487.308-.731.782-.731 1.423 0 .165.016.32.047.462H7.59Z" clipRule="evenodd" /> </svg> ); }; export const DecorationOverLine = () => { return ( <svg xmlns="http://www.w3.org/2000/svg" width={25} height={24} fill="none"> <path d="M7.115 4.538h10.77v1.077H7.114V4.538ZM17.347 13.174v.729c0 .865-.114 1.641-.34 2.328-.226.686-.552 1.27-.976 1.75-.425.48-.936.847-1.532 1.1-.59.254-1.252.38-1.986.38a4.962 4.962 0 0 1-1.962-.38 4.4 4.4 0 0 1-1.54-1.1c-.43-.48-.764-1.064-1-1.75-.238-.687-.357-1.463-.357-2.328v-.729c0-.866.116-1.639.348-2.32.237-.686.571-1.27 1.001-1.75.43-.486.941-.855 1.532-1.109a4.962 4.962 0 0 1 1.961-.38c.734 0 1.396.127 1.987.38a4.184 4.184 0 0 1 1.531 1.11c.43.48.759 1.063.985 1.75.232.68.348 1.453.348 2.32Zm-1.581.729v-.745c0-.686-.075-1.293-.224-1.82-.143-.529-.356-.972-.637-1.331a2.726 2.726 0 0 0-1.035-.816 3.26 3.26 0 0 0-1.374-.277c-.496 0-.946.092-1.349.277-.397.185-.74.457-1.026.816-.282.359-.5.802-.654 1.33-.155.528-.232 1.135-.232 1.821v.745c0 .691.077 1.304.232 1.837.154.528.375.974.662 1.338.293.359.637.63 1.035.816a3.2 3.2 0 0 0 1.349.277c.519 0 .98-.093 1.382-.277a2.676 2.676 0 0 0 1.018-.816c.282-.364.494-.81.637-1.338.144-.533.216-1.146.216-1.837Z" /> </svg> ); }; export const TypographyIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={10} height={12} fill="none"> <path d="M7.577 11.256H2.409v-.608c.458 0 .8-.032 1.024-.096a.635.635 0 0 0 .432-.464c.074-.235.112-.592.112-1.072v-7.44h-.832c-.587 0-1.03.064-1.328.192-.288.128-.496.357-.624.688-.128.32-.25.768-.368 1.344H.137L.313.744H9.72L9.865 3.8h-.688c-.118-.576-.246-1.024-.384-1.344-.128-.33-.336-.56-.624-.688-.288-.128-.731-.192-1.328-.192h-.816v7.44c0 .48.037.837.112 1.072.074.235.218.39.432.464.224.064.56.096 1.008.096v.608Z" /> </svg> ); export const VerticalAlignTopIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none"> <path fill="#757575" d="M4.2 4v8.9h1.5V4H4.2Zm15.6 8.9V4h-1.5v8.9h1.5Zm-7-8.9h-1.5v16h1.5V4Z" /> </svg> ); export const VerticalAlignCenterIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none"> <path fill="#757575" d="M19.8 16.4V7.6h-1.5v8.9h1.5v-.1ZM12.8 4h-1.5v16h1.5V4ZM4.2 7.6v8.9h1.5V7.6H4.2Z" /> </svg> ); export const VerticalAlignBottomIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} fill="none"> <path fill="#757575" d="M19.8 19.8v-8.9h-1.5v8.9h1.5ZM4.2 10.9v8.9h1.5v-8.9H4.2Zm7 8.9h1.5v-16h-1.5v16Z" /> </svg> ); export const ArrowUpRight = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={14} height={14} viewBox="0 0 14 14" fill="none"> <path d="M4.55469 10.3882C4.29434 10.6485 3.87168 10.6485 3.61133 10.3882C3.35125 10.1279 3.35136 9.70612 3.61133 9.4458L4.55469 10.3882ZM10.5831 9.9165C10.5831 10.2847 10.2842 10.5835 9.91602 10.5835C9.54798 10.5833 9.25 10.2846 9.25 9.9165V5.69287L4.55469 10.3882L4.08301 9.9165L3.61133 9.4458L8.30664 4.75049H4.08301C3.71482 4.75049 3.41602 4.45168 3.41602 4.08349C3.41602 3.7153 3.71482 3.4165 4.08301 3.4165H9.91602C10.2842 3.4165 10.5831 3.7153 10.5831 4.08349V9.9165Z" fill="#2271b1" /> </svg> ); export const InfoIcon = () => ( <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 1200 1200"> <path fill="#aaa" d="M198 198c-222 222-222 582 0 804s582 222 804 0 222-582 0-804-582-222-804 0zm712.8 712.8c-171.6 171.6-451.2 171.6-622.8 0-171.6-171.6-171.6-451.2 0-622.8s451.2-171.6 622.8 0c172.8 172.8 172.8 451.2 0 622.8zM535.2 357.6c0-48 39.602-86.398 87.602-86.398s86.398 39.602 85.199 87.602c0 48-39.602 87.602-86.398 86.398-48-.004-87.602-39.602-86.402-87.602zm210 499.2c-2.398 7.2-7.2 15.602-12 20.398-31.199 32.398-69.602 50.398-114 51.602-21.602 0-42 0-63.602-3.602-34.801-4.8-79.199-48-72-93.602 4.8-31.199 9.602-62.398 14.398-93.602 9.602-54 19.199-108 28.801-162 0-3.601 1.2-7.199 1.2-10.8 0-22.802-7.2-31.2-30-33.603-9.602-1.199-19.2-2.398-28.802-4.8-10.8-3.602-15.602-13.2-15.602-21.602 1.2-9.602 7.2-15.602 19.2-18 6-1.2 13.198-1.2 19.198-1.2h163.2c20.397 0 32.397 9.602 32.397 30 0 16.801-2.398 33.602-6 50.398-10.8 62.398-22.8 123.6-33.602 186-3.601 20.398-8.398 40.801-10.8 61.2-1.2 9.601 0 20.397 2.398 30 3.601 13.198 13.199 20.397 26.398 18 10.8-1.2 21.602-4.801 32.398-9.602 8.398-3.602 15.602-9.602 24-12 15.617-5.988 26.418 3.613 22.816 16.812z" /> </svg> ); export const DndIndicatorIcon = () => ( <svg width={16} height={16} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.618 2.431a1.627 1.627 0 1 1-3.253 0 1.627 1.627 0 0 1 3.253 0" fill="#949494" /> <path d="M6.463 2.43a1.48 1.48 0 0 1-.966 1.382 1.49 1.49 0 0 1-1.64-.449 1.48 1.48 0 0 1-.12-1.698A1.48 1.48 0 0 1 5.275.987a1.49 1.49 0 0 1 1.189 1.444c.001.201.314.201.312 0A1.81 1.81 0 0 0 5.6.754a1.79 1.79 0 0 0-1.976.538 1.8 1.8 0 0 0-.155 2.062c.39.642 1.155.969 1.889.822.82-.166 1.412-.916 1.419-1.745 0-.202-.313-.202-.314 0m.155 5.571a1.627 1.627 0 1 1-3.253 0 1.627 1.627 0 0 1 3.253 0" fill="#949494" /> <path d="M6.463 8a1.48 1.48 0 0 1-.966 1.382 1.49 1.49 0 0 1-1.64-.448 1.48 1.48 0 0 1-.12-1.699 1.48 1.48 0 0 1 1.537-.678 1.49 1.49 0 0 1 1.189 1.444c.001.201.314.201.312 0A1.81 1.81 0 0 0 5.6 6.324a1.79 1.79 0 0 0-1.976.538 1.8 1.8 0 0 0-.155 2.062c.39.643 1.155.97 1.889.822.82-.165 1.412-.915 1.419-1.745 0-.202-.313-.202-.314 0m.155 5.571a1.627 1.627 0 1 1-3.253 0 1.627 1.627 0 0 1 3.253 0" fill="#949494" /> <path d="M6.463 13.571a1.48 1.48 0 0 1-.966 1.381 1.49 1.49 0 0 1-1.64-.448 1.48 1.48 0 0 1-.12-1.698 1.48 1.48 0 0 1 1.537-.678 1.49 1.49 0 0 1 1.189 1.443c.001.202.314.202.312 0A1.81 1.81 0 0 0 5.6 11.895a1.79 1.79 0 0 0-1.976.537 1.8 1.8 0 0 0-.155 2.063c.39.642 1.155.968 1.889.822.82-.166 1.412-.916 1.419-1.746 0-.201-.313-.201-.314 0m6.171-11.14a1.626 1.626 0 1 1-3.253 0 1.626 1.626 0 0 1 3.253 0" fill="#949494" /> <path d="M12.478 2.43a1.48 1.48 0 0 1-.965 1.382 1.49 1.49 0 0 1-1.641-.449 1.48 1.48 0 0 1-.119-1.698A1.48 1.48 0 0 1 11.29.987a1.49 1.49 0 0 1 1.19 1.444c0 .201.313.201.312 0A1.81 1.81 0 0 0 11.616.754a1.79 1.79 0 0 0-1.977.538 1.8 1.8 0 0 0-.154 2.062c.39.642 1.154.969 1.889.822.82-.166 1.412-.916 1.418-1.745 0-.202-.312-.202-.314 0m.156 5.571a1.626 1.626 0 1 1-3.253 0 1.626 1.626 0 0 1 3.253 0" fill="#949494" /> <path d="M12.478 8a1.48 1.48 0 0 1-.965 1.382 1.49 1.49 0 0 1-1.641-.448 1.48 1.48 0 0 1-.119-1.699 1.48 1.48 0 0 1 1.536-.678 1.49 1.49 0 0 1 1.19 1.444c0 .201.313.201.312 0a1.81 1.81 0 0 0-1.175-1.677 1.79 1.79 0 0 0-1.977.538 1.8 1.8 0 0 0-.154 2.062c.39.643 1.154.97 1.889.822.82-.165 1.412-.915 1.418-1.745 0-.202-.312-.202-.314 0m.156 5.571a1.627 1.627 0 1 1-3.253 0 1.627 1.627 0 0 1 3.253 0" fill="#949494" /> <path d="M12.478 13.571a1.48 1.48 0 0 1-.965 1.381 1.49 1.49 0 0 1-1.641-.448 1.48 1.48 0 0 1-.119-1.698 1.48 1.48 0 0 1 1.536-.678 1.49 1.49 0 0 1 1.19 1.443c0 .202.313.202.312 0a1.81 1.81 0 0 0-1.175-1.676 1.79 1.79 0 0 0-1.977.537 1.8 1.8 0 0 0-.154 2.063c.39.642 1.154.968 1.889.822.82-.166 1.412-.916 1.418-1.746 0-.201-.312-.201-.314 0" fill="#949494" /> </svg> );
💾 Save Changes
❌ Cancel