css.gg/icons/all.json

Minimalistic Icon library Designed by code.

{"abstract":[[{"nr":1,"name":"abstract","css":".gg-abstract{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;transform:scale(var(--ggs,1));border-right:3px solid;border-top:3px solid}.gg-abstract::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;left:0;bottom:0;border:3px solid;border-radius:12px}","markup":"<i class=\"gg-abstract\"><\/i>","standard":"<link href='https:\/\/css.gg\/abstract.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/abstract.css');","json":"https:\/\/css.gg\/json?=abstract","xml":"https:\/\/css.gg\/xml?=abstract","svg_link":"https:\/\/css.gg\/abstract.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#abstract'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path d=\"M5 5H19V19H16L16 8H5V5Z\" fill=\"currentColor\" \/>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M10 19C12.7614 19 15 16.7614 15 14C15 11.2386 12.7614 9 10 9C7.23858 9 5 11.2386 5 14C5 16.7614 7.23858 19 10 19ZM10 16C11.1046 16 12 15.1046 12 14C12 12.8954 11.1046 12 10 12C8.89543 12 8 12.8954 8 14C8 15.1046 8.89543 16 10 16Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAbstract = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    width: 14px;\n    height: 14px;\n    transform: scale(var(--ggs, 1));\n    border-right: 3px solid;\n    border-top: 3px solid;\n  }\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    left: 0;\n    bottom: 0;\n    border: 3px solid;\n    border-radius: 12px;\n  }\n`\n\nexport const Abstract = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAbstract {...props} ref={ref} icon-role=\"abstract\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"add-r":[[{"nr":2,"name":"add-r","css":".gg-add-r{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;border:2px solid;transform:scale(var(--ggs,1));border-radius:4px}.gg-add-r::after,.gg-add-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}.gg-add-r::after{width:2px;height:10px;top:4px;left:8px}","markup":"<i class=\"gg-add-r\"><\/i>","standard":"<link href='https:\/\/css.gg\/add-r.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/add-r.css');","json":"https:\/\/css.gg\/json?=add-r","xml":"https:\/\/css.gg\/xml?=add-r","svg_link":"https:\/\/css.gg\/add-r.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#add-r'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    d=\"M12 6C12.5523 6 13 6.44772 13 7V11H17C17.5523 11 18 11.4477 18 12C18 12.5523 17.5523 13 17 13H13V17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17V13H7C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11H11V7C11 6.44772 11.4477 6 12 6Z\"\n    fill=\"currentColor\"\n  \/>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M5 22C3.34315 22 2 20.6569 2 19V5C2 3.34315 3.34315 2 5 2H19C20.6569 2 22 3.34315 22 5V19C22 20.6569 20.6569 22 19 22H5ZM4 19C4 19.5523 4.44772 20 5 20H19C19.5523 20 20 19.5523 20 19V5C20 4.44772 19.5523 4 19 4H5C4.44772 4 4 4.44772 4 5V19Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>\n","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAddR = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    width: 22px;\n    height: 22px;\n    border: 2px solid;\n    transform: scale(var(--ggs, 1));\n    border-radius: 4px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    width: 10px;\n    height: 2px;\n    background: currentColor;\n    border-radius: 5px;\n    top: 8px;\n    left: 4px;\n  }\n  &::after {\n    width: 2px;\n    height: 10px;\n    top: 4px;\n    left: 8px;\n  }\n`\n\nexport const AddR = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAddR {...props} ref={ref} icon-role=\"add-r\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"add":[[{"nr":3,"name":"add","css":".gg-add{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;border:2px solid;transform:scale(var(--ggs,1));border-radius:22px}.gg-add::after,.gg-add::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}.gg-add::after{width:2px;height:10px;top:4px;left:8px}","markup":"<i class=\"gg-add\"><\/i>","standard":"<link href='https:\/\/css.gg\/add.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/add.css');","json":"https:\/\/css.gg\/json?=add","xml":"https:\/\/css.gg\/xml?=add","svg_link":"https:\/\/css.gg\/add.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#add'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12ZM12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\"\n    fill=\"currentColor\"\n  \/>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M13 7C13 6.44772 12.5523 6 12 6C11.4477 6 11 6.44772 11 7V11H7C6.44772 11 6 11.4477 6 12C6 12.5523 6.44772 13 7 13H11V17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17V13H17C17.5523 13 18 12.5523 18 12C18 11.4477 17.5523 11 17 11H13V7Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>\n","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAdd = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    width: 22px;\n    height: 22px;\n    border: 2px solid;\n    transform: scale(var(--ggs, 1));\n    border-radius: 22px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    width: 10px;\n    height: 2px;\n    background: currentColor;\n    border-radius: 5px;\n    top: 8px;\n    left: 4px;\n  }\n  &::after {\n    width: 2px;\n    height: 10px;\n    top: 4px;\n    left: 8px;\n  }\n`\n\nexport const Add = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAdd {...props} ref={ref} icon-role=\"add\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"adidas":[[{"nr":4,"name":"adidas","css":".gg-adidas{position:relative;box-sizing:border-box;display:block;width:23px;height:15px;transform:scale(var(--ggs,1));overflow:hidden}.gg-adidas::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:5px;height:18px;background:currentColor;transform:rotate(-30deg);left:4px;bottom:-14px;box-shadow:7px -2px,14px -4px}","markup":"<i class=\"gg-adidas\"><\/i>","standard":"<link href='https:\/\/css.gg\/adidas.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/adidas.css');","json":"https:\/\/css.gg\/json?=adidas","xml":"https:\/\/css.gg\/xml?=adidas","svg_link":"https:\/\/css.gg\/adidas.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#adidas'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    d=\"M1.3294 19L0.731323 17.9641L5.06145 15.4641L7.1029 19H1.3294Z\"\n    fill=\"currentColor\"\n  \/>\n  <path\n    d=\"M15.1858 19H9.4123L5.7935 12.7321L10.1236 10.2321L15.1858 19Z\"\n    fill=\"currentColor\"\n  \/>\n  <path\n    d=\"M23.2687 19H17.4952L10.8557 7.5L15.1858 5L23.2687 19Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>\n","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAdidas = styled.i`\n  & {\n    position: relative;\n    box-sizing: border-box;\n    display: block;\n    width: 23px;\n    height: 15px;\n    transform: scale(var(--ggs, 1));\n    overflow: hidden;\n  }\n  &::before {\n    content: '';\n    position: absolute;\n    box-sizing: border-box;\n    display: block;\n    width: 5px;\n    height: 18px;\n    background: currentColor;\n    transform: rotate(-30deg);\n    left: 4px;\n    bottom: -14px;\n    box-shadow: 7px -2px, 14px -4px;\n  }\n`\n\nexport const Adidas = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAdidas {...props} ref={ref} icon-role=\"adidas\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"airplane":[[{"nr":5,"name":"airplane","css":".gg-airplane{box-sizing:border-box;position:relative;display:block;width:18px;height:18px;transform:scale(var(--ggs,1));background:linear-gradient(to left,currentColor 22px,transparent 0) no-repeat center\/16px 2px,radial-gradient(circle,currentColor 60%,transparent 40%) no-repeat right center\/2px 2px}.gg-airplane::after,.gg-airplane::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:10px;height:8px;border-right:4px solid}.gg-airplane::before{border-top-right-radius:2px;top:0;transform:perspective(10px)rotateX(10deg)skewX(30deg);box-shadow:-4px 3px 0 -2px}.gg-airplane::after{border-bottom-right-radius:2px;bottom:0;transform:perspective(10px)rotateX(-10deg)skewX(-30deg);box-shadow:-4px -3px 0 -2px}","markup":"<i class=\"gg-airplane\"><\/i>","standard":"<link href='https:\/\/css.gg\/airplane.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/airplane.css');","json":"https:\/\/css.gg\/json?=airplane","xml":"https:\/\/css.gg\/xml?=airplane","svg_link":"https:\/\/css.gg\/airplane.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#airplane'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    d=\"M9.00967 5.12761H11.0097C12.1142 5.12761 13.468 5.89682 14.0335 6.8457L16.5089 11H21.0097C21.562 11 22.0097 11.4477 22.0097 12C22.0097 12.5523 21.562 13 21.0097 13H16.4138L13.9383 17.1543C13.3729 18.1032 12.0191 18.8724 10.9145 18.8724H8.91454L12.4138 13H5.42485L3.99036 15.4529H1.99036L4.00967 12L4.00967 11.967L2.00967 8.54712H4.00967L5.44417 11H12.5089L9.00967 5.12761Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAirplane = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    width: 18px;\n    height: 18px;\n    transform: scale(var(--ggs, 1));\n    background: linear-gradient(to left, currentColor 22px, transparent 0) no-repeat center\/16px 2px,\n      radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat right center\/2px 2px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    position: absolute;\n    box-sizing: border-box;\n    width: 10px;\n    height: 8px;\n    border-right: 4px solid;\n  }\n  &::before {\n    border-top-right-radius: 2px;\n    top: 0;\n    transform: perspective(10px) rotateX(10deg) skewX(30deg);\n    box-shadow: -4px 3px 0 -2px;\n  }\n  &::after {\n    border-bottom-right-radius: 2px;\n    bottom: 0;\n    transform: perspective(10px) rotateX(-10deg) skewX(-30deg);\n    box-shadow: -4px -3px 0 -2px;\n  }\n`\n\nexport const Airplane = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAirplane {...props} ref={ref} icon-role=\"airplane\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"alarm":[[{"nr":6,"name":"alarm","css":".gg-alarm{background:linear-gradient( to left,currentColor 5px,transparent 0)no-repeat 4.5px 6px\/5px 2px,linear-gradient( to left,currentColor 7px,transparent 0)no-repeat 4.5px 2px\/2px 6px;box-sizing:border-box;position:relative;display:block;width:16px;height:16px;border-radius:100%;border:2px solid transparent;transform:scale(var(--ggs,1));box-shadow:0 0 0 2px}.gg-alarm::after,.gg-alarm::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:2px;background:currentColor;top:-4px}.gg-alarm::before{left:-5px;transform:rotate(-42deg)}.gg-alarm::after{transform:rotate(42deg);right:-5px}","markup":"<i class=\"gg-alarm\"><\/i>","standard":"<link href='https:\/\/css.gg\/alarm.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/alarm.css');","json":"https:\/\/css.gg\/json?=alarm","xml":"https:\/\/css.gg\/xml?=alarm","svg_link":"https:\/\/css.gg\/alarm.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#alarm'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    d=\"M5.45887 2L1 6.01478L2.33826 7.50107L6.79713 3.48629L5.45887 2Z\"\n    fill=\"currentColor\"\n  \/>\n  <path d=\"M11 8H13V12H16V14H11V8Z\" fill=\"currentColor\" \/>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12ZM5 12C5 8.13401 8.13401 5 12 5C15.866 5 19 8.13401 19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12Z\"\n    fill=\"currentColor\"\n  \/>\n  <path\n    d=\"M18.5411 2L23 6.01478L21.6617 7.50107L17.2029 3.48629L18.5411 2Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>\n","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAlarm = styled.i`\n  & {\n    background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4.5px 6px\/5px\n        2px,\n      linear-gradient(to left, currentColor 7px, transparent 0) no-repeat 4.5px 2px\/2px 6px;\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    width: 16px;\n    height: 16px;\n    border-radius: 100%;\n    border: 2px solid transparent;\n    transform: scale(var(--ggs, 1));\n    box-shadow: 0 0 0 2px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    width: 6px;\n    height: 2px;\n    background: currentColor;\n    top: -4px;\n  }\n  &::before {\n    left: -5px;\n    transform: rotate(-42deg);\n  }\n  &::after {\n    transform: rotate(42deg);\n    right: -5px;\n  }\n`\n\nexport const Alarm = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAlarm {...props} ref={ref} icon-role=\"alarm\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"album":[[{"nr":7,"name":"album","css":".gg-album{box-sizing:border-box;position:relative;display:block;width:18px;height:18px;transform:scale(var(--ggs,1));border-left:7px solid transparent;border-right:3px solid transparent;border-bottom:8px solid transparent;box-shadow:0 0 0 2px,inset 6px 4px 0 -4px,inset -6px 4px 0 -4px;border-radius:3px}.gg-album::after,.gg-album::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:5px;background:currentColor;transform:rotate(46deg);top:5px;right:4px}.gg-album::after{transform:rotate(-46deg);right:2px}","markup":"<i class=\"gg-album\"><\/i>","standard":"<link href='https:\/\/css.gg\/album.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/album.css');","json":"https:\/\/css.gg\/json?=album","xml":"https:\/\/css.gg\/xml?=album","svg_link":"https:\/\/css.gg\/album.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#album'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M2 19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2H5C3.34315 2 2 3.34315 2 5V19ZM20 19C20 19.5523 19.5523 20 19 20H5C4.44772 20 4 19.5523 4 19V5C4 4.44772 4.44772 4 5 4H10V12.0111L12.395 12.0112L14.0001 9.86419L15.6051 12.0112H18.0001L18 4H19C19.5523 4 20 4.44772 20 5V19ZM16 4H12V9.33585L14.0001 6.66046L16 9.33571V4Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>\n","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAlbum = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    width: 18px;\n    height: 18px;\n    transform: scale(var(--ggs, 1));\n    border-left: 7px solid transparent;\n    border-right: 3px solid transparent;\n    border-bottom: 8px solid transparent;\n    box-shadow: 0 0 0 2px, inset 6px 4px 0 -4px, inset -6px 4px 0 -4px;\n    border-radius: 3px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    width: 2px;\n    height: 5px;\n    background: currentColor;\n    transform: rotate(46deg);\n    top: 5px;\n    right: 4px;\n  }\n  &::after {\n    transform: rotate(-46deg);\n    right: 2px;\n  }\n`\n\nexport const Album = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAlbum {...props} ref={ref} icon-role=\"album\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"align-bottom":[[{"nr":8,"name":"align-bottom","css":".gg-align-bottom{box-sizing:border-box;position:relative;display:block;height:12px;width:12px;border-bottom:2px solid;transform:scale(var(--ggs,1));margin-top:4px}.gg-align-bottom::after,.gg-align-bottom::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;background:currentColor;bottom:2px}.gg-align-bottom::before{left:1px;height:12px}.gg-align-bottom::after{height:6px;right:1px;opacity:.5}","markup":"<i class=\"gg-align-bottom\"><\/i>","standard":"<link href='https:\/\/css.gg\/align-bottom.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/align-bottom.css');","json":"https:\/\/css.gg\/json?=align-bottom","xml":"https:\/\/css.gg\/xml?=align-bottom","svg_link":"https:\/\/css.gg\/align-bottom.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#align-bottom'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path d=\"M13 10H17V16H13V10Z\" fill=\"currentColor\" fill-opacity=\"0.5\" \/>\n  <path d=\"M11 4H7V16H11V4Z\" fill=\"currentColor\" \/>\n  <path d=\"M18 18H6V20H18V18Z\" fill=\"currentColor\" \/>\n<\/svg>\n","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAlignBottom = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    height: 12px;\n    width: 12px;\n    border-bottom: 2px solid;\n    transform: scale(var(--ggs, 1));\n    margin-top: 4px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    width: 4px;\n    background: currentColor;\n    bottom: 2px;\n  }\n  &::before {\n    left: 1px;\n    height: 12px;\n  }\n  &::after {\n    height: 6px;\n    right: 1px;\n    opacity: 0.5;\n  }\n`\n\nexport const AlignBottom = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAlignBottom {...props} ref={ref} icon-role=\"align-bottom\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"align-center":[[{"nr":9,"name":"align-center","css":".gg-align-center{box-sizing:border-box;position:relative;display:block;height:12px;width:12px;border-top:2px solid transparent;transform:scale(var(--ggs,1));margin-left:-4px}.gg-align-center::after,.gg-align-center::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:4px;background:currentColor}.gg-align-center::before{left:2px;width:12px;top:-2px}.gg-align-center::after{width:6px;right:1px;top:4px;opacity:.5}","markup":"<i class=\"gg-align-center\"><\/i>","standard":"<link href='https:\/\/css.gg\/align-center.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/align-center.css');","json":"https:\/\/css.gg\/json?=align-center","xml":"https:\/\/css.gg\/xml?=align-center","svg_link":"https:\/\/css.gg\/align-center.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#align-center'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path d=\"M9 13H15V17H9V13Z\" fill=\"currentColor\" fill-opacity=\"0.5\" \/>\n  <path d=\"M6 7H18V11H6V7Z\" fill=\"currentColor\" \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAlignCenter = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    height: 12px;\n    width: 12px;\n    border-top: 2px solid transparent;\n    transform: scale(var(--ggs, 1));\n    margin-left: -4px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    height: 4px;\n    background: currentColor;\n  }\n  &::before {\n    left: 2px;\n    width: 12px;\n    top: -2px;\n  }\n  &::after {\n    width: 6px;\n    right: 1px;\n    top: 4px;\n    opacity: 0.5;\n  }\n`\n\nexport const AlignCenter = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAlignCenter {...props} ref={ref} icon-role=\"align-center\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"align-left":[[{"nr":10,"name":"align-left","css":".gg-align-left{box-sizing:border-box;position:relative;display:block;height:12px;width:12px;border-left:2px solid;transform:scale(var(--ggs,1));margin-left:-4px}.gg-align-left::after,.gg-align-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:4px;width:12px;background:currentColor;left:2px;top:1px}.gg-align-left::after{width:6px;top:7px;opacity:.5}","markup":"<i class=\"gg-align-left\"><\/i>","standard":"<link href='https:\/\/css.gg\/align-left.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/align-left.css');","json":"https:\/\/css.gg\/json?=align-left","xml":"https:\/\/css.gg\/xml?=align-left","svg_link":"https:\/\/css.gg\/align-left.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#align-left'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path d=\"M8 13H14V17H8V13Z\" fill=\"currentColor\" fill-opacity=\"0.5\" \/>\n  <path d=\"M6 6H4V18H6V6Z\" fill=\"currentColor\" \/>\n  <path d=\"M20 7H8V11H20V7Z\" fill=\"currentColor\" \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAlignLeft = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    height: 12px;\n    width: 12px;\n    border-left: 2px solid;\n    transform: scale(var(--ggs, 1));\n    margin-left: -4px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    height: 4px;\n    width: 12px;\n    background: currentColor;\n    left: 2px;\n    top: 1px;\n  }\n  &::after {\n    width: 6px;\n    top: 7px;\n    opacity: 0.5;\n  }\n`\n\nexport const AlignLeft = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAlignLeft {...props} ref={ref} icon-role=\"align-left\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"align-middle":[[{"nr":11,"name":"align-middle","css":".gg-align-middle{box-sizing:border-box;position:relative;display:block;height:12px;width:12px;transform:scale(var(--ggs,1));border-top:2px solid transparent;margin-top:-8px}.gg-align-middle::after,.gg-align-middle::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;background:currentColor}.gg-align-middle::before{left:1px;height:12px;top:2px}.gg-align-middle::after{height:6px;right:1px;top:5px;opacity:.5}","markup":"<i class=\"gg-align-middle\"><\/i>","standard":"<link href='https:\/\/css.gg\/align-middle.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/align-middle.css');","json":"https:\/\/css.gg\/json?=align-middle","xml":"https:\/\/css.gg\/xml?=align-middle","svg_link":"https:\/\/css.gg\/align-middle.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#align-middle'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path d=\"M13 9H17V15H13V9Z\" fill=\"currentColor\" fill-opacity=\"0.5\" \/>\n  <path d=\"M7 6H11V18H7V6Z\" fill=\"currentColor\" \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAlignMiddle = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    height: 12px;\n    width: 12px;\n    transform: scale(var(--ggs, 1));\n    border-top: 2px solid transparent;\n    margin-top: -8px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    width: 4px;\n    background: currentColor;\n  }\n  &::before {\n    left: 1px;\n    height: 12px;\n    top: 2px;\n  }\n  &::after {\n    height: 6px;\n    right: 1px;\n    top: 5px;\n    opacity: 0.5;\n  }\n`\n\nexport const AlignMiddle = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAlignMiddle {...props} ref={ref} icon-role=\"align-middle\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"align-right":[[{"nr":12,"name":"align-right","css":".gg-align-right{box-sizing:border-box;position:relative;display:block;height:12px;width:12px;border-right:2px solid;transform:scale(var(--ggs,1));margin-right:-4px}.gg-align-right::after,.gg-align-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:4px;width:12px;background:currentColor;right:2px;top:1px}.gg-align-right::after{width:6px;top:7px;opacity:.5}","markup":"<i class=\"gg-align-right\"><\/i>","standard":"<link href='https:\/\/css.gg\/align-right.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/align-right.css');","json":"https:\/\/css.gg\/json?=align-right","xml":"https:\/\/css.gg\/xml?=align-right","svg_link":"https:\/\/css.gg\/align-right.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#align-right'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M15.9991 13.0039L9.99907 12.9911L9.99054 16.9911L15.9905 17.0039L15.9991 13.0039Z\"\n    fill=\"currentColor\"\n    fill-opacity=\"0.5\"\n  \/>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M19.978 18.0021L20.0036 6.00214L18.0036 5.99788L17.978 17.9979L19.978 18.0021Z\"\n    fill=\"currentColor\"\n  \/>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M3.9964 10.9851L15.9964 11.0107L16.0049 7.0107L4.00493 6.98512L3.9964 10.9851Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAlignRight = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    height: 12px;\n    width: 12px;\n    border-right: 2px solid;\n    transform: scale(var(--ggs, 1));\n    margin-right: -4px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    height: 4px;\n    width: 12px;\n    background: currentColor;\n    right: 2px;\n    top: 1px;\n  }\n  &::after {\n    width: 6px;\n    top: 7px;\n    opacity: 0.5;\n  }\n`\n\nexport const AlignRight = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAlignRight {...props} ref={ref} icon-role=\"align-right\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"align-top":[[{"nr":13,"name":"align-top","css":".gg-align-top{box-sizing:border-box;position:relative;display:block;height:12px;width:12px;border-top:2px solid;transform:scale(var(--ggs,1));margin-top:-4px}.gg-align-top::after,.gg-align-top::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;background:currentColor;top:2px}.gg-align-top::before{left:1px;height:12px}.gg-align-top::after{height:6px;right:1px;opacity:.5}","markup":"<i class=\"gg-align-top\"><\/i>","standard":"<link href='https:\/\/css.gg\/align-top.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/align-top.css');","json":"https:\/\/css.gg\/json?=align-top","xml":"https:\/\/css.gg\/xml?=align-top","svg_link":"https:\/\/css.gg\/align-top.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#align-top'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M13.0352 7.98797L13.0374 13.988L17.0374 13.9865L17.0352 7.98653L13.0352 7.98797Z\"\n    fill=\"currentColor\"\n    fill-opacity=\"0.5\"\n  \/>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M17.9996 4.01189L5.99963 4.01837L6.00038 6.01837L18.0004 6.01189L17.9996 4.01189Z\"\n    fill=\"currentColor\"\n  \/>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M11.0374 19.9864L11.0321 7.98637L7.03207 7.98813L7.03736 19.9881L11.0374 19.9864Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAlignTop = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    height: 12px;\n    width: 12px;\n    border-top: 2px solid;\n    transform: scale(var(--ggs, 1));\n    margin-top: -4px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    width: 4px;\n    background: currentColor;\n    top: 2px;\n  }\n  &::before {\n    left: 1px;\n    height: 12px;\n  }\n  &::after {\n    height: 6px;\n    right: 1px;\n    opacity: 0.5;\n  }\n`\n\nexport const AlignTop = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAlignTop {...props} ref={ref} icon-role=\"align-top\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"anchor":[[{"nr":14,"name":"anchor","css":".gg-anchor{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:14px;background:currentColor;border-radius:8px}.gg-anchor::after,.gg-anchor::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:6px;border:2px solid}.gg-anchor::after{width:12px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-color:transparent;left:-5px;bottom:2px}.gg-anchor::before{width:6px;border-radius:8px;top:-4px;left:-2px}","markup":"<i class=\"gg-anchor\"><\/i>","standard":"<link href='https:\/\/css.gg\/anchor.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/anchor.css');","json":"https:\/\/css.gg\/json?=anchor","xml":"https:\/\/css.gg\/xml?=anchor","svg_link":"https:\/\/css.gg\/anchor.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#anchor'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M15 6C15 7.30622 14.1652 8.41746 13 8.82929V16.874C14.7252 16.4299 16 14.8638 16 13H18C18 15.973 15.8377 18.441 13 18.917V20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20V18.917C8.16229 18.441 6 15.973 6 13H8C8 14.8638 9.27477 16.4299 11 16.874V8.82929C9.83481 8.41746 9 7.30622 9 6C9 4.34315 10.3431 3 12 3C13.6569 3 15 4.34315 15 6ZM12 7C12.5523 7 13 6.55228 13 6C13 5.44772 12.5523 5 12 5C11.4477 5 11 5.44772 11 6C11 6.55228 11.4477 7 12 7Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAnchor = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    transform: scale(var(--ggs, 1));\n    width: 2px;\n    height: 14px;\n    background: currentColor;\n    border-radius: 8px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    height: 6px;\n    border: 2px solid;\n  }\n  &::after {\n    width: 12px;\n    border-bottom-left-radius: 20px;\n    border-bottom-right-radius: 20px;\n    border-top-color: transparent;\n    left: -5px;\n    bottom: 2px;\n  }\n  &::before {\n    width: 6px;\n    border-radius: 8px;\n    top: -4px;\n    left: -2px;\n  }\n`\n\nexport const Anchor = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAnchor {...props} ref={ref} icon-role=\"anchor\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"apple-watch":[[{"nr":15,"name":"apple-watch","css":".gg-apple-watch{background:linear-gradient( to left,currentColor 5px,transparent 0)no-repeat 13px 4px\/2px 4px;box-sizing:border-box;position:relative;display:block;width:24px;height:24px;border:5px solid transparent;transform:scale(var(--ggs,1));border-radius:9px;box-shadow:inset 0 0 0 2px}.gg-apple-watch::after,.gg-apple-watch::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:10px;height:5px;border:2px solid;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;left:2px}.gg-apple-watch::after{top:-3px}.gg-apple-watch::before{transform:scaleY(-1);top:12px}","markup":"<i class=\"gg-apple-watch\"><\/i>","standard":"<link href='https:\/\/css.gg\/apple-watch.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/apple-watch.css');","json":"https:\/\/css.gg\/json?=apple-watch","xml":"https:\/\/css.gg\/xml?=apple-watch","svg_link":"https:\/\/css.gg\/apple-watch.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#apple-watch'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M16.4975 5.02988C16.4973 5.07798 16.4959 5.12581 16.4934 5.17335C17.662 5.58332 18.5 6.69628 18.5 8.00496V9.00493H19.5V13.0049H18.5V16.005C18.5 17.3129 17.663 18.4254 16.4953 18.8359C16.4984 18.8919 16.5 18.9482 16.5 19.005C16.5 20.6618 15.1569 22.005 13.5 22.005H9.5C7.84315 22.005 6.5 20.6618 6.5 19.005C6.5 18.9482 6.50158 18.8919 6.50468 18.8359C5.33705 18.4254 4.5 17.3129 4.5 16.005V8.00496C4.5 6.69767 5.33618 5.58568 6.50286 5.17465C6.49907 5.11032 6.4973 5.04546 6.49763 4.98011C6.50587 3.32328 7.85569 1.98683 9.51252 1.99508L13.5125 2.01499C15.1693 2.02324 16.5058 3.37305 16.4975 5.02988ZM8.49764 5.00496H14.4975C14.4922 4.45954 14.0498 4.01769 13.5025 4.01496L9.50257 3.99505C8.95029 3.99231 8.50035 4.43779 8.4976 4.99006L8.49764 5.00496ZM15.7049 7.02596L11.4846 7.00496H7.5C6.94772 7.00496 6.5 7.45267 6.5 8.00496V16.005C6.5 16.5568 6.94696 17.0042 7.4986 17.005H15.5014C16.053 17.0042 16.5 16.5568 16.5 16.005V8.00496C16.5 7.52289 16.1589 7.12049 15.7049 7.02596ZM8.5 19.005C8.5 19.5572 8.94772 20.005 9.5 20.005H13.5C14.0523 20.005 14.5 19.5572 14.5 19.005H8.5Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAppleWatch = styled.i`\n  & {\n    background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 13px 4px\/2px 4px;\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    width: 24px;\n    height: 24px;\n    border: 5px solid transparent;\n    transform: scale(var(--ggs, 1));\n    border-radius: 9px;\n    box-shadow: inset 0 0 0 2px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    border-radius: 3px;\n    width: 10px;\n    height: 5px;\n    border: 2px solid;\n    border-bottom: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    left: 2px;\n  }\n  &::after {\n    top: -3px;\n  }\n  &::before {\n    transform: scaleY(-1);\n    top: 12px;\n  }\n`\n\nexport const AppleWatch = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledAppleWatch {...props} ref={ref} icon-role=\"apple-watch\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"arrange-back":[[{"nr":16,"name":"arrange-back","css":".gg-arrange-back{box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));display:block;width:18px;height:18px}.gg-arrange-back::after,.gg-arrange-back::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrange-back::after{width:10px;height:10px;border:2px solid;left:4px;top:4px}.gg-arrange-back::before{width:8px;height:8px;background:currentColor;box-shadow:10px 10px 0}","markup":"<i class=\"gg-arrange-back\"><\/i>","standard":"<link href='https:\/\/css.gg\/arrange-back.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/arrange-back.css');","json":"https:\/\/css.gg\/json?=arrange-back","xml":"https:\/\/css.gg\/xml?=arrange-back","svg_link":"https:\/\/css.gg\/arrange-back.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#arrange-back'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M3 3H11V7H17V13H21V21H13V17H7V11H3V3ZM15 13H13V15H9V11H11V9H15V13Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrangeBack = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    transform: scale(var(--ggs, 1));\n    display: block;\n    width: 18px;\n    height: 18px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n  }\n  &::after {\n    width: 10px;\n    height: 10px;\n    border: 2px solid;\n    left: 4px;\n    top: 4px;\n  }\n  &::before {\n    width: 8px;\n    height: 8px;\n    background: currentColor;\n    box-shadow: 10px 10px 0;\n  }\n`\n\nexport const ArrangeBack = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledArrangeBack {...props} ref={ref} icon-role=\"arrange-back\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"arrange-front":[[{"nr":17,"name":"arrange-front","css":".gg-arrange-front{box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));display:block;width:18px;height:18px}.gg-arrange-front::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border:2px solid;left:4px;top:4px;box-shadow:-5px -5px 0 -1px,5px 5px 0 -1px}","markup":"<i class=\"gg-arrange-front\"><\/i>","standard":"<link href='https:\/\/css.gg\/arrange-front.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/arrange-front.css');","json":"https:\/\/css.gg\/json?=arrange-front","xml":"https:\/\/css.gg\/xml?=arrange-front","svg_link":"https:\/\/css.gg\/arrange-front.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#arrange-front'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M3 3H11V7H17V13H21V21H13V17H7V11H3V3ZM15 9H9V15H15V9Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrangeFront = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    transform: scale(var(--ggs, 1));\n    display: block;\n    width: 18px;\n    height: 18px;\n  }\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    border: 2px solid;\n    left: 4px;\n    top: 4px;\n    box-shadow: -5px -5px 0 -1px, 5px 5px 0 -1px;\n  }\n`\n\nexport const ArrangeFront = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledArrangeFront {...props} ref={ref} icon-role=\"arrange-front\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"arrow-align-h":[[{"nr":18,"name":"arrow-align-h","css":".gg-arrow-align-h{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:10px;background:linear-gradient(to left,currentColor 15px,transparent 0)no-repeat 2px 4px\/6px 2px,linear-gradient(to left,currentColor 15px,transparent 0)no-repeat 12px 4px\/6px 2px,linear-gradient(to left,currentColor 15px,transparent 0)no-repeat center\/2px 10px}.gg-arrow-align-h::after,.gg-arrow-align-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);top:2px}.gg-arrow-align-h::after{border-bottom:2px solid;border-left:2px solid;left:1px}.gg-arrow-align-h::before{border-top:2px solid;border-right:2px solid;right:1px}","markup":"<i class=\"gg-arrow-align-h\"><\/i>","standard":"<link href='https:\/\/css.gg\/arrow-align-h.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/arrow-align-h.css');","json":"https:\/\/css.gg\/json?=arrow-align-h","xml":"https:\/\/css.gg\/xml?=arrow-align-h","svg_link":"https:\/\/css.gg\/arrow-align-h.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#arrow-align-h'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path d=\"M13 7H11V17H13V7Z\" fill=\"currentColor\" \/>\n  <path\n    d=\"M5.99996 7.75732L7.41418 9.17154L5.58572 11L9.99996 11V13L5.58579 13L7.41418 14.8284L5.99996 16.2426L1.75732 12L5.99996 7.75732Z\"\n    fill=\"currentColor\"\n  \/>\n  <path\n    d=\"M18 16.2427L16.5858 14.8285L18.4143 13H14V11L18.4142 11L16.5858 9.17161L18 7.75739L22.2427 12L18 16.2427Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowAlignH = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    transform: scale(var(--ggs, 1));\n    width: 20px;\n    height: 10px;\n    background: linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 2px 4px\/6px 2px,\n      linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 12px 4px\/6px 2px,\n      linear-gradient(to left, currentColor 15px, transparent 0) no-repeat center\/2px 10px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    transform: rotate(45deg);\n    top: 2px;\n  }\n  &::after {\n    border-bottom: 2px solid;\n    border-left: 2px solid;\n    left: 1px;\n  }\n  &::before {\n    border-top: 2px solid;\n    border-right: 2px solid;\n    right: 1px;\n  }\n`\n\nexport const ArrowAlignH = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledArrowAlignH {...props} ref={ref} icon-role=\"arrow-align-h\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"arrow-align-v":[[{"nr":19,"name":"arrow-align-v","css":".gg-arrow-align-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:20px;background:linear-gradient(to left,currentColor 15px,transparent 0)no-repeat 4px 2px\/2px 6px,linear-gradient(to left,currentColor 15px,transparent 0)no-repeat 4px 12px\/2px 6px,linear-gradient(to left,currentColor 15px,transparent 0)no-repeat center\/10px 2px}.gg-arrow-align-v::after,.gg-arrow-align-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(-45deg);left:2px}.gg-arrow-align-v::after{border-bottom:2px solid;border-left:2px solid;bottom:1px}.gg-arrow-align-v::before{border-top:2px solid;border-right:2px solid;top:1px}","markup":"<i class=\"gg-arrow-align-v\"><\/i>","standard":"<link href='https:\/\/css.gg\/arrow-align-v.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/arrow-align-v.css');","json":"https:\/\/css.gg\/json?=arrow-align-v","xml":"https:\/\/css.gg\/xml?=arrow-align-v","svg_link":"https:\/\/css.gg\/arrow-align-v.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#arrow-align-v'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path d=\"M7 11L7 13H17V11H7Z\" fill=\"currentColor\" \/>\n  <path\n    d=\"M7.75732 18L9.17154 16.5858L11 18.4143V14H13V18.4142L14.8284 16.5858L16.2426 18L12 22.2427L7.75732 18Z\"\n    fill=\"currentColor\"\n  \/>\n  <path\n    d=\"M16.2427 5.99996L14.8285 7.41418L13 5.58572V9.99996H11L11 5.58579L9.17161 7.41418L7.75739 5.99996L12 1.75732L16.2427 5.99996Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowAlignV = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    transform: scale(var(--ggs, 1));\n    width: 10px;\n    height: 20px;\n    background: linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 4px 2px\/2px 6px,\n      linear-gradient(to left, currentColor 15px, transparent 0) no-repeat 4px 12px\/2px 6px,\n      linear-gradient(to left, currentColor 15px, transparent 0) no-repeat center\/10px 2px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    width: 6px;\n    height: 6px;\n    transform: rotate(-45deg);\n    left: 2px;\n  }\n  &::after {\n    border-bottom: 2px solid;\n    border-left: 2px solid;\n    bottom: 1px;\n  }\n  &::before {\n    border-top: 2px solid;\n    border-right: 2px solid;\n    top: 1px;\n  }\n`\n\nexport const ArrowAlignV = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledArrowAlignV {...props} ref={ref} icon-role=\"arrow-align-v\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"arrow-bottom-left-o":[[{"nr":20,"name":"arrow-bottom-left-o","css":".gg-arrow-bottom-left-o{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;border:2px solid;transform:scale(var(--ggs,1));border-radius:20px}.gg-arrow-bottom-left-o::after,.gg-arrow-bottom-left-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-arrow-bottom-left-o::after{width:10px;height:2px;background:currentColor;transform:rotate(-45deg);bottom:8px}.gg-arrow-bottom-left-o::before{width:6px;height:6px;bottom:4px;border-bottom:2px solid;border-left:2px solid}","markup":"<i class=\"gg-arrow-bottom-left-o\"><\/i>","standard":"<link href='https:\/\/css.gg\/arrow-bottom-left-o.css' rel='stylesheet'>","import":"@import url('https:\/\/css.gg\/arrow-bottom-left-o.css');","json":"https:\/\/css.gg\/json?=arrow-bottom-left-o","xml":"https:\/\/css.gg\/xml?=arrow-bottom-left-o","svg_link":"https:\/\/css.gg\/arrow-bottom-left-o.svg","svg_sprite":"<svg><use xlink:href='\/all.svg#arrow-bottom-left-o'\/><\/svg>","svg_path":"<svg\n  width=\"24\"\n  height=\"24\"\n  viewBox=\"0 0 24 24\"\n  fill=\"none\"\n  xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n  <path\n    d=\"M10 10.0367L8.00002 10.0367L8 16.0367L14 16.0367L14 14.0367L11.4143 14.0366L16.7438 8.7071L15.3296 7.29289L10 12.6224L10 10.0367Z\"\n    fill=\"currentColor\"\n  \/>\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12ZM21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\"\n    fill=\"currentColor\"\n  \/>\n<\/svg>","tsx":"import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowBottomLeftO = styled.i`\n  & {\n    box-sizing: border-box;\n    position: relative;\n    display: block;\n    width: 22px;\n    height: 22px;\n    border: 2px solid;\n    transform: scale(var(--ggs, 1));\n    border-radius: 20px;\n  }\n  &::after,\n  &::before {\n    content: '';\n    display: block;\n    box-sizing: border-box;\n    position: absolute;\n    left: 4px;\n  }\n  &::after {\n    width: 10px;\n    height: 2px;\n    background: currentColor;\n    transform: rotate(-45deg);\n    bottom: 8px;\n  }\n  &::before {\n    width: 6px;\n    height: 6px;\n    bottom: 4px;\n    border-bottom: 2px solid;\n    border-left: 2px solid;\n  }\n`\n\nexport const ArrowBottomLeftO = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  (props, ref) => {\n    return (\n      <>\n        <StyledArrowBottomLeftO {...props} ref={ref} icon-role=\"arrow-bottom-left-o\" \/>\n      <\/>\n    )\n  },\n)\n"}]],"arrow-bottom-left-r":[[{"nr":21,"name":"arrow-bottom-left-r","css":".gg-arrow-bottom-left-r{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;border:2px solid;transform:scale(var(--ggs,1));border-radius:4px}.gg-arrow-bottom-left-r::after,.gg-arrow-bottom-lef