diff --git a/icons/icons.json b/icons/icons.json index 80fd449..2f410fc 100644 --- a/icons/icons.json +++ b/icons/icons.json @@ -1,12674 +1,6338 @@ { "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>", - "standard": "", - "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>", - "svg_path": "\n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 1, + "name": "abstract", + "tags": "brands", + "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}", + "svg": "\n \n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 2, + "name": "add-r", + "tags": "interface signs buttons", + "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}", + "svg": "\n \n \n<\/svg>\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>", - "standard": "", - "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>", - "svg_path": "\n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 3, + "name": "add", + "tags": "interface signs buttons", + "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}", + "svg": "\n \n \n<\/svg>\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>", - "standard": "", - "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>", - "svg_path": "\n \n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 4, + "name": "adidas", + "tags": "brands", + "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}", + "svg": "\n \n \n \n<\/svg>\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>", - "standard": "", - "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>", - "svg_path": "\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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 5, + "name": "airplane", + "tags": "design", + "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}", + "svg": "\n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\n \n \n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 6, + "name": "alarm", + "tags": "alerts interface time", + "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}", + "svg": "\n \n \n \n \n<\/svg>\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>", - "standard": "", - "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>", - "svg_path": "\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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 7, + "name": "album", + "tags": "multimedia interface", + "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}", + "svg": "\n \n<\/svg>\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>", - "standard": "", - "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>", - "svg_path": "\n \n \n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 8, + "name": "align-bottom", + "tags": "design content interface", + "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}", + "svg": "\n \n \n \n<\/svg>\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>", - "standard": "", - "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>", - "svg_path": "\n \n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 9, + "name": "align-center", + "tags": "design content interface", + "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}", + "svg": "\n \n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\n \n \n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 10, + "name": "align-left", + "tags": "design content interface", + "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}", + "svg": "\n \n \n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\n \n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 11, + "name": "align-middle", + "tags": "design content interface", + "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}", + "svg": "\n \n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\n \n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 12, + "name": "align-right", + "tags": "design content interface", + "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}", + "svg": "\n \n \n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\n \n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 13, + "name": "align-top", + "tags": "design content interface", + "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}", + "svg": "\n \n \n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 14, + "name": "anchor", + "tags": "design", + "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}", + "svg": "\n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 15, + "name": "apple-watch", + "tags": "devices time", + "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}", + "svg": "\n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 16, + "name": "arrange-back", + "tags": "interface", + "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}", + "svg": "\n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 17, + "name": "arrange-front", + "tags": "interface", + "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}", + "svg": "\n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\n \n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 18, + "name": "arrow-align-h", + "tags": "arrows interface", + "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}", + "svg": "\n \n \n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\n \n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 19, + "name": "arrow-align-v", + "tags": "arrows interface", + "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}", + "svg": "\n \n \n \n<\/svg>" + } ], "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>", - "standard": "", - "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>", - "svg_path": "\n \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>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 20, + "name": "arrow-bottom-left-o", + "tags": "arrows interface", + "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}", + "svg": "\n \n \n<\/svg>" + } ], "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-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-arrow-bottom-left-r::after{width:10px;height:2px;background:currentColor;transform:rotate(-45deg);bottom:8px}.gg-arrow-bottom-left-r::before{width:6px;height:6px;bottom:4px;border-bottom:2px solid;border-left:2px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-bottom-left-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-bottom-left-r", - "xml": "https:\/\/css.gg\/xml?=arrow-bottom-left-r", - "svg_link": "https:\/\/css.gg\/arrow-bottom-left-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowBottomLeftR = 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 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 ArrowBottomLeftR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 21, + "name": "arrow-bottom-left-r", + "tags": "arrows interface", + "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-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-arrow-bottom-left-r::after{width:10px;height:2px;background:currentColor;transform:rotate(-45deg);bottom:8px}.gg-arrow-bottom-left-r::before{width:6px;height:6px;bottom:4px;border-bottom:2px solid;border-left:2px solid}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-bottom-left": [ - [ - { - "nr": 22, - "name": "arrow-bottom-left", - "css": ".gg-arrow-bottom-left{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;border-bottom:2px solid;transform:scale(var(--ggs,1));border-left:2px solid}.gg-arrow-bottom-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;transform:rotate(-45deg);bottom:3px;left:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-bottom-left.css');", - "json": "https:\/\/css.gg\/json?=arrow-bottom-left", - "xml": "https:\/\/css.gg\/xml?=arrow-bottom-left", - "svg_link": "https:\/\/css.gg\/arrow-bottom-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowBottomLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 8px;\n height: 8px;\n border-bottom: 2px solid;\n transform: scale(var(--ggs, 1));\n border-left: 2px solid;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 14px;\n height: 2px;\n background: currentColor;\n transform: rotate(-45deg);\n bottom: 3px;\n left: -3px;\n }\n`\n\nexport const ArrowBottomLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 22, + "name": "arrow-bottom-left", + "tags": "arrows interface", + "css": ".gg-arrow-bottom-left{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;border-bottom:2px solid;transform:scale(var(--ggs,1));border-left:2px solid}.gg-arrow-bottom-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;transform:rotate(-45deg);bottom:3px;left:-3px}", + "svg": "\n \n<\/svg>" + } ], "arrow-bottom-right-o": [ - [ - { - "nr": 23, - "name": "arrow-bottom-right-o", - "css": ".gg-arrow-bottom-right-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-right-o::after,.gg-arrow-bottom-right-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-bottom-right-o::after{width:10px;height:2px;background:currentColor;transform:rotate(45deg);bottom:8px}.gg-arrow-bottom-right-o::before{width:6px;height:6px;bottom:4px;border-bottom:2px solid;border-right:2px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-bottom-right-o.css');", - "json": "https:\/\/css.gg\/json?=arrow-bottom-right-o", - "xml": "https:\/\/css.gg\/xml?=arrow-bottom-right-o", - "svg_link": "https:\/\/css.gg\/arrow-bottom-right-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowBottomRightO = 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 right: 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-right: 2px solid;\n }\n`\n\nexport const ArrowBottomRightO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 23, + "name": "arrow-bottom-right-o", + "tags": "arrows interface", + "css": ".gg-arrow-bottom-right-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-right-o::after,.gg-arrow-bottom-right-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-bottom-right-o::after{width:10px;height:2px;background:currentColor;transform:rotate(45deg);bottom:8px}.gg-arrow-bottom-right-o::before{width:6px;height:6px;bottom:4px;border-bottom:2px solid;border-right:2px solid}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-bottom-right-r": [ - [ - { - "nr": 24, - "name": "arrow-bottom-right-r", - "css": ".gg-arrow-bottom-right-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-right-r::after,.gg-arrow-bottom-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-bottom-right-r::after{width:10px;height:2px;background:currentColor;transform:rotate(45deg);bottom:8px}.gg-arrow-bottom-right-r::before{width:6px;height:6px;bottom:4px;border-bottom:2px solid;border-right:2px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-bottom-right-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-bottom-right-r", - "xml": "https:\/\/css.gg\/xml?=arrow-bottom-right-r", - "svg_link": "https:\/\/css.gg\/arrow-bottom-right-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowBottomRightR = 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 right: 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-right: 2px solid;\n }\n`\n\nexport const ArrowBottomRightR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 24, + "name": "arrow-bottom-right-r", + "tags": "arrows interface", + "css": ".gg-arrow-bottom-right-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-right-r::after,.gg-arrow-bottom-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-bottom-right-r::after{width:10px;height:2px;background:currentColor;transform:rotate(45deg);bottom:8px}.gg-arrow-bottom-right-r::before{width:6px;height:6px;bottom:4px;border-bottom:2px solid;border-right:2px solid}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-bottom-right": [ - [ - { - "nr": 25, - "name": "arrow-bottom-right", - "css": ".gg-arrow-bottom-right{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;border-bottom:2px solid;transform:scale(var(--ggs,1));border-right:2px solid}.gg-arrow-bottom-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;transform:rotate(45deg);bottom:3px;right:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-bottom-right.css');", - "json": "https:\/\/css.gg\/json?=arrow-bottom-right", - "xml": "https:\/\/css.gg\/xml?=arrow-bottom-right", - "svg_link": "https:\/\/css.gg\/arrow-bottom-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowBottomRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 8px;\n height: 8px;\n border-bottom: 2px solid;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 14px;\n height: 2px;\n background: currentColor;\n transform: rotate(45deg);\n bottom: 3px;\n right: -3px;\n }\n`\n\nexport const ArrowBottomRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 25, + "name": "arrow-bottom-right", + "tags": "arrows interface", + "css": ".gg-arrow-bottom-right{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;border-bottom:2px solid;transform:scale(var(--ggs,1));border-right:2px solid}.gg-arrow-bottom-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;transform:rotate(45deg);bottom:3px;right:-3px}", + "svg": "\n \n<\/svg>" + } ], "arrow-down-o": [ - [ - { - "nr": 26, - "name": "arrow-down-o", - "css": ".gg-arrow-down-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-down-o::after,.gg-arrow-down-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:4px}.gg-arrow-down-o::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(-45deg);left:6px}.gg-arrow-down-o::before{width:2px;height:10px;left:8px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-down-o.css');", - "json": "https:\/\/css.gg\/json?=arrow-down-o", - "xml": "https:\/\/css.gg\/xml?=arrow-down-o", - "svg_link": "https:\/\/css.gg\/arrow-down-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowDownO = 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 bottom: 4px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(-45deg);\n left: 6px;\n }\n &::before {\n width: 2px;\n height: 10px;\n left: 8px;\n background: currentColor;\n }\n`\n\nexport const ArrowDownO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 26, + "name": "arrow-down-o", + "tags": "arrows interface", + "css": ".gg-arrow-down-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-down-o::after,.gg-arrow-down-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:4px}.gg-arrow-down-o::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(-45deg);left:6px}.gg-arrow-down-o::before{width:2px;height:10px;left:8px;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-down-r": [ - [ - { - "nr": 27, - "name": "arrow-down-r", - "css": ".gg-arrow-down-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-down-r::after,.gg-arrow-down-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:4px}.gg-arrow-down-r::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(-45deg);left:6px}.gg-arrow-down-r::before{width:2px;height:10px;left:8px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-down-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-down-r", - "xml": "https:\/\/css.gg\/xml?=arrow-down-r", - "svg_link": "https:\/\/css.gg\/arrow-down-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowDownR = 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 bottom: 4px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(-45deg);\n left: 6px;\n }\n &::before {\n width: 2px;\n height: 10px;\n left: 8px;\n background: currentColor;\n }\n`\n\nexport const ArrowDownR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 27, + "name": "arrow-down-r", + "tags": "arrows interface", + "css": ".gg-arrow-down-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-down-r::after,.gg-arrow-down-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:4px}.gg-arrow-down-r::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(-45deg);left:6px}.gg-arrow-down-r::before{width:2px;height:10px;left:8px;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-down": [ - [ - { - "nr": 28, - "name": "arrow-down", - "css": ".gg-arrow-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-arrow-down::after,.gg-arrow-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:4px}.gg-arrow-down::after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(-45deg);left:7px}.gg-arrow-down::before{width:2px;height:16px;left:10px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-down.css');", - "json": "https:\/\/css.gg\/json?=arrow-down", - "xml": "https:\/\/css.gg\/xml?=arrow-down", - "svg_link": "https:\/\/css.gg\/arrow-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowDown = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n bottom: 4px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(-45deg);\n left: 7px;\n }\n &::before {\n width: 2px;\n height: 16px;\n left: 10px;\n background: currentColor;\n }\n`\n\nexport const ArrowDown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 28, + "name": "arrow-down", + "tags": "arrows interface", + "css": ".gg-arrow-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-arrow-down::after,.gg-arrow-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:4px}.gg-arrow-down::after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(-45deg);left:7px}.gg-arrow-down::before{width:2px;height:16px;left:10px;background:currentColor}", + "svg": "\n \n<\/svg>" + } ], "arrow-left-o": [ - [ - { - "nr": 29, - "name": "arrow-left-o", - "css": ".gg-arrow-left-o{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;border:2px solid;transform:scale(var(--ggs,1));border-radius:22px}.gg-arrow-left-o::after,.gg-arrow-left-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-arrow-left-o::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:6px}.gg-arrow-left-o::before{width:10px;height:2px;bottom:8px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-left-o.css');", - "json": "https:\/\/css.gg\/json?=arrow-left-o", - "xml": "https:\/\/css.gg\/xml?=arrow-left-o", - "svg_link": "https:\/\/css.gg\/arrow-left-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLeftO = 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 left: 4px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n bottom: 6px;\n }\n &::before {\n width: 10px;\n height: 2px;\n bottom: 8px;\n background: currentColor;\n }\n`\n\nexport const ArrowLeftO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 29, + "name": "arrow-left-o", + "tags": "arrows interface", + "css": ".gg-arrow-left-o{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;border:2px solid;transform:scale(var(--ggs,1));border-radius:22px}.gg-arrow-left-o::after,.gg-arrow-left-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-arrow-left-o::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:6px}.gg-arrow-left-o::before{width:10px;height:2px;bottom:8px;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-left-r": [ - [ - { - "nr": 30, - "name": "arrow-left-r", - "css": ".gg-arrow-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-left-r::after,.gg-arrow-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-arrow-left-r::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:6px}.gg-arrow-left-r::before{width:10px;height:2px;bottom:8px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-left-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-left-r", - "xml": "https:\/\/css.gg\/xml?=arrow-left-r", - "svg_link": "https:\/\/css.gg\/arrow-left-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLeftR = 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 left: 4px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n bottom: 6px;\n }\n &::before {\n width: 10px;\n height: 2px;\n bottom: 8px;\n background: currentColor;\n }\n`\n\nexport const ArrowLeftR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 30, + "name": "arrow-left-r", + "tags": "arrows interface", + "css": ".gg-arrow-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-left-r::after,.gg-arrow-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-arrow-left-r::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:6px}.gg-arrow-left-r::before{width:10px;height:2px;bottom:8px;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-left": [ - [ - { - "nr": 31, - "name": "arrow-left", - "css": ".gg-arrow-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-arrow-left::after,.gg-arrow-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px}.gg-arrow-left::after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:7px}.gg-arrow-left::before{width:16px;height:2px;bottom:10px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-left.css');", - "json": "https:\/\/css.gg\/json?=arrow-left", - "xml": "https:\/\/css.gg\/xml?=arrow-left", - "svg_link": "https:\/\/css.gg\/arrow-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 3px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n bottom: 7px;\n }\n &::before {\n width: 16px;\n height: 2px;\n bottom: 10px;\n background: currentColor;\n }\n`\n\nexport const ArrowLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 31, + "name": "arrow-left", + "tags": "arrows interface", + "css": ".gg-arrow-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-arrow-left::after,.gg-arrow-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px}.gg-arrow-left::after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:7px}.gg-arrow-left::before{width:16px;height:2px;bottom:10px;background:currentColor}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-down-c": [ - [ - { - "nr": 32, - "name": "arrow-long-down-c", - "css": ".gg-arrow-long-down-c{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-top:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-down-c::after,.gg-arrow-long-down-c::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-down-c::after{width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:0;left:-2px}.gg-arrow-long-down-c::before{width:6px;height:6px;border:2px solid;border-radius:8px;top:-4px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-down-c.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-down-c", - "xml": "https:\/\/css.gg\/xml?=arrow-long-down-c", - "svg_link": "https:\/\/css.gg\/arrow-long-down-c.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongDownC = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n border-top: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n height: 24px;\n width: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n bottom: 0;\n left: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n border-radius: 8px;\n top: -4px;\n left: -2px;\n }\n`\n\nexport const ArrowLongDownC = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 32, + "name": "arrow-long-down-c", + "tags": "arrows interface", + "css": ".gg-arrow-long-down-c{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-top:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-down-c::after,.gg-arrow-long-down-c::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-down-c::after{width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:0;left:-2px}.gg-arrow-long-down-c::before{width:6px;height:6px;border:2px solid;border-radius:8px;top:-4px;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-down-e": [ - [ - { - "nr": 33, - "name": "arrow-long-down-e", - "css": ".gg-arrow-long-down-e{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-top:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-down-e::after,.gg-arrow-long-down-e::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-down-e::after{width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:0;left:-2px}.gg-arrow-long-down-e::before{width:6px;height:6px;border:2px solid;top:-5px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-down-e.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-down-e", - "xml": "https:\/\/css.gg\/xml?=arrow-long-down-e", - "svg_link": "https:\/\/css.gg\/arrow-long-down-e.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongDownE = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n border-top: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n height: 24px;\n width: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n bottom: 0;\n left: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n top: -5px;\n left: -2px;\n }\n`\n\nexport const ArrowLongDownE = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 33, + "name": "arrow-long-down-e", + "tags": "arrows interface", + "css": ".gg-arrow-long-down-e{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-top:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-down-e::after,.gg-arrow-long-down-e::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-down-e::after{width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:0;left:-2px}.gg-arrow-long-down-e::before{width:6px;height:6px;border:2px solid;top:-5px;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-down-l": [ - [ - { - "nr": 34, - "name": "arrow-long-down-l", - "css": ".gg-arrow-long-down-l{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-down-l::after,.gg-arrow-long-down-l::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-down-l::after{width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:0;left:-2px}.gg-arrow-long-down-l::before{width:6px;height:2px;background:currentColor;top:-1px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-down-l.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-down-l", - "xml": "https:\/\/css.gg\/xml?=arrow-long-down-l", - "svg_link": "https:\/\/css.gg\/arrow-long-down-l.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongDownL = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n box-shadow: inset 0 0 0 2px;\n height: 24px;\n width: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n bottom: 0;\n left: -2px;\n }\n &::before {\n width: 6px;\n height: 2px;\n background: currentColor;\n top: -1px;\n left: -2px;\n }\n`\n\nexport const ArrowLongDownL = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 34, + "name": "arrow-long-down-l", + "tags": "arrows interface", + "css": ".gg-arrow-long-down-l{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-down-l::after,.gg-arrow-long-down-l::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-down-l::after{width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:0;left:-2px}.gg-arrow-long-down-l::before{width:6px;height:2px;background:currentColor;top:-1px;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-down-r": [ - [ - { - "nr": 35, - "name": "arrow-long-down-r", - "css": ".gg-arrow-long-down-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-top:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-down-r::after,.gg-arrow-long-down-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-down-r::after{width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:0;left:-2px}.gg-arrow-long-down-r::before{width:6px;height:6px;border:2px solid;transform:rotate(45deg);top:-5px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-down-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-down-r", - "xml": "https:\/\/css.gg\/xml?=arrow-long-down-r", - "svg_link": "https:\/\/css.gg\/arrow-long-down-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongDownR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n border-top: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n height: 24px;\n width: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n bottom: 0;\n left: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n transform: rotate(45deg);\n top: -5px;\n left: -2px;\n }\n`\n\nexport const ArrowLongDownR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 35, + "name": "arrow-long-down-r", + "tags": "arrows interface", + "css": ".gg-arrow-long-down-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-top:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-down-r::after,.gg-arrow-long-down-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-down-r::after{width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:0;left:-2px}.gg-arrow-long-down-r::before{width:6px;height:6px;border:2px solid;transform:rotate(45deg);top:-5px;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-down": [ - [ - { - "nr": 36, - "name": "arrow-long-down", - "css": ".gg-arrow-long-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-down::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:0;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-down.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-down", - "xml": "https:\/\/css.gg\/xml?=arrow-long-down", - "svg_link": "https:\/\/css.gg\/arrow-long-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongDown = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n box-shadow: inset 0 0 0 2px;\n height: 24px;\n width: 6px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n bottom: 0;\n left: -2px;\n }\n`\n\nexport const ArrowLongDown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 36, + "name": "arrow-long-down", + "tags": "arrows interface", + "css": ".gg-arrow-long-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-down::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:0;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-left-c": [ - [ - { - "nr": 37, - "name": "arrow-long-left-c", - "css": ".gg-arrow-long-left-c{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-right:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-left-c::after,.gg-arrow-long-left-c::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-left-c::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:0;bottom:-2px}.gg-arrow-long-left-c::before{width:6px;height:6px;border:2px solid;border-radius:8px;right:-4px;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-left-c.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-left-c", - "xml": "https:\/\/css.gg\/xml?=arrow-long-left-c", - "svg_link": "https:\/\/css.gg\/arrow-long-left-c.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongLeftC = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n border-right: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n width: 24px;\n height: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 0;\n bottom: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n border-radius: 8px;\n right: -4px;\n bottom: -2px;\n }\n`\n\nexport const ArrowLongLeftC = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 37, + "name": "arrow-long-left-c", + "tags": "arrows interface", + "css": ".gg-arrow-long-left-c{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-right:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-left-c::after,.gg-arrow-long-left-c::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-left-c::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:0;bottom:-2px}.gg-arrow-long-left-c::before{width:6px;height:6px;border:2px solid;border-radius:8px;right:-4px;bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-left-e": [ - [ - { - "nr": 38, - "name": "arrow-long-left-e", - "css": ".gg-arrow-long-left-e{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-right:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-left-e::after,.gg-arrow-long-left-e::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-left-e::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:0;bottom:-2px}.gg-arrow-long-left-e::before{width:6px;height:6px;border:2px solid;right:-4px;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-left-e.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-left-e", - "xml": "https:\/\/css.gg\/xml?=arrow-long-left-e", - "svg_link": "https:\/\/css.gg\/arrow-long-left-e.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongLeftE = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n border-right: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n width: 24px;\n height: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 0;\n bottom: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n right: -4px;\n bottom: -2px;\n }\n`\n\nexport const ArrowLongLeftE = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 38, + "name": "arrow-long-left-e", + "tags": "arrows interface", + "css": ".gg-arrow-long-left-e{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-right:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-left-e::after,.gg-arrow-long-left-e::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-left-e::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:0;bottom:-2px}.gg-arrow-long-left-e::before{width:6px;height:6px;border:2px solid;right:-4px;bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-left-l": [ - [ - { - "nr": 39, - "name": "arrow-long-left-l", - "css": ".gg-arrow-long-left-l{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-left-l::after,.gg-arrow-long-left-l::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-left-l::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:0;bottom:-2px}.gg-arrow-long-left-l::before{width:2px;height:6px;background:currentColor;right:-1px;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-left-l.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-left-l", - "xml": "https:\/\/css.gg\/xml?=arrow-long-left-l", - "svg_link": "https:\/\/css.gg\/arrow-long-left-l.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongLeftL = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n box-shadow: inset 0 0 0 2px;\n width: 24px;\n height: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 0;\n bottom: -2px;\n }\n &::before {\n width: 2px;\n height: 6px;\n background: currentColor;\n right: -1px;\n bottom: -2px;\n }\n`\n\nexport const ArrowLongLeftL = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 39, + "name": "arrow-long-left-l", + "tags": "arrows interface", + "css": ".gg-arrow-long-left-l{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-left-l::after,.gg-arrow-long-left-l::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-left-l::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:0;bottom:-2px}.gg-arrow-long-left-l::before{width:2px;height:6px;background:currentColor;right:-1px;bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-left-r": [ - [ - { - "nr": 40, - "name": "arrow-long-left-r", - "css": ".gg-arrow-long-left-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-right:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-left-r::after,.gg-arrow-long-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-left-r::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:0;bottom:-2px}.gg-arrow-long-left-r::before{width:6px;height:6px;border:2px solid;transform:rotate(45deg);right:-5px;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-left-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-left-r", - "xml": "https:\/\/css.gg\/xml?=arrow-long-left-r", - "svg_link": "https:\/\/css.gg\/arrow-long-left-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongLeftR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n border-right: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n width: 24px;\n height: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 0;\n bottom: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n transform: rotate(45deg);\n right: -5px;\n bottom: -2px;\n }\n`\n\nexport const ArrowLongLeftR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 40, + "name": "arrow-long-left-r", + "tags": "arrows interface", + "css": ".gg-arrow-long-left-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-right:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-left-r::after,.gg-arrow-long-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-left-r::after{width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:0;bottom:-2px}.gg-arrow-long-left-r::before{width:6px;height:6px;border:2px solid;transform:rotate(45deg);right:-5px;bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-left": [ - [ - { - "nr": 41, - "name": "arrow-long-left", - "css": ".gg-arrow-long-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:0;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-left.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-left", - "xml": "https:\/\/css.gg\/xml?=arrow-long-left", - "svg_link": "https:\/\/css.gg\/arrow-long-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n box-shadow: inset 0 0 0 2px;\n width: 24px;\n height: 6px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 0;\n bottom: -2px;\n }\n`\n\nexport const ArrowLongLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 41, + "name": "arrow-long-left", + "tags": "arrows interface", + "css": ".gg-arrow-long-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:0;bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-right-c": [ - [ - { - "nr": 42, - "name": "arrow-long-right-c", - "css": ".gg-arrow-long-right-c{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-right-c::after,.gg-arrow-long-right-c::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-right-c::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);right:0;bottom:-2px}.gg-arrow-long-right-c::before{width:6px;height:6px;border:2px solid;border-radius:8px;left:-4px;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-right-c.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-right-c", - "xml": "https:\/\/css.gg\/xml?=arrow-long-right-c", - "svg_link": "https:\/\/css.gg\/arrow-long-right-c.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongRightC = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n border-left: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n width: 24px;\n height: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n right: 0;\n bottom: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n border-radius: 8px;\n left: -4px;\n bottom: -2px;\n }\n`\n\nexport const ArrowLongRightC = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 42, + "name": "arrow-long-right-c", + "tags": "arrows interface", + "css": ".gg-arrow-long-right-c{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-right-c::after,.gg-arrow-long-right-c::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-right-c::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);right:0;bottom:-2px}.gg-arrow-long-right-c::before{width:6px;height:6px;border:2px solid;border-radius:8px;left:-4px;bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-right-e": [ - [ - { - "nr": 43, - "name": "arrow-long-right-e", - "css": ".gg-arrow-long-right-e{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-right-e::after,.gg-arrow-long-right-e::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-right-e::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);right:0;bottom:-2px}.gg-arrow-long-right-e::before{width:6px;height:6px;border:2px solid;left:-4px;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-right-e.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-right-e", - "xml": "https:\/\/css.gg\/xml?=arrow-long-right-e", - "svg_link": "https:\/\/css.gg\/arrow-long-right-e.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongRightE = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n border-left: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n width: 24px;\n height: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n right: 0;\n bottom: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n left: -4px;\n bottom: -2px;\n }\n`\n\nexport const ArrowLongRightE = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 43, + "name": "arrow-long-right-e", + "tags": "arrows interface", + "css": ".gg-arrow-long-right-e{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-right-e::after,.gg-arrow-long-right-e::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-right-e::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);right:0;bottom:-2px}.gg-arrow-long-right-e::before{width:6px;height:6px;border:2px solid;left:-4px;bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-right-l": [ - [ - { - "nr": 44, - "name": "arrow-long-right-l", - "css": ".gg-arrow-long-right-l{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-right-l::after,.gg-arrow-long-right-l::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-right-l::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);right:0;bottom:-2px}.gg-arrow-long-right-l::before{width:2px;height:6px;background:currentColor;left:-1px;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-right-l.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-right-l", - "xml": "https:\/\/css.gg\/xml?=arrow-long-right-l", - "svg_link": "https:\/\/css.gg\/arrow-long-right-l.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongRightL = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n box-shadow: inset 0 0 0 2px;\n width: 24px;\n height: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n right: 0;\n bottom: -2px;\n }\n &::before {\n width: 2px;\n height: 6px;\n background: currentColor;\n left: -1px;\n bottom: -2px;\n }\n`\n\nexport const ArrowLongRightL = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 44, + "name": "arrow-long-right-l", + "tags": "arrows interface", + "css": ".gg-arrow-long-right-l{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-right-l::after,.gg-arrow-long-right-l::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-right-l::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);right:0;bottom:-2px}.gg-arrow-long-right-l::before{width:2px;height:6px;background:currentColor;left:-1px;bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-right-r": [ - [ - { - "nr": 45, - "name": "arrow-long-right-r", - "css": ".gg-arrow-long-right-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-right-r::after,.gg-arrow-long-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-right-r::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);right:0;bottom:-2px}.gg-arrow-long-right-r::before{width:6px;height:6px;border:2px solid;transform:rotate(45deg);left:-5px;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-right-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-right-r", - "xml": "https:\/\/css.gg\/xml?=arrow-long-right-r", - "svg_link": "https:\/\/css.gg\/arrow-long-right-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongRightR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n border-left: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n width: 24px;\n height: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n right: 0;\n bottom: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n transform: rotate(45deg);\n left: -5px;\n bottom: -2px;\n }\n`\n\nexport const ArrowLongRightR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 45, + "name": "arrow-long-right-r", + "tags": "arrows interface", + "css": ".gg-arrow-long-right-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:4px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-right-r::after,.gg-arrow-long-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-right-r::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);right:0;bottom:-2px}.gg-arrow-long-right-r::before{width:6px;height:6px;border:2px solid;transform:rotate(45deg);left:-5px;bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-right": [ - [ - { - "nr": 46, - "name": "arrow-long-right", - "css": ".gg-arrow-long-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);right:0;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-right.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-right", - "xml": "https:\/\/css.gg\/xml?=arrow-long-right", - "svg_link": "https:\/\/css.gg\/arrow-long-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n box-shadow: inset 0 0 0 2px;\n width: 24px;\n height: 6px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n right: 0;\n bottom: -2px;\n }\n`\n\nexport const ArrowLongRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 46, + "name": "arrow-long-right", + "tags": "arrows interface", + "css": ".gg-arrow-long-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-top:2px solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 0 0 2px;width:24px;height:6px}.gg-arrow-long-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);right:0;bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-up-c": [ - [ - { - "nr": 47, - "name": "arrow-long-up-c", - "css": ".gg-arrow-long-up-c{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-bottom:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-up-c::after,.gg-arrow-long-up-c::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-up-c::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);top:0;left:-2px}.gg-arrow-long-up-c::before{width:6px;height:6px;border:2px solid;border-radius:8px;bottom:-4px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-up-c.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-up-c", - "xml": "https:\/\/css.gg\/xml?=arrow-long-up-c", - "svg_link": "https:\/\/css.gg\/arrow-long-up-c.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongUpC = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n border-bottom: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n height: 24px;\n width: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n top: 0;\n left: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n border-radius: 8px;\n bottom: -4px;\n left: -2px;\n }\n`\n\nexport const ArrowLongUpC = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 47, + "name": "arrow-long-up-c", + "tags": "arrows interface", + "css": ".gg-arrow-long-up-c{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-bottom:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-up-c::after,.gg-arrow-long-up-c::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-up-c::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);top:0;left:-2px}.gg-arrow-long-up-c::before{width:6px;height:6px;border:2px solid;border-radius:8px;bottom:-4px;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-up-e": [ - [ - { - "nr": 48, - "name": "arrow-long-up-e", - "css": ".gg-arrow-long-up-e{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-bottom:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-up-e::after,.gg-arrow-long-up-e::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-up-e::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);top:0;left:-2px}.gg-arrow-long-up-e::before{width:6px;height:6px;border:2px solid;bottom:-5px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-up-e.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-up-e", - "xml": "https:\/\/css.gg\/xml?=arrow-long-up-e", - "svg_link": "https:\/\/css.gg\/arrow-long-up-e.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongUpE = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n border-bottom: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n height: 24px;\n width: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n top: 0;\n left: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n bottom: -5px;\n left: -2px;\n }\n`\n\nexport const ArrowLongUpE = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 48, + "name": "arrow-long-up-e", + "tags": "arrows interface", + "css": ".gg-arrow-long-up-e{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-bottom:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-up-e::after,.gg-arrow-long-up-e::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-up-e::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);top:0;left:-2px}.gg-arrow-long-up-e::before{width:6px;height:6px;border:2px solid;bottom:-5px;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-up-l": [ - [ - { - "nr": 49, - "name": "arrow-long-up-l", - "css": ".gg-arrow-long-up-l{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-up-l::after,.gg-arrow-long-up-l::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-up-l::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);top:0;left:-2px}.gg-arrow-long-up-l::before{width:6px;height:2px;background:currentColor;bottom:-1px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-up-l.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-up-l", - "xml": "https:\/\/css.gg\/xml?=arrow-long-up-l", - "svg_link": "https:\/\/css.gg\/arrow-long-up-l.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongUpL = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n box-shadow: inset 0 0 0 2px;\n height: 24px;\n width: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n top: 0;\n left: -2px;\n }\n &::before {\n width: 6px;\n height: 2px;\n background: currentColor;\n bottom: -1px;\n left: -2px;\n }\n`\n\nexport const ArrowLongUpL = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 49, + "name": "arrow-long-up-l", + "tags": "arrows interface", + "css": ".gg-arrow-long-up-l{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-up-l::after,.gg-arrow-long-up-l::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-up-l::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);top:0;left:-2px}.gg-arrow-long-up-l::before{width:6px;height:2px;background:currentColor;bottom:-1px;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-up-r": [ - [ - { - "nr": 50, - "name": "arrow-long-up-r", - "css": ".gg-arrow-long-up-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-bottom:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-up-r::after,.gg-arrow-long-up-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-up-r::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);top:0;left:-2px}.gg-arrow-long-up-r::before{width:6px;height:6px;border:2px solid;transform:rotate(45deg);bottom:-5px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-up-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-up-r", - "xml": "https:\/\/css.gg\/xml?=arrow-long-up-r", - "svg_link": "https:\/\/css.gg\/arrow-long-up-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongUpR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n border-bottom: 4px solid transparent;\n box-shadow: inset 0 0 0 2px;\n height: 24px;\n width: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n top: 0;\n left: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n transform: rotate(45deg);\n bottom: -5px;\n left: -2px;\n }\n`\n\nexport const ArrowLongUpR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 50, + "name": "arrow-long-up-r", + "tags": "arrows interface", + "css": ".gg-arrow-long-up-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;border-bottom:4px solid transparent;box-shadow:inset 0 0 0 2px;height:24px;width:6px}.gg-arrow-long-up-r::after,.gg-arrow-long-up-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-long-up-r::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);top:0;left:-2px}.gg-arrow-long-up-r::before{width:6px;height:6px;border:2px solid;transform:rotate(45deg);bottom:-5px;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-long-up": [ - [ - { - "nr": 51, - "name": "arrow-long-up", - "css": ".gg-arrow-long-up,.gg-arrow-long-up::after{display:block;box-sizing:border-box;width:6px}.gg-arrow-long-up{position:relative;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;box-shadow:inset 0 0 0 2px;height:24px}.gg-arrow-long-up::after{content:\"\";position:absolute;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);top:0;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-long-up.css');", - "json": "https:\/\/css.gg\/json?=arrow-long-up", - "xml": "https:\/\/css.gg\/xml?=arrow-long-up", - "svg_link": "https:\/\/css.gg\/arrow-long-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowLongUp = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n width: 6px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid transparent;\n border-left: 2px solid transparent;\n box-shadow: inset 0 0 0 2px;\n height: 24px;\n }\n &::after {\n content: '';\n position: absolute;\n height: 6px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n top: 0;\n left: -2px;\n }\n`\n\nexport const ArrowLongUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 51, + "name": "arrow-long-up", + "tags": "arrows interface", + "css": ".gg-arrow-long-up,.gg-arrow-long-up::after{display:block;box-sizing:border-box;width:6px}.gg-arrow-long-up{position:relative;transform:scale(var(--ggs,1));border-right:2px solid transparent;border-left:2px solid transparent;box-shadow:inset 0 0 0 2px;height:24px}.gg-arrow-long-up::after{content:\"\";position:absolute;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);top:0;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "arrow-right-o": [ - [ - { - "nr": 52, - "name": "arrow-right-o", - "css": ".gg-arrow-right-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-right-o::after,.gg-arrow-right-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-right-o::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:6px}.gg-arrow-right-o::before{width:10px;height:2px;bottom:8px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-right-o.css');", - "json": "https:\/\/css.gg\/json?=arrow-right-o", - "xml": "https:\/\/css.gg\/xml?=arrow-right-o", - "svg_link": "https:\/\/css.gg\/arrow-right-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowRightO = 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 right: 4px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n bottom: 6px;\n }\n &::before {\n width: 10px;\n height: 2px;\n bottom: 8px;\n background: currentColor;\n }\n`\n\nexport const ArrowRightO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 52, + "name": "arrow-right-o", + "tags": "arrows interface", + "css": ".gg-arrow-right-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-right-o::after,.gg-arrow-right-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-right-o::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:6px}.gg-arrow-right-o::before{width:10px;height:2px;bottom:8px;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-right-r": [ - [ - { - "nr": 53, - "name": "arrow-right-r", - "css": ".gg-arrow-right-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-right-r::after,.gg-arrow-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-right-r::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:6px}.gg-arrow-right-r::before{width:10px;height:2px;bottom:8px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-right-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-right-r", - "xml": "https:\/\/css.gg\/xml?=arrow-right-r", - "svg_link": "https:\/\/css.gg\/arrow-right-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowRightR = 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 right: 4px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n bottom: 6px;\n }\n &::before {\n width: 10px;\n height: 2px;\n bottom: 8px;\n background: currentColor;\n }\n`\n\nexport const ArrowRightR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 53, + "name": "arrow-right-r", + "tags": "arrows interface", + "css": ".gg-arrow-right-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-right-r::after,.gg-arrow-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-right-r::after{width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:6px}.gg-arrow-right-r::before{width:10px;height:2px;bottom:8px;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-right": [ - [ - { - "nr": 54, - "name": "arrow-right", - "css": ".gg-arrow-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-arrow-right::after,.gg-arrow-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:3px}.gg-arrow-right::after{width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:7px}.gg-arrow-right::before{width:16px;height:2px;bottom:10px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-right.css');", - "json": "https:\/\/css.gg\/json?=arrow-right", - "xml": "https:\/\/css.gg\/xml?=arrow-right", - "svg_link": "https:\/\/css.gg\/arrow-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n right: 3px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n bottom: 7px;\n }\n &::before {\n width: 16px;\n height: 2px;\n bottom: 10px;\n background: currentColor;\n }\n`\n\nexport const ArrowRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 54, + "name": "arrow-right", + "tags": "arrows interface", + "css": ".gg-arrow-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-arrow-right::after,.gg-arrow-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:3px}.gg-arrow-right::after{width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:7px}.gg-arrow-right::before{width:16px;height:2px;bottom:10px;background:currentColor}", + "svg": "\n \n<\/svg>" + } ], "arrow-top-left-o": [ - [ - { - "nr": 55, - "name": "arrow-top-left-o", - "css": ".gg-arrow-top-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-top-left-o::after,.gg-arrow-top-left-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-top-left-o::after{width:10px;height:2px;background:currentColor;transform:rotate(45deg);bottom:8px;right:4px}.gg-arrow-top-left-o::before{width:6px;height:6px;left:4px;top:4px;border-top:2px solid;border-left:2px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-top-left-o.css');", - "json": "https:\/\/css.gg\/json?=arrow-top-left-o", - "xml": "https:\/\/css.gg\/xml?=arrow-top-left-o", - "svg_link": "https:\/\/css.gg\/arrow-top-left-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowTopLeftO = 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 }\n &::after {\n width: 10px;\n height: 2px;\n background: currentColor;\n transform: rotate(45deg);\n bottom: 8px;\n right: 4px;\n }\n &::before {\n width: 6px;\n height: 6px;\n left: 4px;\n top: 4px;\n border-top: 2px solid;\n border-left: 2px solid;\n }\n`\n\nexport const ArrowTopLeftO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 55, + "name": "arrow-top-left-o", + "tags": "arrows interface", + "css": ".gg-arrow-top-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-top-left-o::after,.gg-arrow-top-left-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-arrow-top-left-o::after{width:10px;height:2px;background:currentColor;transform:rotate(45deg);bottom:8px;right:4px}.gg-arrow-top-left-o::before{width:6px;height:6px;left:4px;top:4px;border-top:2px solid;border-left:2px solid}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-top-left-r": [ - [ - { - "nr": 56, - "name": "arrow-top-left-r", - "css": ".gg-arrow-top-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-top-left-r::after,.gg-arrow-top-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-arrow-top-left-r::after{width:10px;height:2px;background:currentColor;transform:rotate(45deg);bottom:8px}.gg-arrow-top-left-r::before{width:6px;height:6px;top:4px;border-top:2px solid;border-left:2px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-top-left-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-top-left-r", - "xml": "https:\/\/css.gg\/xml?=arrow-top-left-r", - "svg_link": "https:\/\/css.gg\/arrow-top-left-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowTopLeftR = 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 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 top: 4px;\n border-top: 2px solid;\n border-left: 2px solid;\n }\n`\n\nexport const ArrowTopLeftR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 56, + "name": "arrow-top-left-r", + "tags": "arrows interface", + "css": ".gg-arrow-top-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-top-left-r::after,.gg-arrow-top-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-arrow-top-left-r::after{width:10px;height:2px;background:currentColor;transform:rotate(45deg);bottom:8px}.gg-arrow-top-left-r::before{width:6px;height:6px;top:4px;border-top:2px solid;border-left:2px solid}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-top-left": [ - [ - { - "nr": 57, - "name": "arrow-top-left", - "css": ".gg-arrow-top-left{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;transform:scale(var(--ggs,1));border-top:2px solid;border-left:2px solid}.gg-arrow-top-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;transform:rotate(45deg);top:3px;left:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-top-left.css');", - "json": "https:\/\/css.gg\/json?=arrow-top-left", - "xml": "https:\/\/css.gg\/xml?=arrow-top-left", - "svg_link": "https:\/\/css.gg\/arrow-top-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowTopLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 8px;\n height: 8px;\n transform: scale(var(--ggs, 1));\n border-top: 2px solid;\n border-left: 2px solid;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 14px;\n height: 2px;\n background: currentColor;\n transform: rotate(45deg);\n top: 3px;\n left: -3px;\n }\n`\n\nexport const ArrowTopLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 57, + "name": "arrow-top-left", + "tags": "arrows interface", + "css": ".gg-arrow-top-left{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;transform:scale(var(--ggs,1));border-top:2px solid;border-left:2px solid}.gg-arrow-top-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;transform:rotate(45deg);top:3px;left:-3px}", + "svg": "\n \n<\/svg>" + } ], "arrow-top-right-o": [ - [ - { - "nr": 58, - "name": "arrow-top-right-o", - "css": ".gg-arrow-top-right-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-top-right-o::after,.gg-arrow-top-right-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-top-right-o::after{width:10px;height:2px;background:currentColor;transform:rotate(-45deg);bottom:8px}.gg-arrow-top-right-o::before{width:6px;height:6px;top:4px;border-top:2px solid;border-right:2px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-top-right-o.css');", - "json": "https:\/\/css.gg\/json?=arrow-top-right-o", - "xml": "https:\/\/css.gg\/xml?=arrow-top-right-o", - "svg_link": "https:\/\/css.gg\/arrow-top-right-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowTopRightO = 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 right: 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 top: 4px;\n border-top: 2px solid;\n border-right: 2px solid;\n }\n`\n\nexport const ArrowTopRightO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 58, + "name": "arrow-top-right-o", + "tags": "arrows interface", + "css": ".gg-arrow-top-right-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-top-right-o::after,.gg-arrow-top-right-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-top-right-o::after{width:10px;height:2px;background:currentColor;transform:rotate(-45deg);bottom:8px}.gg-arrow-top-right-o::before{width:6px;height:6px;top:4px;border-top:2px solid;border-right:2px solid}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-top-right-r": [ - [ - { - "nr": 59, - "name": "arrow-top-right-r", - "css": ".gg-arrow-top-right-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-top-right-r::after,.gg-arrow-top-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-top-right-r::after{width:10px;height:2px;background:currentColor;transform:rotate(-45deg);bottom:8px}.gg-arrow-top-right-r::before{width:6px;height:6px;top:4px;border-top:2px solid;border-right:2px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-top-right-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-top-right-r", - "xml": "https:\/\/css.gg\/xml?=arrow-top-right-r", - "svg_link": "https:\/\/css.gg\/arrow-top-right-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowTopRightR = 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 right: 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 top: 4px;\n border-top: 2px solid;\n border-right: 2px solid;\n }\n`\n\nexport const ArrowTopRightR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 59, + "name": "arrow-top-right-r", + "tags": "arrows interface", + "css": ".gg-arrow-top-right-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-top-right-r::after,.gg-arrow-top-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-arrow-top-right-r::after{width:10px;height:2px;background:currentColor;transform:rotate(-45deg);bottom:8px}.gg-arrow-top-right-r::before{width:6px;height:6px;top:4px;border-top:2px solid;border-right:2px solid}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-top-right": [ - [ - { - "nr": 60, - "name": "arrow-top-right", - "css": ".gg-arrow-top-right{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;border-top:2px solid;transform:scale(var(--ggs,1));border-right:2px solid}.gg-arrow-top-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;transform:rotate(-45deg);top:3px;right:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-top-right.css');", - "json": "https:\/\/css.gg\/json?=arrow-top-right", - "xml": "https:\/\/css.gg\/xml?=arrow-top-right", - "svg_link": "https:\/\/css.gg\/arrow-top-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowTopRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 8px;\n height: 8px;\n border-top: 2px solid;\n transform: scale(var(--ggs, 1));\n border-right: 2px solid;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 14px;\n height: 2px;\n background: currentColor;\n transform: rotate(-45deg);\n top: 3px;\n right: -3px;\n }\n`\n\nexport const ArrowTopRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 60, + "name": "arrow-top-right", + "tags": "arrows interface", + "css": ".gg-arrow-top-right{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;border-top:2px solid;transform:scale(var(--ggs,1));border-right:2px solid}.gg-arrow-top-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;transform:rotate(-45deg);top:3px;right:-3px}", + "svg": "\n \n<\/svg>" + } ], "arrow-up-o": [ - [ - { - "nr": 61, - "name": "arrow-up-o", - "css": ".gg-arrow-up-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-up-o::after,.gg-arrow-up-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:4px}.gg-arrow-up-o::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:6px}.gg-arrow-up-o::before{width:2px;height:10px;left:8px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-up-o.css');", - "json": "https:\/\/css.gg\/json?=arrow-up-o", - "xml": "https:\/\/css.gg\/xml?=arrow-up-o", - "svg_link": "https:\/\/css.gg\/arrow-up-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowUpO = 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 top: 4px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n }\n &::before {\n width: 2px;\n height: 10px;\n left: 8px;\n background: currentColor;\n }\n`\n\nexport const ArrowUpO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 61, + "name": "arrow-up-o", + "tags": "arrows interface", + "css": ".gg-arrow-up-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-up-o::after,.gg-arrow-up-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:4px}.gg-arrow-up-o::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:6px}.gg-arrow-up-o::before{width:2px;height:10px;left:8px;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-up-r": [ - [ - { - "nr": 62, - "name": "arrow-up-r", - "css": ".gg-arrow-up-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-up-r::after,.gg-arrow-up-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:4px}.gg-arrow-up-r::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:6px}.gg-arrow-up-r::before{width:2px;height:10px;left:8px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-up-r.css');", - "json": "https:\/\/css.gg\/json?=arrow-up-r", - "xml": "https:\/\/css.gg\/xml?=arrow-up-r", - "svg_link": "https:\/\/css.gg\/arrow-up-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowUpR = 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 top: 4px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n }\n &::before {\n width: 2px;\n height: 10px;\n left: 8px;\n background: currentColor;\n }\n`\n\nexport const ArrowUpR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 62, + "name": "arrow-up-r", + "tags": "arrows interface", + "css": ".gg-arrow-up-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-up-r::after,.gg-arrow-up-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:4px}.gg-arrow-up-r::after{width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:6px}.gg-arrow-up-r::before{width:2px;height:10px;left:8px;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "arrow-up": [ - [ - { - "nr": 63, - "name": "arrow-up", - "css": ".gg-arrow-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-arrow-up::after,.gg-arrow-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:4px}.gg-arrow-up::after{width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:7px}.gg-arrow-up::before{width:2px;height:16px;left:10px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrow-up.css');", - "json": "https:\/\/css.gg\/json?=arrow-up", - "xml": "https:\/\/css.gg\/xml?=arrow-up", - "svg_link": "https:\/\/css.gg\/arrow-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowUp = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n top: 4px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 7px;\n }\n &::before {\n width: 2px;\n height: 16px;\n left: 10px;\n background: currentColor;\n }\n`\n\nexport const ArrowUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 63, + "name": "arrow-up", + "tags": "arrows interface", + "css": ".gg-arrow-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-arrow-up::after,.gg-arrow-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:4px}.gg-arrow-up::after{width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:7px}.gg-arrow-up::before{width:2px;height:16px;left:10px;background:currentColor}", + "svg": "\n \n<\/svg>" + } ], "arrows-breake-h": [ - [ - { - "nr": 64, - "name": "arrows-breake-h", - "css": ".gg-arrows-breake-h{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:10px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center left\/8px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center right\/8px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 7px center\/2px 10px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 11px center\/2px 10px}.gg-arrows-breake-h::after,.gg-arrows-breake-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);top:2px}.gg-arrows-breake-h::after{border-left:2px solid;border-bottom:2px solid}.gg-arrows-breake-h::before{border-right:2px solid;border-top:2px solid;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-breake-h.css');", - "json": "https:\/\/css.gg\/json?=arrows-breake-h", - "xml": "https:\/\/css.gg\/xml?=arrows-breake-h", - "svg_link": "https:\/\/css.gg\/arrows-breake-h.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsBreakeH = 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 10px, transparent 0) no-repeat center left\/8px\n 2px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center right\/8px 2px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 7px center\/2px 10px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 11px 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-left: 2px solid;\n border-bottom: 2px solid;\n }\n &::before {\n border-right: 2px solid;\n border-top: 2px solid;\n right: 0;\n }\n`\n\nexport const ArrowsBreakeH = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 64, + "name": "arrows-breake-h", + "tags": "arrows interface", + "css": ".gg-arrows-breake-h{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:10px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center left\/8px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center right\/8px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 7px center\/2px 10px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 11px center\/2px 10px}.gg-arrows-breake-h::after,.gg-arrows-breake-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);top:2px}.gg-arrows-breake-h::after{border-left:2px solid;border-bottom:2px solid}.gg-arrows-breake-h::before{border-right:2px solid;border-top:2px solid;right:0}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-breake-v": [ - [ - { - "nr": 65, - "name": "arrows-breake-v", - "css": ".gg-arrows-breake-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:20px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center top\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center bottom\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 7px\/10px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 11px\/10px 2px}.gg-arrows-breake-v::after,.gg-arrows-breake-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:2px}.gg-arrows-breake-v::after{border-left:2px solid;border-top:2px solid}.gg-arrows-breake-v::before{border-right:2px solid;border-bottom:2px solid;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-breake-v.css');", - "json": "https:\/\/css.gg\/json?=arrows-breake-v", - "xml": "https:\/\/css.gg\/xml?=arrows-breake-v", - "svg_link": "https:\/\/css.gg\/arrows-breake-v.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsBreakeV = 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 10px, transparent 0) no-repeat center top\/2px\n 8px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center bottom\/2px 8px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center 7px\/10px 2px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center 11px\/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-left: 2px solid;\n border-top: 2px solid;\n }\n &::before {\n border-right: 2px solid;\n border-bottom: 2px solid;\n bottom: 0;\n }\n`\n\nexport const ArrowsBreakeV = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 65, + "name": "arrows-breake-v", + "tags": "arrows interface", + "css": ".gg-arrows-breake-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:20px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center top\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center bottom\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 7px\/10px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 11px\/10px 2px}.gg-arrows-breake-v::after,.gg-arrows-breake-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:2px}.gg-arrows-breake-v::after{border-left:2px solid;border-top:2px solid}.gg-arrows-breake-v::before{border-right:2px solid;border-bottom:2px solid;bottom:0}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-exchange-alt-v": [ - [ - { - "nr": 66, - "name": "arrows-exchange-alt-v", - "css": ".gg-arrows-exchange-alt-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px}.gg-arrows-exchange-alt-v::after,.gg-arrows-exchange-alt-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;background:currentColor;border-radius:4px}.gg-arrows-exchange-alt-v::before{height:6px;transform:rotate(-45deg);box-shadow:13px -2px 0;top:10px;left:2px}.gg-arrows-exchange-alt-v::after{height:12px;box-shadow:-4px 4px 0;right:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-exchange-alt-v.css');", - "json": "https:\/\/css.gg\/json?=arrows-exchange-alt-v", - "xml": "https:\/\/css.gg\/xml?=arrows-exchange-alt-v", - "svg_link": "https:\/\/css.gg\/arrows-exchange-alt-v.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExchangeAltV = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 16px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n background: currentColor;\n border-radius: 4px;\n }\n &::before {\n height: 6px;\n transform: rotate(-45deg);\n box-shadow: 13px -2px 0;\n top: 10px;\n left: 2px;\n }\n &::after {\n height: 12px;\n box-shadow: -4px 4px 0;\n right: 4px;\n }\n`\n\nexport const ArrowsExchangeAltV = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 66, + "name": "arrows-exchange-alt-v", + "tags": "arrows interface", + "css": ".gg-arrows-exchange-alt-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px}.gg-arrows-exchange-alt-v::after,.gg-arrows-exchange-alt-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;background:currentColor;border-radius:4px}.gg-arrows-exchange-alt-v::before{height:6px;transform:rotate(-45deg);box-shadow:13px -2px 0;top:10px;left:2px}.gg-arrows-exchange-alt-v::after{height:12px;box-shadow:-4px 4px 0;right:4px}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-exchange-alt": [ - [ - { - "nr": 67, - "name": "arrows-exchange-alt", - "css": ".gg-arrows-exchange-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:14px}.gg-arrows-exchange-alt::after,.gg-arrows-exchange-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;border-radius:4px}.gg-arrows-exchange-alt::before{width:6px;transform:rotate(-45deg);box-shadow:-2px -13px 0;right:0;top:10px}.gg-arrows-exchange-alt::after{width:12px;box-shadow:4px 4px 0;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-exchange-alt.css');", - "json": "https:\/\/css.gg\/json?=arrows-exchange-alt", - "xml": "https:\/\/css.gg\/xml?=arrows-exchange-alt", - "svg_link": "https:\/\/css.gg\/arrows-exchange-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExchangeAlt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n background: currentColor;\n border-radius: 4px;\n }\n &::before {\n width: 6px;\n transform: rotate(-45deg);\n box-shadow: -2px -13px 0;\n right: 0;\n top: 10px;\n }\n &::after {\n width: 12px;\n box-shadow: 4px 4px 0;\n top: 4px;\n }\n`\n\nexport const ArrowsExchangeAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 67, + "name": "arrows-exchange-alt", + "tags": "arrows interface", + "css": ".gg-arrows-exchange-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:14px}.gg-arrows-exchange-alt::after,.gg-arrows-exchange-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;border-radius:4px}.gg-arrows-exchange-alt::before{width:6px;transform:rotate(-45deg);box-shadow:-2px -13px 0;right:0;top:10px}.gg-arrows-exchange-alt::after{width:12px;box-shadow:4px 4px 0;top:4px}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-exchange-v": [ - [ - { - "nr": 68, - "name": "arrows-exchange-v", - "css": ".gg-arrows-exchange-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px}.gg-arrows-exchange-v::after,.gg-arrows-exchange-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;background:currentColor;border-radius:4px}.gg-arrows-exchange-v::before{height:6px;transform:rotate(45deg);box-shadow:7px -4px 0;top:4px;left:2px}.gg-arrows-exchange-v::after{height:12px;box-shadow:-4px 4px 0;right:4px;bottom:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-exchange-v.css');", - "json": "https:\/\/css.gg\/json?=arrows-exchange-v", - "xml": "https:\/\/css.gg\/xml?=arrows-exchange-v", - "svg_link": "https:\/\/css.gg\/arrows-exchange-v.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExchangeV = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 16px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n background: currentColor;\n border-radius: 4px;\n }\n &::before {\n height: 6px;\n transform: rotate(45deg);\n box-shadow: 7px -4px 0;\n top: 4px;\n left: 2px;\n }\n &::after {\n height: 12px;\n box-shadow: -4px 4px 0;\n right: 4px;\n bottom: 4px;\n }\n`\n\nexport const ArrowsExchangeV = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 68, + "name": "arrows-exchange-v", + "tags": "arrows interface", + "css": ".gg-arrows-exchange-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px}.gg-arrows-exchange-v::after,.gg-arrows-exchange-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;background:currentColor;border-radius:4px}.gg-arrows-exchange-v::before{height:6px;transform:rotate(45deg);box-shadow:7px -4px 0;top:4px;left:2px}.gg-arrows-exchange-v::after{height:12px;box-shadow:-4px 4px 0;right:4px;bottom:4px}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-exchange": [ - [ - { - "nr": 69, - "name": "arrows-exchange", - "css": ".gg-arrows-exchange{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:14px}.gg-arrows-exchange::after,.gg-arrows-exchange::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;border-radius:4px}.gg-arrows-exchange::before{width:6px;transform:rotate(45deg);box-shadow:2px -13px 0;top:10px}.gg-arrows-exchange::after{width:12px;box-shadow:-4px 4px 0;left:4px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-exchange.css');", - "json": "https:\/\/css.gg\/json?=arrows-exchange", - "xml": "https:\/\/css.gg\/xml?=arrows-exchange", - "svg_link": "https:\/\/css.gg\/arrows-exchange.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExchange = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n background: currentColor;\n border-radius: 4px;\n }\n &::before {\n width: 6px;\n transform: rotate(45deg);\n box-shadow: 2px -13px 0;\n top: 10px;\n }\n &::after {\n width: 12px;\n box-shadow: -4px 4px 0;\n left: 4px;\n top: 4px;\n }\n`\n\nexport const ArrowsExchange = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 69, + "name": "arrows-exchange", + "tags": "arrows interface", + "css": ".gg-arrows-exchange{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:14px}.gg-arrows-exchange::after,.gg-arrows-exchange::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;border-radius:4px}.gg-arrows-exchange::before{width:6px;transform:rotate(45deg);box-shadow:2px -13px 0;top:10px}.gg-arrows-exchange::after{width:12px;box-shadow:-4px 4px 0;left:4px;top:4px}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-expand-down-left": [ - [ - { - "nr": 70, - "name": "arrows-expand-down-left", - "css": ".gg-arrows-expand-down-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;box-shadow:-6px 6px 0 -4px}.gg-arrows-expand-down-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;border-radius:1px;right:0}.gg-arrows-expand-down-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;width:2px;height:10px;transform:rotate(45deg);top:8px;left:2px;border-radius:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-expand-down-left.css');", - "json": "https:\/\/css.gg\/json?=arrows-expand-down-left", - "xml": "https:\/\/css.gg\/xml?=arrows-expand-down-left", - "svg_link": "https:\/\/css.gg\/arrows-expand-down-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExpandDownLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n box-shadow: -6px 6px 0 -4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border: 2px solid;\n border-radius: 1px;\n right: 0;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n width: 2px;\n height: 10px;\n transform: rotate(45deg);\n top: 8px;\n left: 2px;\n border-radius: 4px;\n }\n`\n\nexport const ArrowsExpandDownLeft = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 70, + "name": "arrows-expand-down-left", + "tags": "arrows interface", + "css": ".gg-arrows-expand-down-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;box-shadow:-6px 6px 0 -4px}.gg-arrows-expand-down-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;border-radius:1px;right:0}.gg-arrows-expand-down-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;width:2px;height:10px;transform:rotate(45deg);top:8px;left:2px;border-radius:4px}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-expand-down-right": [ - [ - { - "nr": 71, - "name": "arrows-expand-down-right", - "css": ".gg-arrows-expand-down-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;box-shadow:6px 6px 0 -4px}.gg-arrows-expand-down-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;border-radius:1px;left:0}.gg-arrows-expand-down-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;width:2px;height:10px;transform:rotate(-45deg);top:8px;right:2px;border-radius:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-expand-down-right.css');", - "json": "https:\/\/css.gg\/json?=arrows-expand-down-right", - "xml": "https:\/\/css.gg\/xml?=arrows-expand-down-right", - "svg_link": "https:\/\/css.gg\/arrows-expand-down-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExpandDownRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n box-shadow: 6px 6px 0 -4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border: 2px solid;\n border-radius: 1px;\n left: 0;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n width: 2px;\n height: 10px;\n transform: rotate(-45deg);\n top: 8px;\n right: 2px;\n border-radius: 4px;\n }\n`\n\nexport const ArrowsExpandDownRight = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 71, + "name": "arrows-expand-down-right", + "tags": "arrows interface", + "css": ".gg-arrows-expand-down-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;box-shadow:6px 6px 0 -4px}.gg-arrows-expand-down-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;border-radius:1px;left:0}.gg-arrows-expand-down-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;width:2px;height:10px;transform:rotate(-45deg);top:8px;right:2px;border-radius:4px}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-expand-left-alt": [ - [ - { - "nr": 72, - "name": "arrows-expand-left-alt", - "css": ".gg-arrows-expand-left-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;margin:2px;box-shadow:6px 6px 0 -4px,-6px -6px 0 -4px}.gg-arrows-expand-left-alt::after,.gg-arrows-expand-left-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;transform:rotate(-45deg)}.gg-arrows-expand-left-alt::before{width:2px;height:22px;top:-4px;left:6px;border-top:9px solid;border-bottom:9px solid}.gg-arrows-expand-left-alt::after{width:8px;height:2px;background:currentColor;top:6px;left:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-expand-left-alt.css');", - "json": "https:\/\/css.gg\/json?=arrows-expand-left-alt", - "xml": "https:\/\/css.gg\/xml?=arrows-expand-left-alt", - "svg_link": "https:\/\/css.gg\/arrows-expand-left-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExpandLeftAlt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n margin: 2px;\n box-shadow: 6px 6px 0 -4px, -6px -6px 0 -4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n transform: rotate(-45deg);\n }\n &::before {\n width: 2px;\n height: 22px;\n top: -4px;\n left: 6px;\n border-top: 9px solid;\n border-bottom: 9px solid;\n }\n &::after {\n width: 8px;\n height: 2px;\n background: currentColor;\n top: 6px;\n left: 3px;\n }\n`\n\nexport const ArrowsExpandLeftAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 72, + "name": "arrows-expand-left-alt", + "tags": "arrows interface", + "css": ".gg-arrows-expand-left-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;margin:2px;box-shadow:6px 6px 0 -4px,-6px -6px 0 -4px}.gg-arrows-expand-left-alt::after,.gg-arrows-expand-left-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;transform:rotate(-45deg)}.gg-arrows-expand-left-alt::before{width:2px;height:22px;top:-4px;left:6px;border-top:9px solid;border-bottom:9px solid}.gg-arrows-expand-left-alt::after{width:8px;height:2px;background:currentColor;top:6px;left:3px}", + "svg": "\n \n \n \n<\/svg>" + } ], "arrows-expand-left": [ - [ - { - "nr": 73, - "name": "arrows-expand-left", - "css": ".gg-arrows-expand-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;box-shadow:6px 6px 0 -4px,-6px -6px 0 -4px}.gg-arrows-expand-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:22px;top:-4px;left:6px;transform:rotate(-45deg);border-top:9px solid;border-bottom:9px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-expand-left.css');", - "json": "https:\/\/css.gg\/json?=arrows-expand-left", - "xml": "https:\/\/css.gg\/xml?=arrows-expand-left", - "svg_link": "https:\/\/css.gg\/arrows-expand-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExpandLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n box-shadow: 6px 6px 0 -4px, -6px -6px 0 -4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 22px;\n top: -4px;\n left: 6px;\n transform: rotate(-45deg);\n border-top: 9px solid;\n border-bottom: 9px solid;\n }\n`\n\nexport const ArrowsExpandLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 73, + "name": "arrows-expand-left", + "tags": "arrows interface", + "css": ".gg-arrows-expand-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;box-shadow:6px 6px 0 -4px,-6px -6px 0 -4px}.gg-arrows-expand-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:22px;top:-4px;left:6px;transform:rotate(-45deg);border-top:9px solid;border-bottom:9px solid}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-expand-right-alt": [ - [ - { - "nr": 74, - "name": "arrows-expand-right-alt", - "css": ".gg-arrows-expand-right-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;margin:2px;box-shadow:-6px 6px 0 -4px,6px -6px 0 -4px}.gg-arrows-expand-right-alt::after,.gg-arrows-expand-right-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;transform:rotate(45deg)}.gg-arrows-expand-right-alt::before{width:2px;height:22px;top:-4px;left:6px;border-top:9px solid;border-bottom:9px solid}.gg-arrows-expand-right-alt::after{width:8px;height:2px;background:currentColor;top:6px;left:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-expand-right-alt.css');", - "json": "https:\/\/css.gg\/json?=arrows-expand-right-alt", - "xml": "https:\/\/css.gg\/xml?=arrows-expand-right-alt", - "svg_link": "https:\/\/css.gg\/arrows-expand-right-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExpandRightAlt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n margin: 2px;\n box-shadow: -6px 6px 0 -4px, 6px -6px 0 -4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n transform: rotate(45deg);\n }\n &::before {\n width: 2px;\n height: 22px;\n top: -4px;\n left: 6px;\n border-top: 9px solid;\n border-bottom: 9px solid;\n }\n &::after {\n width: 8px;\n height: 2px;\n background: currentColor;\n top: 6px;\n left: 3px;\n }\n`\n\nexport const ArrowsExpandRightAlt = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 74, + "name": "arrows-expand-right-alt", + "tags": "arrows interface", + "css": ".gg-arrows-expand-right-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;margin:2px;box-shadow:-6px 6px 0 -4px,6px -6px 0 -4px}.gg-arrows-expand-right-alt::after,.gg-arrows-expand-right-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;transform:rotate(45deg)}.gg-arrows-expand-right-alt::before{width:2px;height:22px;top:-4px;left:6px;border-top:9px solid;border-bottom:9px solid}.gg-arrows-expand-right-alt::after{width:8px;height:2px;background:currentColor;top:6px;left:3px}", + "svg": "\n \n \n \n<\/svg>" + } ], "arrows-expand-right": [ - [ - { - "nr": 75, - "name": "arrows-expand-right", - "css": ".gg-arrows-expand-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;margin:2px;box-shadow:-6px 6px 0 -4px,6px -6px 0 -4px}.gg-arrows-expand-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:22px;top:-4px;left:6px;transform:rotate(45deg);border-top:9px solid;border-bottom:9px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-expand-right.css');", - "json": "https:\/\/css.gg\/json?=arrows-expand-right", - "xml": "https:\/\/css.gg\/xml?=arrows-expand-right", - "svg_link": "https:\/\/css.gg\/arrows-expand-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExpandRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n margin: 2px;\n box-shadow: -6px 6px 0 -4px, 6px -6px 0 -4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 22px;\n top: -4px;\n left: 6px;\n transform: rotate(45deg);\n border-top: 9px solid;\n border-bottom: 9px solid;\n }\n`\n\nexport const ArrowsExpandRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 75, + "name": "arrows-expand-right", + "tags": "arrows interface", + "css": ".gg-arrows-expand-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;margin:2px;box-shadow:-6px 6px 0 -4px,6px -6px 0 -4px}.gg-arrows-expand-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:22px;top:-4px;left:6px;transform:rotate(45deg);border-top:9px solid;border-bottom:9px solid}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-expand-up-left": [ - [ - { - "nr": 76, - "name": "arrows-expand-up-left", - "css": ".gg-arrows-expand-up-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;box-shadow:-6px -6px 0 -4px}.gg-arrows-expand-up-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;border-radius:1px;right:0;bottom:0}.gg-arrows-expand-up-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;width:2px;height:10px;transform:rotate(-45deg);bottom:8px;left:2px;border-radius:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-expand-up-left.css');", - "json": "https:\/\/css.gg\/json?=arrows-expand-up-left", - "xml": "https:\/\/css.gg\/xml?=arrows-expand-up-left", - "svg_link": "https:\/\/css.gg\/arrows-expand-up-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExpandUpLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n box-shadow: -6px -6px 0 -4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border: 2px solid;\n border-radius: 1px;\n right: 0;\n bottom: 0;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n width: 2px;\n height: 10px;\n transform: rotate(-45deg);\n bottom: 8px;\n left: 2px;\n border-radius: 4px;\n }\n`\n\nexport const ArrowsExpandUpLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 76, + "name": "arrows-expand-up-left", + "tags": "arrows interface", + "css": ".gg-arrows-expand-up-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;box-shadow:-6px -6px 0 -4px}.gg-arrows-expand-up-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;border-radius:1px;right:0;bottom:0}.gg-arrows-expand-up-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;width:2px;height:10px;transform:rotate(-45deg);bottom:8px;left:2px;border-radius:4px}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-expand-up-right": [ - [ - { - "nr": 77, - "name": "arrows-expand-up-right", - "css": ".gg-arrows-expand-up-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;box-shadow:6px -6px 0 -4px}.gg-arrows-expand-up-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;border-radius:1px;left:0;bottom:0}.gg-arrows-expand-up-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;width:2px;height:10px;transform:rotate(45deg);bottom:8px;right:2px;border-radius:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-expand-up-right.css');", - "json": "https:\/\/css.gg\/json?=arrows-expand-up-right", - "xml": "https:\/\/css.gg\/xml?=arrows-expand-up-right", - "svg_link": "https:\/\/css.gg\/arrows-expand-up-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsExpandUpRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n box-shadow: 6px -6px 0 -4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border: 2px solid;\n border-radius: 1px;\n left: 0;\n bottom: 0;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n width: 2px;\n height: 10px;\n transform: rotate(45deg);\n bottom: 8px;\n right: 2px;\n border-radius: 4px;\n }\n`\n\nexport const ArrowsExpandUpRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 77, + "name": "arrows-expand-up-right", + "tags": "arrows interface", + "css": ".gg-arrows-expand-up-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;box-shadow:6px -6px 0 -4px}.gg-arrows-expand-up-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;border-radius:1px;left:0;bottom:0}.gg-arrows-expand-up-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;width:2px;height:10px;transform:rotate(45deg);bottom:8px;right:2px;border-radius:4px}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-h-alt": [ - [ - { - "nr": 78, - "name": "arrows-h-alt", - "css": ".gg-arrows-h-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:10px;background:linear-gradient(to left,currentColor 18px,transparent 0)no-repeat 2px 4px\/16px 2px}.gg-arrows-h-alt::after,.gg-arrows-h-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);top:2px}.gg-arrows-h-alt::after{border-bottom:2px solid;border-left:2px solid;left:1px}.gg-arrows-h-alt::before{border-top:2px solid;border-right:2px solid;right:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-h-alt.css');", - "json": "https:\/\/css.gg\/json?=arrows-h-alt", - "xml": "https:\/\/css.gg\/xml?=arrows-h-alt", - "svg_link": "https:\/\/css.gg\/arrows-h-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsHAlt = 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 18px, transparent 0) no-repeat 2px 4px\/16px\n 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 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 ArrowsHAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 78, + "name": "arrows-h-alt", + "tags": "arrows interface", + "css": ".gg-arrows-h-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:10px;background:linear-gradient(to left,currentColor 18px,transparent 0)no-repeat 2px 4px\/16px 2px}.gg-arrows-h-alt::after,.gg-arrows-h-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);top:2px}.gg-arrows-h-alt::after{border-bottom:2px solid;border-left:2px solid;left:1px}.gg-arrows-h-alt::before{border-top:2px solid;border-right:2px solid;right:1px}", + "svg": "\n \n<\/svg>" + } ], "arrows-h": [ - [ - { - "nr": 79, - "name": "arrows-h", - "css": ".gg-arrows-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}.gg-arrows-h::after,.gg-arrows-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);top:2px}.gg-arrows-h::after{border-bottom:2px solid;border-left:2px solid;left:1px}.gg-arrows-h::before{border-top:2px solid;border-right:2px solid;right:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-h.css');", - "json": "https:\/\/css.gg\/json?=arrows-h", - "xml": "https:\/\/css.gg\/xml?=arrows-h", - "svg_link": "https:\/\/css.gg\/arrows-h.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsH = 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 }\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 ArrowsH = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 79, + "name": "arrows-h", + "tags": "arrows interface", + "css": ".gg-arrows-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}.gg-arrows-h::after,.gg-arrows-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);top:2px}.gg-arrows-h::after{border-bottom:2px solid;border-left:2px solid;left:1px}.gg-arrows-h::before{border-top:2px solid;border-right:2px solid;right:1px}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-merge-alt-h": [ - [ - { - "nr": 80, - "name": "arrows-merge-alt-h", - "css": ".gg-arrows-merge-alt-h{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:12px;background:linear-gradient(to left,currentColor 12px,transparent 0)no-repeat center left\/8px 2px,linear-gradient(to left,currentColor 12px,transparent 0)no-repeat center right\/8px 2px,linear-gradient(to left,currentColor 12px,transparent 0)no-repeat 20px center\/2px 12px,linear-gradient(to left,currentColor 12px,transparent 0)no-repeat 0 center\/2px 12px}.gg-arrows-merge-alt-h::after,.gg-arrows-merge-alt-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);top:3px}.gg-arrows-merge-alt-h::after{border-left:2px solid;border-bottom:2px solid;right:3px;}.gg-arrows-merge-alt-h::before{border-right:2px solid;border-top:2px solid;left:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-merge-alt-h.css');", - "json": "https:\/\/css.gg\/json?=arrows-merge-alt-h", - "xml": "https:\/\/css.gg\/xml?=arrows-merge-alt-h", - "svg_link": "https:\/\/css.gg\/arrows-merge-alt-h.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsMergeAltH = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 12px;\n background: linear-gradient(to left, currentColor 12px, transparent 0) no-repeat center left\/8px\n 2px,\n linear-gradient(to left, currentColor 12px, transparent 0) no-repeat center right\/8px 2px,\n linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 20px center\/2px 12px,\n linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 0 center\/2px 12px;\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: 3px;\n }\n &::after {\n border-left: 2px solid;\n border-bottom: 2px solid;\n right: 3px;\n }\n &::before {\n border-right: 2px solid;\n border-top: 2px solid;\n left: 3px;\n }\n`\n\nexport const ArrowsMergeAltH = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 80, + "name": "arrows-merge-alt-h", + "tags": "arrows interface", + "css": ".gg-arrows-merge-alt-h{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:12px;background:linear-gradient(to left,currentColor 12px,transparent 0)no-repeat center left\/8px 2px,linear-gradient(to left,currentColor 12px,transparent 0)no-repeat center right\/8px 2px,linear-gradient(to left,currentColor 12px,transparent 0)no-repeat 20px center\/2px 12px,linear-gradient(to left,currentColor 12px,transparent 0)no-repeat 0 center\/2px 12px}.gg-arrows-merge-alt-h::after,.gg-arrows-merge-alt-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);top:3px}.gg-arrows-merge-alt-h::after{border-left:2px solid;border-bottom:2px solid;right:3px;}.gg-arrows-merge-alt-h::before{border-right:2px solid;border-top:2px solid;left:3px}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-merge-alt-v": [ - [ - { - "nr": 81, - "name": "arrows-merge-alt-v", - "css": ".gg-arrows-merge-alt-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:22px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center top\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center bottom\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 20px\/10px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 0\/10px 2px}.gg-arrows-merge-alt-v::after,.gg-arrows-merge-alt-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:3px}.gg-arrows-merge-alt-v::after{border-left:2px solid;border-top:2px solid;bottom:3px;}.gg-arrows-merge-alt-v::before{border-right:2px solid;border-bottom:2px solid;top:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-merge-alt-v.css');", - "json": "https:\/\/css.gg\/json?=arrows-merge-alt-v", - "xml": "https:\/\/css.gg\/xml?=arrows-merge-alt-v", - "svg_link": "https:\/\/css.gg\/arrows-merge-alt-v.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsMergeAltV = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 22px;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center top\/2px\n 8px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center bottom\/2px 8px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center 20px\/10px 2px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center 0\/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: 3px;\n }\n &::after {\n border-left: 2px solid;\n border-top: 2px solid;\n bottom: 3px;\n }\n &::before {\n border-right: 2px solid;\n border-bottom: 2px solid;\n top: 3px;\n }\n`\n\nexport const ArrowsMergeAltV = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 81, + "name": "arrows-merge-alt-v", + "tags": "arrows interface", + "css": ".gg-arrows-merge-alt-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:22px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center top\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center bottom\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 20px\/10px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 0\/10px 2px}.gg-arrows-merge-alt-v::after,.gg-arrows-merge-alt-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:3px}.gg-arrows-merge-alt-v::after{border-left:2px solid;border-top:2px solid;bottom:3px;}.gg-arrows-merge-alt-v::before{border-right:2px solid;border-bottom:2px solid;top:3px}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-scroll-h": [ - [ - { - "nr": 82, - "name": "arrows-scroll-h", - "css": ".gg-arrows-scroll-h{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:6px}.gg-arrows-scroll-h::after,.gg-arrows-scroll-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg)}.gg-arrows-scroll-h::after{border-bottom:2px solid;border-left:2px solid;right:0}.gg-arrows-scroll-h::before{border-top:2px solid;border-right:2px solid;left:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-scroll-h.css');", - "json": "https:\/\/css.gg\/json?=arrows-scroll-h", - "xml": "https:\/\/css.gg\/xml?=arrows-scroll-h", - "svg_link": "https:\/\/css.gg\/arrows-scroll-h.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsScrollH = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 6px;\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 }\n &::after {\n border-bottom: 2px solid;\n border-left: 2px solid;\n right: 0;\n }\n &::before {\n border-top: 2px solid;\n border-right: 2px solid;\n left: 0;\n }\n`\n\nexport const ArrowsScrollH = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 82, + "name": "arrows-scroll-h", + "tags": "arrows interface", + "css": ".gg-arrows-scroll-h{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:6px}.gg-arrows-scroll-h::after,.gg-arrows-scroll-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg)}.gg-arrows-scroll-h::after{border-bottom:2px solid;border-left:2px solid;right:0}.gg-arrows-scroll-h::before{border-top:2px solid;border-right:2px solid;left:0}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-scroll-v": [ - [ - { - "nr": 83, - "name": "arrows-scroll-v", - "css": ".gg-arrows-scroll-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:16px}.gg-arrows-scroll-v::after,.gg-arrows-scroll-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(-45deg)}.gg-arrows-scroll-v::after{border-bottom:2px solid;border-left:2px solid}.gg-arrows-scroll-v::before{border-top:2px solid;border-right:2px solid;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-scroll-v.css');", - "json": "https:\/\/css.gg\/json?=arrows-scroll-v", - "xml": "https:\/\/css.gg\/xml?=arrows-scroll-v", - "svg_link": "https:\/\/css.gg\/arrows-scroll-v.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsScrollV = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 6px;\n height: 16px;\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 }\n &::after {\n border-bottom: 2px solid;\n border-left: 2px solid;\n }\n &::before {\n border-top: 2px solid;\n border-right: 2px solid;\n bottom: 0;\n }\n`\n\nexport const ArrowsScrollV = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 83, + "name": "arrows-scroll-v", + "tags": "arrows interface", + "css": ".gg-arrows-scroll-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:16px}.gg-arrows-scroll-v::after,.gg-arrows-scroll-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(-45deg)}.gg-arrows-scroll-v::after{border-bottom:2px solid;border-left:2px solid}.gg-arrows-scroll-v::before{border-top:2px solid;border-right:2px solid;bottom:0}", + "svg": "\n \n \n<\/svg>" + } ], "arrows-shrink-h": [ - [ - { - "nr": 84, - "name": "arrows-shrink-h", - "css": ".gg-arrows-shrink-h{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:10px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center center\/10px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 18px center\/2px 10px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 0px center\/2px 10px}.gg-arrows-shrink-h::after,.gg-arrows-shrink-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);top:2px}.gg-arrows-shrink-h::after{border-left:2px solid;border-bottom:2px solid;left:4px;}.gg-arrows-shrink-h::before{border-right:2px solid;border-top:2px solid;right:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-shrink-h.css');", - "json": "https:\/\/css.gg\/json?=arrows-shrink-h", - "xml": "https:\/\/css.gg\/xml?=arrows-shrink-h", - "svg_link": "https:\/\/css.gg\/arrows-shrink-h.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsShrinkH = 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 10px, transparent 0) no-repeat center\n center\/10px 2px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 18px center\/2px 10px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 0px 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-left: 2px solid;\n border-bottom: 2px solid;\n left: 4px;\n }\n &::before {\n border-right: 2px solid;\n border-top: 2px solid;\n right: 4px;\n }\n`\n\nexport const ArrowsShrinkH = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 84, + "name": "arrows-shrink-h", + "tags": "arrows interface", + "css": ".gg-arrows-shrink-h{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:10px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center center\/10px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 18px center\/2px 10px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 0px center\/2px 10px}.gg-arrows-shrink-h::after,.gg-arrows-shrink-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);top:2px}.gg-arrows-shrink-h::after{border-left:2px solid;border-bottom:2px solid;left:4px;}.gg-arrows-shrink-h::before{border-right:2px solid;border-top:2px solid;right:4px}", + "svg": "\n \n \n \n<\/svg>" + } ], "arrows-shrink-v": [ - [ - { - "nr": 85, - "name": "arrows-shrink-v", - "css": ".gg-arrows-shrink-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:20px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center center\/2px 10px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 18px\/10px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 0\/10px 2px}.gg-arrows-shrink-v::after,.gg-arrows-shrink-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:2px}.gg-arrows-shrink-v::after{border-left:2px solid;border-top:2px solid;top:4px;}.gg-arrows-shrink-v::before{border-right:2px solid;border-bottom:2px solid;bottom:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-shrink-v.css');", - "json": "https:\/\/css.gg\/json?=arrows-shrink-v", - "xml": "https:\/\/css.gg\/xml?=arrows-shrink-v", - "svg_link": "https:\/\/css.gg\/arrows-shrink-v.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsShrinkV = 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 10px, transparent 0) no-repeat center\n center\/2px 10px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center 18px\/10px 2px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center 0\/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-left: 2px solid;\n border-top: 2px solid;\n top: 4px;\n }\n &::before {\n border-right: 2px solid;\n border-bottom: 2px solid;\n bottom: 4px;\n }\n`\n\nexport const ArrowsShrinkV = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 85, + "name": "arrows-shrink-v", + "tags": "arrows interface", + "css": ".gg-arrows-shrink-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:20px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center center\/2px 10px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 18px\/10px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center 0\/10px 2px}.gg-arrows-shrink-v::after,.gg-arrows-shrink-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:2px}.gg-arrows-shrink-v::after{border-left:2px solid;border-top:2px solid;top:4px;}.gg-arrows-shrink-v::before{border-right:2px solid;border-bottom:2px solid;bottom:4px}", + "svg": "\n \n \n \n<\/svg>" + } ], "arrows-v-alt": [ - [ - { - "nr": 86, - "name": "arrows-v-alt", - "css": ".gg-arrows-v-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:20px;background:linear-gradient(to left,currentColor 16px,transparent 0)no-repeat 4px 2px\/2px 16px}.gg-arrows-v-alt::after,.gg-arrows-v-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(-45deg);left:2px}.gg-arrows-v-alt::after{border-bottom:2px solid;border-left:2px solid;bottom:1px}.gg-arrows-v-alt::before{border-top:2px solid;border-right:2px solid;top:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-v-alt.css');", - "json": "https:\/\/css.gg\/json?=arrows-v-alt", - "xml": "https:\/\/css.gg\/xml?=arrows-v-alt", - "svg_link": "https:\/\/css.gg\/arrows-v-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsVAlt = 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 16px, transparent 0) no-repeat 4px 2px\/2px\n 16px;\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 ArrowsVAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 86, + "name": "arrows-v-alt", + "tags": "arrows interface", + "css": ".gg-arrows-v-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:20px;background:linear-gradient(to left,currentColor 16px,transparent 0)no-repeat 4px 2px\/2px 16px}.gg-arrows-v-alt::after,.gg-arrows-v-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(-45deg);left:2px}.gg-arrows-v-alt::after{border-bottom:2px solid;border-left:2px solid;bottom:1px}.gg-arrows-v-alt::before{border-top:2px solid;border-right:2px solid;top:1px}", + "svg": "\n \n<\/svg>" + } ], "arrows-v": [ - [ - { - "nr": 87, - "name": "arrows-v", - "css": ".gg-arrows-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}.gg-arrows-v::after,.gg-arrows-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(-45deg);left:2px}.gg-arrows-v::after{border-bottom:2px solid;border-left:2px solid;bottom:1px}.gg-arrows-v::before{border-top:2px solid;border-right:2px solid;top:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/arrows-v.css');", - "json": "https:\/\/css.gg\/json?=arrows-v", - "xml": "https:\/\/css.gg\/xml?=arrows-v", - "svg_link": "https:\/\/css.gg\/arrows-v.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledArrowsV = 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 }\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 ArrowsV = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 87, + "name": "arrows-v", + "tags": "arrows interface", + "css": ".gg-arrows-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}.gg-arrows-v::after,.gg-arrows-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(-45deg);left:2px}.gg-arrows-v::after{border-bottom:2px solid;border-left:2px solid;bottom:1px}.gg-arrows-v::before{border-top:2px solid;border-right:2px solid;top:1px}", + "svg": "\n \n \n<\/svg>" + } ], "assign": [ - [ - { - "nr": 88, - "name": "assign", - "css": ".gg-assign{box-sizing:border-box;position:relative;display:block;width:6px;height:6px;background:currentColor;transform:scale(var(--ggs,1));border-radius:100px}.gg-assign::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:12px;box-shadow:-5px -5px 0 -3px,5px 5px 0 -3px,5px -5px 0 -3px,-5px 5px 0 -3px;left:-3px;top:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/assign.css');", - "json": "https:\/\/css.gg\/json?=assign", - "xml": "https:\/\/css.gg\/xml?=assign", - "svg_link": "https:\/\/css.gg\/assign.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAssign = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 6px;\n height: 6px;\n background: currentColor;\n transform: scale(var(--ggs, 1));\n border-radius: 100px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 12px;\n height: 12px;\n box-shadow: -5px -5px 0 -3px, 5px 5px 0 -3px, 5px -5px 0 -3px, -5px 5px 0 -3px;\n left: -3px;\n top: -3px;\n }\n`\n\nexport const Assign = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 88, + "name": "assign", + "tags": "buttons code", + "css": ".gg-assign{box-sizing:border-box;position:relative;display:block;width:6px;height:6px;background:currentColor;transform:scale(var(--ggs,1));border-radius:100px}.gg-assign::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:12px;box-shadow:-5px -5px 0 -3px,5px 5px 0 -3px,5px -5px 0 -3px,-5px 5px 0 -3px;left:-3px;top:-3px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "asterisk": [ - [ - { - "nr": 89, - "name": "asterisk", - "css": ".gg-asterisk{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-left:5px solid transparent;border-right:5px solid transparent;box-shadow:inset 0 0 0 2px}.gg-asterisk::after,.gg-asterisk::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:2px;height:12px;background:currentColor;transform:rotate(55deg)}.gg-asterisk::after{transform:rotate(-55deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/asterisk.css');", - "json": "https:\/\/css.gg\/json?=asterisk", - "xml": "https:\/\/css.gg\/xml?=asterisk", - "svg_link": "https:\/\/css.gg\/asterisk.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAsterisk = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 12px;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n box-shadow: inset 0 0 0 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 2px;\n height: 12px;\n background: currentColor;\n transform: rotate(55deg);\n }\n &::after {\n transform: rotate(-55deg);\n }\n`\n\nexport const Asterisk = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 89, + "name": "asterisk", + "tags": "design interface", + "css": ".gg-asterisk{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-left:5px solid transparent;border-right:5px solid transparent;box-shadow:inset 0 0 0 2px}.gg-asterisk::after,.gg-asterisk::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:2px;height:12px;background:currentColor;transform:rotate(55deg)}.gg-asterisk::after{transform:rotate(-55deg)}", + "svg": "\n \n<\/svg>" + } ], "atlasian": [ - [ - { - "nr": 90, - "name": "atlasian", - "css": ".gg-atlasian{position:relative;box-sizing:border-box;display:block;width:22px;height:18px;transform:scale(var(--ggs,1));overflow:hidden}.gg-atlasian::after,.gg-atlasian::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;background:currentColor;border-radius:4px}.gg-atlasian::before{height:12px;border-top-right-radius:10px;bottom:-4px;left:3px;transform:rotate(30deg) skewY(35deg);opacity:.8}.gg-atlasian::after{height:24px;border-top-left-radius:10px;bottom:-8px;right:3px;transform:rotate(-30deg) skewY(-35deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/atlasian.css');", - "json": "https:\/\/css.gg\/json?=atlasian", - "xml": "https:\/\/css.gg\/xml?=atlasian", - "svg_link": "https:\/\/css.gg\/atlasian.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAtlasian = styled.i`\n & {\n position: relative;\n box-sizing: border-box;\n display: block;\n width: 22px;\n height: 18px;\n transform: scale(var(--ggs, 1));\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n background: currentColor;\n border-radius: 4px;\n }\n &::before {\n height: 12px;\n border-top-right-radius: 10px;\n bottom: -4px;\n left: 3px;\n transform: rotate(30deg) skewY(35deg);\n opacity: 0.8;\n }\n &::after {\n height: 24px;\n border-top-left-radius: 10px;\n bottom: -8px;\n right: 3px;\n transform: rotate(-30deg) skewY(-35deg);\n }\n`\n\nexport const Atlasian = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 90, + "name": "atlasian", + "tags": "brands", + "css": ".gg-atlasian{position:relative;box-sizing:border-box;display:block;width:22px;height:18px;transform:scale(var(--ggs,1));overflow:hidden}.gg-atlasian::after,.gg-atlasian::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;background:currentColor;border-radius:4px}.gg-atlasian::before{height:12px;border-top-right-radius:10px;bottom:-4px;left:3px;transform:rotate(30deg) skewY(35deg);opacity:.8}.gg-atlasian::after{height:24px;border-top-left-radius:10px;bottom:-8px;right:3px;transform:rotate(-30deg) skewY(-35deg)}", + "svg": "\n \n \n<\/svg>" + } ], "attachment": [ - [ - { - "nr": 91, - "name": "attachment", - "css": ".gg-attachment{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border:2px solid;border-top:0;border-bottom-left-radius:100px;border-bottom-right-radius:100px;transform:scale(var(--ggs,1));margin-top:11px}.gg-attachment::after,.gg-attachment::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;border:2px solid}.gg-attachment::after{border-bottom:0;border-top-left-radius:100px;border-top-right-radius:100px;right:-2px;width:10px;height:14px;bottom:8px}.gg-attachment::before{width:6px;height:12px;border-top:0;border-bottom-left-radius:100px;border-bottom-right-radius:100px;left:2px;bottom:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/attachment.css');", - "json": "https:\/\/css.gg\/json?=attachment", - "xml": "https:\/\/css.gg\/xml?=attachment", - "svg_link": "https:\/\/css.gg\/attachment.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAttachment = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-top: 0;\n border-bottom-left-radius: 100px;\n border-bottom-right-radius: 100px;\n transform: scale(var(--ggs, 1));\n margin-top: 11px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n border: 2px solid;\n }\n &::after {\n border-bottom: 0;\n border-top-left-radius: 100px;\n border-top-right-radius: 100px;\n right: -2px;\n width: 10px;\n height: 14px;\n bottom: 8px;\n }\n &::before {\n width: 6px;\n height: 12px;\n border-top: 0;\n border-bottom-left-radius: 100px;\n border-bottom-right-radius: 100px;\n left: 2px;\n bottom: 4px;\n }\n`\n\nexport const Attachment = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 91, + "name": "attachment", + "tags": "content multimedia interface", + "css": ".gg-attachment{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border:2px solid;border-top:0;border-bottom-left-radius:100px;border-bottom-right-radius:100px;transform:scale(var(--ggs,1));margin-top:11px}.gg-attachment::after,.gg-attachment::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;border:2px solid}.gg-attachment::after{border-bottom:0;border-top-left-radius:100px;border-top-right-radius:100px;right:-2px;width:10px;height:14px;bottom:8px}.gg-attachment::before{width:6px;height:12px;border-top:0;border-bottom-left-radius:100px;border-bottom-right-radius:100px;left:2px;bottom:4px}", + "svg": "\n \n<\/svg>" + } ], "attribution": [ - [ - { - "nr": 92, - "name": "attribution", - "css": ".gg-attribution{display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:16px;height:18px;background:linear-gradient(to left,currentColor 14px,transparent 0) no-repeat 1px 2px\/8px 2px,linear-gradient(to left,currentColor 14px,transparent 0) no-repeat 6px 14px\/6px 2px,radial-gradient(circle,currentColor 60%,transparent 40%) no-repeat 10px 12px\/6px 6px,radial-gradient(circle,currentColor 60%,transparent 40%) no-repeat 0 0\/6px 6px}.gg-attribution::after,.gg-attribution::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid}.gg-attribution::before{border-right:0;border-top-left-radius:10px;border-bottom-left-radius:10px;top:8px;left:2px}.gg-attribution::after{border-left:0;border-top-right-radius:10px;border-bottom-right-radius:10px;right:2px;top:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/attribution.css');", - "json": "https:\/\/css.gg\/json?=attribution", - "xml": "https:\/\/css.gg\/xml?=attribution", - "svg_link": "https:\/\/css.gg\/attribution.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAttribution = styled.i`\n & {\n display: block;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 18px;\n background: linear-gradient(to left, currentColor 14px, transparent 0) no-repeat 1px 2px\/8px 2px,\n linear-gradient(to left, currentColor 14px, transparent 0) no-repeat 6px 14px\/6px 2px,\n radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 10px 12px\/6px 6px,\n radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 0 0\/6px 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border: 2px solid;\n }\n &::before {\n border-right: 0;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n top: 8px;\n left: 2px;\n }\n &::after {\n border-left: 0;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n right: 2px;\n top: 2px;\n }\n`\n\nexport const Attribution = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 92, + "name": "attribution", + "tags": "interface", + "css": ".gg-attribution{display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:16px;height:18px;background:linear-gradient(to left,currentColor 14px,transparent 0) no-repeat 1px 2px\/8px 2px,linear-gradient(to left,currentColor 14px,transparent 0) no-repeat 6px 14px\/6px 2px,radial-gradient(circle,currentColor 60%,transparent 40%) no-repeat 10px 12px\/6px 6px,radial-gradient(circle,currentColor 60%,transparent 40%) no-repeat 0 0\/6px 6px}.gg-attribution::after,.gg-attribution::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid}.gg-attribution::before{border-right:0;border-top-left-radius:10px;border-bottom-left-radius:10px;top:8px;left:2px}.gg-attribution::after{border-left:0;border-top-right-radius:10px;border-bottom-right-radius:10px;right:2px;top:2px}", + "svg": "\n \n<\/svg>" + } ], "awards": [ - [ - { - "nr": 93, - "name": "awards", - "css": ".gg-awards{display:block;position:relative;transform:scale(var(--ggs,1));box-sizing:border-box;width:16px;height:20px;border:4px solid transparent;border-top:12px solid transparent;border-bottom:0;box-shadow:inset 4px 0 0 -2px,inset -4px 0 0 -2px}.gg-awards::after,.gg-awards::before{content:\"\";box-sizing:border-box;position:absolute;display:block;border:2px solid}.gg-awards::before{width:14px;height:14px;border-radius:22px;top:-12px;left:-3px}.gg-awards::after{width:6px;height:6px;border-right-color:transparent;border-bottom-color:transparent;border-bottom-left-radius:1px;border-top-right-radius:1px;transform:rotate(45deg);bottom:-3px;left:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/awards.css');", - "json": "https:\/\/css.gg\/json?=awards", - "xml": "https:\/\/css.gg\/xml?=awards", - "svg_link": "https:\/\/css.gg\/awards.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledAwards = styled.i`\n & {\n display: block;\n position: relative;\n transform: scale(var(--ggs, 1));\n box-sizing: border-box;\n width: 16px;\n height: 20px;\n border: 4px solid transparent;\n border-top: 12px solid transparent;\n border-bottom: 0;\n box-shadow: inset 4px 0 0 -2px, inset -4px 0 0 -2px;\n }\n &::after,\n &::before {\n content: '';\n box-sizing: border-box;\n position: absolute;\n display: block;\n border: 2px solid;\n }\n &::before {\n width: 14px;\n height: 14px;\n border-radius: 22px;\n top: -12px;\n left: -3px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-right-color: transparent;\n border-bottom-color: transparent;\n border-bottom-left-radius: 1px;\n border-top-right-radius: 1px;\n transform: rotate(45deg);\n bottom: -3px;\n left: 1px;\n }\n`\n\nexport const Awards = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 93, + "name": "awards", + "tags": "interface", + "css": ".gg-awards{display:block;position:relative;transform:scale(var(--ggs,1));box-sizing:border-box;width:16px;height:20px;border:4px solid transparent;border-top:12px solid transparent;border-bottom:0;box-shadow:inset 4px 0 0 -2px,inset -4px 0 0 -2px}.gg-awards::after,.gg-awards::before{content:\"\";box-sizing:border-box;position:absolute;display:block;border:2px solid}.gg-awards::before{width:14px;height:14px;border-radius:22px;top:-12px;left:-3px}.gg-awards::after{width:6px;height:6px;border-right-color:transparent;border-bottom-color:transparent;border-bottom-left-radius:1px;border-top-right-radius:1px;transform:rotate(45deg);bottom:-3px;left:1px}", + "svg": "\n \n<\/svg>" + } ], "backspace": [ - [ - { - "nr": 94, - "name": "backspace", - "css": ".gg-backspace{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;transform:scale(var(--ggs,1));border:2px solid;border-left:0;border-top-right-radius:2px;border-bottom-right-radius:2px}.gg-backspace::after,.gg-backspace::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-backspace::before{background:linear-gradient( to left,currentColor 18px,transparent 0)no-repeat center center\/10px 2px;border-right:3px solid transparent;box-shadow:inset 0 0 0 2px;right:2px;bottom:1px;width:8px;height:8px;border-left:3px solid transparent;transform:rotate(45deg)}.gg-backspace::after{width:10px;height:10px;border-top:2px solid;border-left:2px solid;border-top-left-radius:1px;transform:rotate(-45deg);top:0;left:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/backspace.css');", - "json": "https:\/\/css.gg\/json?=backspace", - "xml": "https:\/\/css.gg\/xml?=backspace", - "svg_link": "https:\/\/css.gg\/backspace.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBackspace = 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: 2px solid;\n border-left: 0;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: linear-gradient(to left, currentColor 18px, transparent 0) no-repeat center\n center\/10px 2px;\n border-right: 3px solid transparent;\n box-shadow: inset 0 0 0 2px;\n right: 2px;\n bottom: 1px;\n width: 8px;\n height: 8px;\n border-left: 3px solid transparent;\n transform: rotate(45deg);\n }\n &::after {\n width: 10px;\n height: 10px;\n border-top: 2px solid;\n border-left: 2px solid;\n border-top-left-radius: 1px;\n transform: rotate(-45deg);\n top: 0;\n left: -5px;\n }\n`\n\nexport const Backspace = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 94, + "name": "backspace", + "tags": "interface arrows content buttons", + "css": ".gg-backspace{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;transform:scale(var(--ggs,1));border:2px solid;border-left:0;border-top-right-radius:2px;border-bottom-right-radius:2px}.gg-backspace::after,.gg-backspace::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-backspace::before{background:linear-gradient( to left,currentColor 18px,transparent 0)no-repeat center center\/10px 2px;border-right:3px solid transparent;box-shadow:inset 0 0 0 2px;right:2px;bottom:1px;width:8px;height:8px;border-left:3px solid transparent;transform:rotate(45deg)}.gg-backspace::after{width:10px;height:10px;border-top:2px solid;border-left:2px solid;border-top-left-radius:1px;transform:rotate(-45deg);top:0;left:-5px}", + "svg": "\n \n \n<\/svg>" + } ], "band-aid": [ - [ - { - "nr": 95, - "name": "band-aid", - "css": ".gg-band-aid{box-sizing:border-box;position:relative;display:block;transform:rotate(-25deg)scale(var(--ggs,1));width:24px;height:12px;border:2px solid;border-radius:22px}.gg-band-aid::after,.gg-band-aid::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-band-aid::before{width:12px;height:10px;top:-2px;left:4px;border-left:2px solid;border-right:2px solid}.gg-band-aid::after{width:2px;height:2px;background:currentColor;box-shadow:0 4px 0,4px 0 0,4px 4px 0;border-radius:22px;left:7px;top:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/band-aid.css');", - "json": "https:\/\/css.gg\/json?=band-aid", - "xml": "https:\/\/css.gg\/xml?=band-aid", - "svg_link": "https:\/\/css.gg\/band-aid.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBandAid = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-25deg) scale(var(--ggs, 1));\n width: 24px;\n height: 12px;\n border: 2px solid;\n border-radius: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n width: 12px;\n height: 10px;\n top: -2px;\n left: 4px;\n border-left: 2px solid;\n border-right: 2px solid;\n }\n &::after {\n width: 2px;\n height: 2px;\n background: currentColor;\n box-shadow: 0 4px 0, 4px 0 0, 4px 4px 0;\n border-radius: 22px;\n left: 7px;\n top: 1px;\n }\n`\n\nexport const BandAid = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 95, + "name": "band-aid", + "tags": "interface", + "css": ".gg-band-aid{box-sizing:border-box;position:relative;display:block;transform:rotate(-25deg)scale(var(--ggs,1));width:24px;height:12px;border:2px solid;border-radius:22px}.gg-band-aid::after,.gg-band-aid::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-band-aid::before{width:12px;height:10px;top:-2px;left:4px;border-left:2px solid;border-right:2px solid}.gg-band-aid::after{width:2px;height:2px;background:currentColor;box-shadow:0 4px 0,4px 0 0,4px 4px 0;border-radius:22px;left:7px;top:1px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "battery-empty": [ - [ - { - "nr": 96, - "name": "battery-empty", - "css": ".gg-battery-empty{box-sizing:border-box;position:relative;display:block;width:20px;height:12px;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;margin-left:-3px}.gg-battery-empty::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:4px;height:6px;right:-4px;top:1px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/battery-empty.css');", - "json": "https:\/\/css.gg\/json?=battery-empty", - "xml": "https:\/\/css.gg\/xml?=battery-empty", - "svg_link": "https:\/\/css.gg\/battery-empty.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBatteryEmpty = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 12px;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n margin-left: -3px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 4px;\n height: 6px;\n right: -4px;\n top: 1px;\n background: currentColor;\n }\n`\n\nexport const BatteryEmpty = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 96, + "name": "battery-empty", + "tags": "interface alerts", + "css": ".gg-battery-empty{box-sizing:border-box;position:relative;display:block;width:20px;height:12px;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;margin-left:-3px}.gg-battery-empty::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:4px;height:6px;right:-4px;top:1px;background:currentColor}", + "svg": "\n \n<\/svg>" + } ], "battery-full": [ - [ - { - "nr": 97, - "name": "battery-full", - "css": ".gg-battery-full{box-sizing:border-box;position:relative;display:block;width:20px;height:12px;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;margin-left:-3px}.gg-battery-full::after,.gg-battery-full::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:6px;background:currentColor;top:1px}.gg-battery-full::before{right:-4px;border-radius:3px;width:4px}.gg-battery-full::after{width:14px;left:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/battery-full.css');", - "json": "https:\/\/css.gg\/json?=battery-full", - "xml": "https:\/\/css.gg\/xml?=battery-full", - "svg_link": "https:\/\/css.gg\/battery-full.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBatteryFull = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 12px;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n margin-left: -3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 6px;\n background: currentColor;\n top: 1px;\n }\n &::before {\n right: -4px;\n border-radius: 3px;\n width: 4px;\n }\n &::after {\n width: 14px;\n left: 1px;\n }\n`\n\nexport const BatteryFull = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 97, + "name": "battery-full", + "tags": "interface alerts", + "css": ".gg-battery-full{box-sizing:border-box;position:relative;display:block;width:20px;height:12px;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;margin-left:-3px}.gg-battery-full::after,.gg-battery-full::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:6px;background:currentColor;top:1px}.gg-battery-full::before{right:-4px;border-radius:3px;width:4px}.gg-battery-full::after{width:14px;left:1px}", + "svg": "\n \n \n<\/svg>" + } ], "battery": [ - [ - { - "nr": 98, - "name": "battery", - "css": ".gg-battery{box-sizing:border-box;position:relative;display:block;width:20px;height:12px;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;margin-left:-3px}.gg-battery::after,.gg-battery::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:6px;background:currentColor;top:1px}.gg-battery::before{right:-4px;border-radius:3px;width:4px}.gg-battery::after{width:8px;left:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/battery.css');", - "json": "https:\/\/css.gg\/json?=battery", - "xml": "https:\/\/css.gg\/xml?=battery", - "svg_link": "https:\/\/css.gg\/battery.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBattery = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 12px;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n margin-left: -3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 6px;\n background: currentColor;\n top: 1px;\n }\n &::before {\n right: -4px;\n border-radius: 3px;\n width: 4px;\n }\n &::after {\n width: 8px;\n left: 1px;\n }\n`\n\nexport const Battery = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 98, + "name": "battery", + "tags": "interface alerts", + "css": ".gg-battery{box-sizing:border-box;position:relative;display:block;width:20px;height:12px;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;margin-left:-3px}.gg-battery::after,.gg-battery::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:6px;background:currentColor;top:1px}.gg-battery::before{right:-4px;border-radius:3px;width:4px}.gg-battery::after{width:8px;left:1px}", + "svg": "\n \n \n<\/svg>" + } ], "bee": [ - [ - { - "nr": 99, - "name": "bee", - "css": ".gg-bee,.gg-bee::after,.gg-bee::before{display:block;box-sizing:border-box;border:2px solid}.gg-bee{position:relative;width:12px;height:20px;transform:scale(var(--ggs,1));border-radius:22px;background:linear-gradient(to left,currentColor 12px,transparent 0) no-repeat center 6px\/12px 2px,linear-gradient(to left,currentColor 12px,transparent 0) no-repeat center 10px\/12px 2px;box-shadow:0 4px 0 -2px,0 7px 0 -4px}.gg-bee::after,.gg-bee::before{content:\"\";position:absolute;width:6px;height:10px;border-top:0;border-bottom-left-radius:22px;border-bottom-right-radius:22px;top:4px}.gg-bee::before{left:-6px;transform:rotate(40deg)}.gg-bee::after{right:-6px;transform:rotate(-40deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/bee.css');", - "json": "https:\/\/css.gg\/json?=bee", - "xml": "https:\/\/css.gg\/xml?=bee", - "svg_link": "https:\/\/css.gg\/bee.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBee = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n border: 2px solid;\n }\n & {\n position: relative;\n width: 12px;\n height: 20px;\n transform: scale(var(--ggs, 1));\n border-radius: 22px;\n background: linear-gradient(to left, currentColor 12px, transparent 0) no-repeat center 6px\/12px\n 2px,\n linear-gradient(to left, currentColor 12px, transparent 0) no-repeat center 10px\/12px 2px;\n box-shadow: 0 4px 0 -2px, 0 7px 0 -4px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 6px;\n height: 10px;\n border-top: 0;\n border-bottom-left-radius: 22px;\n border-bottom-right-radius: 22px;\n top: 4px;\n }\n &::before {\n left: -6px;\n transform: rotate(40deg);\n }\n &::after {\n right: -6px;\n transform: rotate(-40deg);\n }\n`\n\nexport const Bee = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 99, + "name": "bee", + "tags": "interface", + "css": ".gg-bee,.gg-bee::after,.gg-bee::before{display:block;box-sizing:border-box;border:2px solid}.gg-bee{position:relative;width:12px;height:20px;transform:scale(var(--ggs,1));border-radius:22px;background:linear-gradient(to left,currentColor 12px,transparent 0) no-repeat center 6px\/12px 2px,linear-gradient(to left,currentColor 12px,transparent 0) no-repeat center 10px\/12px 2px;box-shadow:0 4px 0 -2px,0 7px 0 -4px}.gg-bee::after,.gg-bee::before{content:\"\";position:absolute;width:6px;height:10px;border-top:0;border-bottom-left-radius:22px;border-bottom-right-radius:22px;top:4px}.gg-bee::before{left:-6px;transform:rotate(40deg)}.gg-bee::after{right:-6px;transform:rotate(-40deg)}", + "svg": "\n \n<\/svg>" + } ], "bell": [ - [ - { - "nr": 100, - "name": "bell", - "css": ".gg-bell,.gg-bell::before{border-top-left-radius:100px;border-top-right-radius:100px}.gg-bell{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-bottom:0;width:14px;height:14px}.gg-bell::after,.gg-bell::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-bell::before{background:currentColor;width:4px;height:4px;top:-4px;left:3px}.gg-bell::after{border-radius:3px;width:16px;height:10px;border:6px solid transparent;border-top:1px solid transparent;box-shadow:inset 0 0 0 4px,0 -2px 0 0;top:14px;left:-3px;border-bottom-left-radius:100px;border-bottom-right-radius:100px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/bell.css');", - "json": "https:\/\/css.gg\/json?=bell", - "xml": "https:\/\/css.gg\/xml?=bell", - "svg_link": "https:\/\/css.gg\/bell.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBell = styled.i`\n &,\n &::before {\n border-top-left-radius: 100px;\n border-top-right-radius: 100px;\n }\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-bottom: 0;\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n width: 4px;\n height: 4px;\n top: -4px;\n left: 3px;\n }\n &::after {\n border-radius: 3px;\n width: 16px;\n height: 10px;\n border: 6px solid transparent;\n border-top: 1px solid transparent;\n box-shadow: inset 0 0 0 4px, 0 -2px 0 0;\n top: 14px;\n left: -3px;\n border-bottom-left-radius: 100px;\n border-bottom-right-radius: 100px;\n }\n`\n\nexport const Bell = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 100, + "name": "bell", + "tags": "alerts interface time", + "css": ".gg-bell,.gg-bell::before{border-top-left-radius:100px;border-top-right-radius:100px}.gg-bell{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-bottom:0;width:14px;height:14px}.gg-bell::after,.gg-bell::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-bell::before{background:currentColor;width:4px;height:4px;top:-4px;left:3px}.gg-bell::after{border-radius:3px;width:16px;height:10px;border:6px solid transparent;border-top:1px solid transparent;box-shadow:inset 0 0 0 4px,0 -2px 0 0;top:14px;left:-3px;border-bottom-left-radius:100px;border-bottom-right-radius:100px}", + "svg": "\n \n<\/svg>" + } ], "bitbucket": [ - [ - { - "nr": 101, - "name": "bitbucket", - "css": ".gg-bitbucket{position:relative;box-sizing:border-box;display:block;width:15px;height:15px;transform:scale(var(--ggs,1));border-top:5px solid;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center bottom\/10px 5px}.gg-bitbucket::after,.gg-bitbucket::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;width:5px;height:15px;top:-5px;transform:skew(10deg);border-radius:1px}.gg-bitbucket::after{right:0;transform:skew(-10deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/bitbucket.css');", - "json": "https:\/\/css.gg\/json?=bitbucket", - "xml": "https:\/\/css.gg\/xml?=bitbucket", - "svg_link": "https:\/\/css.gg\/bitbucket.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBitbucket = styled.i`\n & {\n position: relative;\n box-sizing: border-box;\n display: block;\n width: 15px;\n height: 15px;\n transform: scale(var(--ggs, 1));\n border-top: 5px solid;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center\n bottom\/10px 5px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n width: 5px;\n height: 15px;\n top: -5px;\n transform: skew(10deg);\n border-radius: 1px;\n }\n &::after {\n right: 0;\n transform: skew(-10deg);\n }\n`\n\nexport const Bitbucket = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 101, + "name": "bitbucket", + "tags": "interface", + "css": ".gg-bitbucket{position:relative;box-sizing:border-box;display:block;width:15px;height:15px;transform:scale(var(--ggs,1));border-top:5px solid;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center bottom\/10px 5px}.gg-bitbucket::after,.gg-bitbucket::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;width:5px;height:15px;top:-5px;transform:skew(10deg);border-radius:1px}.gg-bitbucket::after{right:0;transform:skew(-10deg)}", + "svg": "\n \n<\/svg>" + } ], "block": [ - [ - { - "nr": 102, - "name": "block", - "css": ".gg-block{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%}.gg-block::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;transform:rotate(-45deg);top:5px;left:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/block.css');", - "json": "https:\/\/css.gg\/json?=block", - "xml": "https:\/\/css.gg\/xml?=block", - "svg_link": "https:\/\/css.gg\/block.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBlock = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-radius: 100%;\n }\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 transform: rotate(-45deg);\n top: 5px;\n left: 1px;\n }\n`\n\nexport const Block = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 102, + "name": "block", + "tags": "interface signs", + "css": ".gg-block{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%}.gg-block::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;transform:rotate(-45deg);top:5px;left:1px}", + "svg": "\n \n \n<\/svg>" + } ], "bmw": [ - [ - { - "nr": 103, - "name": "bmw", - "css": ".gg-bmw{position:relative;box-sizing:border-box;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:18px}.gg-bmw::before{content:\"\";position:absolute;box-sizing:border-box;display:block;border:9px solid;border-top-color:transparent;border-bottom-color:transparent;border-radius:18px;transform:rotate(45deg);left:-2px;top:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/bmw.css');", - "json": "https:\/\/css.gg\/json?=bmw", - "xml": "https:\/\/css.gg\/xml?=bmw", - "svg_link": "https:\/\/css.gg\/bmw.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBmw = styled.i`\n & {\n position: relative;\n box-sizing: border-box;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 18px;\n }\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n border: 9px solid;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-radius: 18px;\n transform: rotate(45deg);\n left: -2px;\n top: -2px;\n }\n`\n\nexport const Bmw = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 103, + "name": "bmw", + "tags": "brands", + "css": ".gg-bmw{position:relative;box-sizing:border-box;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:18px}.gg-bmw::before{content:\"\";position:absolute;box-sizing:border-box;display:block;border:9px solid;border-top-color:transparent;border-bottom-color:transparent;border-radius:18px;transform:rotate(45deg);left:-2px;top:-2px}", + "svg": "\n \n<\/svg>" + } ], "board": [ - [ - { - "nr": 104, - "name": "board", - "css": ".gg-board{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:16px;height:12px;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:0 0 0 2px,inset 2px 0 0,inset -2px 0 0;border-radius:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/board.css');", - "json": "https:\/\/css.gg\/json?=board", - "xml": "https:\/\/css.gg\/xml?=board", - "svg_link": "https:\/\/css.gg\/board.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBoard = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 12px;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n box-shadow: 0 0 0 2px, inset 2px 0 0, inset -2px 0 0;\n border-radius: 2px;\n }\n`\n\nexport const Board = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 104, + "name": "board", + "tags": "content", + "css": ".gg-board{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:16px;height:12px;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:0 0 0 2px,inset 2px 0 0,inset -2px 0 0;border-radius:2px}", + "svg": "\n \n<\/svg>" + } ], "bolt": [ - [ - { - "nr": 105, - "name": "bolt", - "css": ".gg-bolt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:21px}.gg-bolt::after,.gg-bolt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;transform:rotate(30deg)}.gg-bolt::before{border-bottom:12px solid;left:0;top:0}.gg-bolt::after{border-top:12px solid;right:0;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/bolt.css');", - "json": "https:\/\/css.gg\/json?=bolt", - "xml": "https:\/\/css.gg\/xml?=bolt", - "svg_link": "https:\/\/css.gg\/bolt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBolt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 6px;\n height: 21px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 0;\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n transform: rotate(30deg);\n }\n &::before {\n border-bottom: 12px solid;\n left: 0;\n top: 0;\n }\n &::after {\n border-top: 12px solid;\n right: 0;\n bottom: 0;\n }\n`\n\nexport const Bolt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 105, + "name": "bolt", + "tags": "interface alerts", + "css": ".gg-bolt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:21px}.gg-bolt::after,.gg-bolt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;transform:rotate(30deg)}.gg-bolt::before{border-bottom:12px solid;left:0;top:0}.gg-bolt::after{border-top:12px solid;right:0;bottom:0}", + "svg": "\n \n<\/svg>" + } ], "bookmark": [ - [ - { - "nr": 106, - "name": "bookmark", - "css": ".gg-bookmark,.gg-bookmark::after{display:block;box-sizing:border-box;border-top-right-radius:3px}.gg-bookmark{border:2px solid;border-bottom:0;border-top-left-radius:3px;overflow:hidden;position:relative;transform:scale(var(--ggs,1));width:14px;height:16px}.gg-bookmark::after{content:\"\";position:absolute;width:12px;height:12px;border-top:2px solid;border-right:2px solid;transform:rotate(-45deg);top:9px;left:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/bookmark.css');", - "json": "https:\/\/css.gg\/json?=bookmark", - "xml": "https:\/\/css.gg\/xml?=bookmark", - "svg_link": "https:\/\/css.gg\/bookmark.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBookmark = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n border-top-right-radius: 3px;\n }\n & {\n border: 2px solid;\n border-bottom: 0;\n border-top-left-radius: 3px;\n overflow: hidden;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 16px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 12px;\n height: 12px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(-45deg);\n top: 9px;\n left: -1px;\n }\n`\n\nexport const Bookmark = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 106, + "name": "bookmark", + "tags": "interface buttons", + "css": ".gg-bookmark,.gg-bookmark::after{display:block;box-sizing:border-box;border-top-right-radius:3px}.gg-bookmark{border:2px solid;border-bottom:0;border-top-left-radius:3px;overflow:hidden;position:relative;transform:scale(var(--ggs,1));width:14px;height:16px}.gg-bookmark::after{content:\"\";position:absolute;width:12px;height:12px;border-top:2px solid;border-right:2px solid;transform:rotate(-45deg);top:9px;left:-1px}", + "svg": "\n \n<\/svg>" + } ], "border-all": [ - [ - { - "nr": 107, - "name": "border-all", - "css": ".gg-border-all{transform:scale(var(--ggs,1));}.gg-border-all,.gg-border-all::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px}.gg-border-all::before{content:\"\";position:absolute;border:3px solid;bottom:0;left:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/border-all.css');", - "json": "https:\/\/css.gg\/json?=border-all", - "xml": "https:\/\/css.gg\/xml?=border-all", - "svg_link": "https:\/\/css.gg\/border-all.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBorderAll = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 14px;\n height: 14px;\n }\n &::before {\n content: '';\n position: absolute;\n border: 3px solid;\n bottom: 0;\n left: 0;\n }\n`\n\nexport const BorderAll = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 107, + "name": "border-all", + "tags": "shapes interface design content", + "css": ".gg-border-all{transform:scale(var(--ggs,1));}.gg-border-all,.gg-border-all::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px}.gg-border-all::before{content:\"\";position:absolute;border:3px solid;bottom:0;left:0}", + "svg": "\n \n<\/svg>" + } ], "border-bottom": [ - [ - { - "nr": 108, - "name": "border-bottom", - "css": ".gg-border-bottom{transform:scale(var(--ggs,1));}.gg-border-bottom,.gg-border-bottom::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border-bottom:3px solid}.gg-border-bottom::before{content:\"\";position:absolute;height:10px;border:3px solid;border-bottom:0;bottom:2px;left:0;opacity:.3}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/border-bottom.css');", - "json": "https:\/\/css.gg\/json?=border-bottom", - "xml": "https:\/\/css.gg\/xml?=border-bottom", - "svg_link": "https:\/\/css.gg\/border-bottom.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBorderBottom = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 14px;\n height: 14px;\n border-bottom: 3px solid;\n }\n &::before {\n content: '';\n position: absolute;\n height: 10px;\n border: 3px solid;\n border-bottom: 0;\n bottom: 2px;\n left: 0;\n opacity: 0.3;\n }\n`\n\nexport const BorderBottom = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 108, + "name": "border-bottom", + "tags": "interface design content", + "css": ".gg-border-bottom{transform:scale(var(--ggs,1));}.gg-border-bottom,.gg-border-bottom::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border-bottom:3px solid}.gg-border-bottom::before{content:\"\";position:absolute;height:10px;border:3px solid;border-bottom:0;bottom:2px;left:0;opacity:.3}", + "svg": "\n \n \n<\/svg>" + } ], "border-left": [ - [ - { - "nr": 109, - "name": "border-left", - "css": ".gg-border-left{transform:scale(var(--ggs,1));}.gg-border-left,.gg-border-left::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border-left:3px solid}.gg-border-left::before{content:\"\";position:absolute;width:10px;border:3px solid;border-left:0;bottom:0;left:2px;opacity:.3}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/border-left.css');", - "json": "https:\/\/css.gg\/json?=border-left", - "xml": "https:\/\/css.gg\/xml?=border-left", - "svg_link": "https:\/\/css.gg\/border-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBorderLeft = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 14px;\n height: 14px;\n border-left: 3px solid;\n }\n &::before {\n content: '';\n position: absolute;\n width: 10px;\n border: 3px solid;\n border-left: 0;\n bottom: 0;\n left: 2px;\n opacity: 0.3;\n }\n`\n\nexport const BorderLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 109, + "name": "border-left", + "tags": "interface design content", + "css": ".gg-border-left{transform:scale(var(--ggs,1));}.gg-border-left,.gg-border-left::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border-left:3px solid}.gg-border-left::before{content:\"\";position:absolute;width:10px;border:3px solid;border-left:0;bottom:0;left:2px;opacity:.3}", + "svg": "\n \n \n<\/svg>" + } ], "border-right": [ - [ - { - "nr": 110, - "name": "border-right", - "css": ".gg-border-right{transform:scale(var(--ggs,1));}.gg-border-right,.gg-border-right::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border-right:3px solid}.gg-border-right::before{content:\"\";position:absolute;width:10px;border:3px solid;border-right:0;bottom:0;right:2px;opacity:.3}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/border-right.css');", - "json": "https:\/\/css.gg\/json?=border-right", - "xml": "https:\/\/css.gg\/xml?=border-right", - "svg_link": "https:\/\/css.gg\/border-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBorderRight = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 14px;\n height: 14px;\n border-right: 3px solid;\n }\n &::before {\n content: '';\n position: absolute;\n width: 10px;\n border: 3px solid;\n border-right: 0;\n bottom: 0;\n right: 2px;\n opacity: 0.3;\n }\n`\n\nexport const BorderRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 110, + "name": "border-right", + "tags": "interface design content", + "css": ".gg-border-right{transform:scale(var(--ggs,1));}.gg-border-right,.gg-border-right::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border-right:3px solid}.gg-border-right::before{content:\"\";position:absolute;width:10px;border:3px solid;border-right:0;bottom:0;right:2px;opacity:.3}", + "svg": "\n \n \n<\/svg>" + } ], "border-style-dashed": [ - [ - { - "nr": 111, - "name": "border-style-dashed", - "css": ".gg-border-style-dashed{transform:scale(var(--ggs,1));}.gg-border-style-dashed,.gg-border-style-dashed::before{box-sizing:border-box;position:relative;display:block;width:26px;height:17px}.gg-border-style-dashed::before{content:\"\";position:absolute;height:2px;top:7px;border-top:2px dashed}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/border-style-dashed.css');", - "json": "https:\/\/css.gg\/json?=border-style-dashed", - "xml": "https:\/\/css.gg\/xml?=border-style-dashed", - "svg_link": "https:\/\/css.gg\/border-style-dashed.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBorderStyleDashed = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 26px;\n height: 17px;\n }\n &::before {\n content: '';\n position: absolute;\n height: 2px;\n top: 7px;\n border-top: 2px dashed;\n }\n`\n\nexport const BorderStyleDashed = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 111, + "name": "border-style-dashed", + "tags": "shapes interface design content", + "css": ".gg-border-style-dashed{transform:scale(var(--ggs,1));}.gg-border-style-dashed,.gg-border-style-dashed::before{box-sizing:border-box;position:relative;display:block;width:26px;height:17px}.gg-border-style-dashed::before{content:\"\";position:absolute;height:2px;top:7px;border-top:2px dashed}", + "svg": "\n \n \n \n<\/svg>" + } ], "border-style-dotted": [ - [ - { - "nr": 112, - "name": "border-style-dotted", - "css": ".gg-border-style-dotted{transform:scale(var(--ggs,1));}.gg-border-style-dotted,.gg-border-style-dotted::before{box-sizing:border-box;position:relative;display:block;width:26px;height:17px}.gg-border-style-dotted::before{content:\"\";position:absolute;height:2px;top:7px;border-top:2px dotted}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/border-style-dotted.css');", - "json": "https:\/\/css.gg\/json?=border-style-dotted", - "xml": "https:\/\/css.gg\/xml?=border-style-dotted", - "svg_link": "https:\/\/css.gg\/border-style-dotted.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBorderStyleDotted = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 26px;\n height: 17px;\n }\n &::before {\n content: '';\n position: absolute;\n height: 2px;\n top: 7px;\n border-top: 2px dotted;\n }\n`\n\nexport const BorderStyleDotted = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 112, + "name": "border-style-dotted", + "tags": "shapes interface design content", + "css": ".gg-border-style-dotted{transform:scale(var(--ggs,1));}.gg-border-style-dotted,.gg-border-style-dotted::before{box-sizing:border-box;position:relative;display:block;width:26px;height:17px}.gg-border-style-dotted::before{content:\"\";position:absolute;height:2px;top:7px;border-top:2px dotted}", + "svg": "\n \n \n \n \n \n \n<\/svg>" + } ], "border-style-solid": [ - [ - { - "nr": 113, - "name": "border-style-solid", - "css": ".gg-border-style-solid{transform:scale(var(--ggs,1));}.gg-border-style-solid,.gg-border-style-solid::before{box-sizing:border-box;position:relative;display:block;width:26px;height:17px}.gg-border-style-solid::before{content:\"\";position:absolute;height:2px;top:7px;border-top:2px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/border-style-solid.css');", - "json": "https:\/\/css.gg\/json?=border-style-solid", - "xml": "https:\/\/css.gg\/xml?=border-style-solid", - "svg_link": "https:\/\/css.gg\/border-style-solid.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBorderStyleSolid = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 26px;\n height: 17px;\n }\n &::before {\n content: '';\n position: absolute;\n height: 2px;\n top: 7px;\n border-top: 2px solid;\n }\n`\n\nexport const BorderStyleSolid = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 113, + "name": "border-style-solid", + "tags": "shapes interface design content", + "css": ".gg-border-style-solid{transform:scale(var(--ggs,1));}.gg-border-style-solid,.gg-border-style-solid::before{box-sizing:border-box;position:relative;display:block;width:26px;height:17px}.gg-border-style-solid::before{content:\"\";position:absolute;height:2px;top:7px;border-top:2px solid}", + "svg": "\n \n<\/svg>" + } ], "border-top": [ - [ - { - "nr": 114, - "name": "border-top", - "css": ".gg-border-top{transform:scale(var(--ggs,1));}.gg-border-top,.gg-border-top::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border-top:3px solid}.gg-border-top::before{content:\"\";position:absolute;height:10px;border:3px solid;border-top:0;top:2px;left:0;opacity:.3}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/border-top.css');", - "json": "https:\/\/css.gg\/json?=border-top", - "xml": "https:\/\/css.gg\/xml?=border-top", - "svg_link": "https:\/\/css.gg\/border-top.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBorderTop = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 14px;\n height: 14px;\n border-top: 3px solid;\n }\n &::before {\n content: '';\n position: absolute;\n height: 10px;\n border: 3px solid;\n border-top: 0;\n top: 2px;\n left: 0;\n opacity: 0.3;\n }\n`\n\nexport const BorderTop = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 114, + "name": "border-top", + "tags": "interface design content", + "css": ".gg-border-top{transform:scale(var(--ggs,1));}.gg-border-top,.gg-border-top::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border-top:3px solid}.gg-border-top::before{content:\"\";position:absolute;height:10px;border:3px solid;border-top:0;top:2px;left:0;opacity:.3}", + "svg": "\n \n \n<\/svg>" + } ], "bot": [ - [ - { - "nr": 115, - "name": "bot", - "css": ".gg-bot{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:21px;height:10px;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:1px solid transparent;border-radius:12px;box-shadow:0 0 0 2px,-4px 0 0 -1px,4px 0 0 -1px,inset 0 -4px 0 -2px}.gg-bot::after,.gg-bot::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:2px;box-shadow:0 0 0 2px;top:3px}.gg-bot::before{left:-4px;border-radius:3px}.gg-bot::after{border-radius:100px;right:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/bot.css');", - "json": "https:\/\/css.gg\/json?=bot", - "xml": "https:\/\/css.gg\/xml?=bot", - "svg_link": "https:\/\/css.gg\/bot.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBot = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 21px;\n height: 10px;\n border-right: 8px solid transparent;\n border-left: 8px solid transparent;\n border-bottom: 1px solid transparent;\n border-radius: 12px;\n box-shadow: 0 0 0 2px, -4px 0 0 -1px, 4px 0 0 -1px, inset 0 -4px 0 -2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 2px;\n box-shadow: 0 0 0 2px;\n top: 3px;\n }\n &::before {\n left: -4px;\n border-radius: 3px;\n }\n &::after {\n border-radius: 100px;\n right: -4px;\n }\n`\n\nexport const Bot = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 115, + "name": "bot", + "tags": "devices interface", + "css": ".gg-bot{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:21px;height:10px;border-right:8px solid transparent;border-left:8px solid transparent;border-bottom:1px solid transparent;border-radius:12px;box-shadow:0 0 0 2px,-4px 0 0 -1px,4px 0 0 -1px,inset 0 -4px 0 -2px}.gg-bot::after,.gg-bot::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:2px;box-shadow:0 0 0 2px;top:3px}.gg-bot::before{left:-4px;border-radius:3px}.gg-bot::after{border-radius:100px;right:-4px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "bowl": [ - [ - { - "nr": 116, - "name": "bowl", - "css": ".gg-bowl{display:block;position:relative;transform:scale(var(--ggs,1));box-sizing:border-box;width:20px;height:18px}.gg-bowl::after,.gg-bowl::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-bowl::before{width:20px;height:12px;border:2px solid;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0}.gg-bowl::after{background:currentColor;width:2px;height:10px;border-radius:4px;transform:rotate(45deg);right:4px;top:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/bowl.css');", - "json": "https:\/\/css.gg\/json?=bowl", - "xml": "https:\/\/css.gg\/xml?=bowl", - "svg_link": "https:\/\/css.gg\/bowl.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBowl = styled.i`\n & {\n display: block;\n position: relative;\n transform: scale(var(--ggs, 1));\n box-sizing: border-box;\n width: 20px;\n height: 18px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n width: 20px;\n height: 12px;\n border: 2px solid;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n bottom: 0;\n }\n &::after {\n background: currentColor;\n width: 2px;\n height: 10px;\n border-radius: 4px;\n transform: rotate(45deg);\n right: 4px;\n top: -1px;\n }\n`\n\nexport const Bowl = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 116, + "name": "bowl", + "tags": "design", + "css": ".gg-bowl{display:block;position:relative;transform:scale(var(--ggs,1));box-sizing:border-box;width:20px;height:18px}.gg-bowl::after,.gg-bowl::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-bowl::before{width:20px;height:12px;border:2px solid;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0}.gg-bowl::after{background:currentColor;width:2px;height:10px;border-radius:4px;transform:rotate(45deg);right:4px;top:-1px}", + "svg": "\n \n<\/svg>" + } ], "box": [ - [ - { - "nr": 117, - "name": "box", - "css": ".gg-box{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:20px;border:2px solid;border-radius:3px}.gg-box::after,.gg-box::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:2px;background:currentColor}.gg-box::before{left:6px;width:6px;top:8px}.gg-box::after{width:22px;left:-2px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/box.css');", - "json": "https:\/\/css.gg\/json?=box", - "xml": "https:\/\/css.gg\/xml?=box", - "svg_link": "https:\/\/css.gg\/box.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBox = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 20px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n height: 2px;\n background: currentColor;\n }\n &::before {\n left: 6px;\n width: 6px;\n top: 8px;\n }\n &::after {\n width: 22px;\n left: -2px;\n top: 4px;\n }\n`\n\nexport const Box = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 117, + "name": "box", + "tags": "files interface", + "css": ".gg-box{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:20px;border:2px solid;border-radius:3px}.gg-box::after,.gg-box::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:2px;background:currentColor}.gg-box::before{left:6px;width:6px;top:8px}.gg-box::after{width:22px;left:-2px;top:4px}", + "svg": "\n \n \n<\/svg>" + } ], "boy": [ - [ - { - "nr": 118, - "name": "boy", - "css": ".gg-boy,.gg-boy::after,.gg-boy::before{display:block;box-sizing:border-box;border-radius:42px}.gg-boy{position:relative;width:20px;height:20px;transform:scale(var(--ggs,1));overflow:hidden;box-shadow:inset 0 0 0 2px}.gg-boy::after,.gg-boy::before{content:\"\";position:absolute;width:2px;height:2px;background:currentColor;box-shadow:6px 0 0;left:6px;top:10px}.gg-boy::after{width:20px;height:20px;top:-13px;right:-12px;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/boy.css');", - "json": "https:\/\/css.gg\/json?=boy", - "xml": "https:\/\/css.gg\/xml?=boy", - "svg_link": "https:\/\/css.gg\/boy.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBoy = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n border-radius: 42px;\n }\n & {\n position: relative;\n width: 20px;\n height: 20px;\n transform: scale(var(--ggs, 1));\n overflow: hidden;\n box-shadow: inset 0 0 0 2px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 2px;\n height: 2px;\n background: currentColor;\n box-shadow: 6px 0 0;\n left: 6px;\n top: 10px;\n }\n &::after {\n width: 20px;\n height: 20px;\n top: -13px;\n right: -12px;\n }\n`\n\nexport const Boy = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 118, + "name": "boy", + "tags": "signs", + "css": ".gg-boy,.gg-boy::after,.gg-boy::before{display:block;box-sizing:border-box;border-radius:42px}.gg-boy{position:relative;width:20px;height:20px;transform:scale(var(--ggs,1));overflow:hidden;box-shadow:inset 0 0 0 2px}.gg-boy::after,.gg-boy::before{content:\"\";position:absolute;width:2px;height:2px;background:currentColor;box-shadow:6px 0 0;left:6px;top:10px}.gg-boy::after{width:20px;height:20px;top:-13px;right:-12px;}", + "svg": "\n \n \n \n<\/svg>" + } ], "brackets": [ - [ - { - "nr": 119, - "name": "brackets", - "css": ".gg-brackets{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-brackets::after,.gg-brackets::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid;width:4px;height:10px;top:2px}.gg-brackets::before{border-right:0;left:2px}.gg-brackets::after{border-left:0;right:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/brackets.css');", - "json": "https:\/\/css.gg\/json?=brackets", - "xml": "https:\/\/css.gg\/xml?=brackets", - "svg_link": "https:\/\/css.gg\/brackets.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBrackets = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n width: 4px;\n height: 10px;\n top: 2px;\n }\n &::before {\n border-right: 0;\n left: 2px;\n }\n &::after {\n border-left: 0;\n right: 2px;\n }\n`\n\nexport const Brackets = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 119, + "name": "brackets", + "tags": "brands", + "css": ".gg-brackets{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-brackets::after,.gg-brackets::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid;width:4px;height:10px;top:2px}.gg-brackets::before{border-right:0;left:2px}.gg-brackets::after{border-left:0;right:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "briefcase": [ - [ - { - "nr": 120, - "name": "briefcase", - "css": ".gg-briefcase{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid;border-radius:2px;margin-top:1px}.gg-briefcase::after,.gg-briefcase::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-briefcase::before{border:2px solid;border-top-left-radius:1px;border-top-right-radius:1px;left:4px;width:10px;height:4px;border-bottom:0;top:-5px}.gg-briefcase::after{width:18px;height:3px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:1px solid transparent;box-shadow:0 2px 0,inset 16px 74px 0;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/briefcase.css');", - "json": "https:\/\/css.gg\/json?=briefcase", - "xml": "https:\/\/css.gg\/xml?=briefcase", - "svg_link": "https:\/\/css.gg\/briefcase.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBriefcase = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 16px;\n border: 2px solid;\n border-radius: 2px;\n margin-top: 1px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border: 2px solid;\n border-top-left-radius: 1px;\n border-top-right-radius: 1px;\n left: 4px;\n width: 10px;\n height: 4px;\n border-bottom: 0;\n top: -5px;\n }\n &::after {\n width: 18px;\n height: 3px;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 1px solid transparent;\n box-shadow: 0 2px 0, inset 16px 74px 0;\n top: 4px;\n }\n`\n\nexport const Briefcase = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 120, + "name": "briefcase", + "tags": "interface", + "css": ".gg-briefcase{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid;border-radius:2px;margin-top:1px}.gg-briefcase::after,.gg-briefcase::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-briefcase::before{border:2px solid;border-top-left-radius:1px;border-top-right-radius:1px;left:4px;width:10px;height:4px;border-bottom:0;top:-5px}.gg-briefcase::after{width:18px;height:3px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:1px solid transparent;box-shadow:0 2px 0,inset 16px 74px 0;top:4px}", + "svg": "\n \n \n<\/svg>" + } ], "browse": [ - [ - { - "nr": 121, - "name": "browse", - "css": ".gg-browse{display:block;position:relative;transform:scale(var(--ggs,1));box-sizing:border-box;width:16px;height:22px;border:2px solid;border-radius:3px;background:linear-gradient(to left,currentcolor 10px,transparent 0) no-repeat center 2px\/8px 2px,linear-gradient(to left,currentcolor 10px,transparent 0) no-repeat center 6px\/8px 2px}.gg-browse::after,.gg-browse::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:22px}.gg-browse::before{width:6px;height:6px;border:2px solid;left:3px;top:9px}.gg-browse::after{width:2px;height:4px;background:currentColor;bottom:1px;right:2px;transform:rotate(-45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/browse.css');", - "json": "https:\/\/css.gg\/json?=browse", - "xml": "https:\/\/css.gg\/xml?=browse", - "svg_link": "https:\/\/css.gg\/browse.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBrowse = styled.i`\n & {\n display: block;\n position: relative;\n transform: scale(var(--ggs, 1));\n box-sizing: border-box;\n width: 16px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n background: linear-gradient(to left, currentcolor 10px, transparent 0) no-repeat center 2px\/8px\n 2px,\n linear-gradient(to left, currentcolor 10px, transparent 0) no-repeat center 6px\/8px 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 22px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n left: 3px;\n top: 9px;\n }\n &::after {\n width: 2px;\n height: 4px;\n background: currentColor;\n bottom: 1px;\n right: 2px;\n transform: rotate(-45deg);\n }\n`\n\nexport const Browse = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 121, + "name": "browse", + "tags": "interface design content", + "css": ".gg-browse{display:block;position:relative;transform:scale(var(--ggs,1));box-sizing:border-box;width:16px;height:22px;border:2px solid;border-radius:3px;background:linear-gradient(to left,currentcolor 10px,transparent 0) no-repeat center 2px\/8px 2px,linear-gradient(to left,currentcolor 10px,transparent 0) no-repeat center 6px\/8px 2px}.gg-browse::after,.gg-browse::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:22px}.gg-browse::before{width:6px;height:6px;border:2px solid;left:3px;top:9px}.gg-browse::after{width:2px;height:4px;background:currentColor;bottom:1px;right:2px;transform:rotate(-45deg)}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "browser": [ - [ - { - "nr": 122, - "name": "browser", - "css": ".gg-browser{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:18px;border:2px solid;border-radius:3px}.gg-browser::after,.gg-browser::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:22px;height:2px;background:currentColor;top:4px}.gg-browser::after{border-radius:3px;width:2px;box-shadow:3px 0 0,6px 0 0;top:1px;left:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/browser.css');", - "json": "https:\/\/css.gg\/json?=browser", - "xml": "https:\/\/css.gg\/xml?=browser", - "svg_link": "https:\/\/css.gg\/browser.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBrowser = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 18px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 22px;\n height: 2px;\n background: currentColor;\n top: 4px;\n }\n &::after {\n border-radius: 3px;\n width: 2px;\n box-shadow: 3px 0 0, 6px 0 0;\n top: 1px;\n left: 1px;\n }\n`\n\nexport const Browser = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 122, + "name": "browser", + "tags": "multimedia interface devices", + "css": ".gg-browser{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:18px;border:2px solid;border-radius:3px}.gg-browser::after,.gg-browser::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:22px;height:2px;background:currentColor;top:4px}.gg-browser::after{border-radius:3px;width:2px;box-shadow:3px 0 0,6px 0 0;top:1px;left:1px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "brush": [ - [ - { - "nr": 123, - "name": "brush", - "css": ".gg-brush{display:block;position:relative;transform:scale(var(--ggs,1));box-sizing:border-box;width:14px;height:18px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 4px bottom\/2px 5px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 8px bottom\/2px 5px}.gg-brush::after,.gg-brush::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-brush::before{width:6px;height:8px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom:0;left:4px;top:0}.gg-brush::after{width:14px;height:10px;border-top:0;border-radius:3px;border-top-left-radius:1px;border-top-right-radius:1px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat left top\/4px 2px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat right top\/4px 2px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/brush.css');", - "json": "https:\/\/css.gg\/json?=brush", - "xml": "https:\/\/css.gg\/xml?=brush", - "svg_link": "https:\/\/css.gg\/brush.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBrush = styled.i`\n & {\n display: block;\n position: relative;\n transform: scale(var(--ggs, 1));\n box-sizing: border-box;\n width: 14px;\n height: 18px;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 4px bottom\/2px\n 5px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 8px bottom\/2px 5px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n }\n &::before {\n width: 6px;\n height: 8px;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n border-bottom: 0;\n left: 4px;\n top: 0;\n }\n &::after {\n width: 14px;\n height: 10px;\n border-top: 0;\n border-radius: 3px;\n border-top-left-radius: 1px;\n border-top-right-radius: 1px;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat left top\/4px\n 2px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat right top\/4px 2px;\n bottom: 0;\n }\n`\n\nexport const Brush = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 123, + "name": "brush", + "tags": "interface", + "css": ".gg-brush{display:block;position:relative;transform:scale(var(--ggs,1));box-sizing:border-box;width:14px;height:18px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 4px bottom\/2px 5px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 8px bottom\/2px 5px}.gg-brush::after,.gg-brush::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-brush::before{width:6px;height:8px;border-top-left-radius:6px;border-top-right-radius:6px;border-bottom:0;left:4px;top:0}.gg-brush::after{width:14px;height:10px;border-top:0;border-radius:3px;border-top-left-radius:1px;border-top-right-radius:1px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat left top\/4px 2px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat right top\/4px 2px;bottom:0}", + "svg": "\n \n<\/svg>" + } ], "bulb": [ - [ - { - "nr": 124, - "name": "bulb", - "css": ".gg-bulb{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-bottom-color:transparent;border-radius:100px}.gg-bulb::after,.gg-bulb::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-bulb::before{border-top:0;border-bottom-left-radius:18px;border-bottom-right-radius:18px;top:10px;border-bottom:2px solid transparent;box-shadow:0 5px 0 -2px,inset 2px 0 0 0,inset -2px 0 0 0,inset 0 -4px 0 -2px;width:8px;height:8px;left:2px}.gg-bulb::after{width:12px;height:2px;border-left:3px solid;border-right:3px solid;border-radius:2px;bottom:0;left:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/bulb.css');", - "json": "https:\/\/css.gg\/json?=bulb", - "xml": "https:\/\/css.gg\/xml?=bulb", - "svg_link": "https:\/\/css.gg\/bulb.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledBulb = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-bottom-color: transparent;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-top: 0;\n border-bottom-left-radius: 18px;\n border-bottom-right-radius: 18px;\n top: 10px;\n border-bottom: 2px solid transparent;\n box-shadow: 0 5px 0 -2px, inset 2px 0 0 0, inset -2px 0 0 0, inset 0 -4px 0 -2px;\n width: 8px;\n height: 8px;\n left: 2px;\n }\n &::after {\n width: 12px;\n height: 2px;\n border-left: 3px solid;\n border-right: 3px solid;\n border-radius: 2px;\n bottom: 0;\n left: 0;\n }\n`\n\nexport const Bulb = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 124, + "name": "bulb", + "tags": "alerts interface", + "css": ".gg-bulb{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-bottom-color:transparent;border-radius:100px}.gg-bulb::after,.gg-bulb::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-bulb::before{border-top:0;border-bottom-left-radius:18px;border-bottom-right-radius:18px;top:10px;border-bottom:2px solid transparent;box-shadow:0 5px 0 -2px,inset 2px 0 0 0,inset -2px 0 0 0,inset 0 -4px 0 -2px;width:8px;height:8px;left:2px}.gg-bulb::after{width:12px;height:2px;border-left:3px solid;border-right:3px solid;border-radius:2px;bottom:0;left:0}", + "svg": "\n \n \n<\/svg>" + } ], "c-plus-plus": [ - [ - { - "nr": 125, - "name": "c-plus-plus", - "css": ".gg-c-plus-plus{position:relative;display:block;width:16px;height:16px;transform:scale(var(--ggs,1));border:3px solid currentColor;box-sizing:border-box;border-radius:100px;border-right-color:transparent}.gg-c-plus-plus::after,.gg-c-plus-plus::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:9px;height:6px;border-left:2px solid;border-right:2px solid;right:-9px;top:2px}.gg-c-plus-plus::after{width:13px;height:2px;border-left:6px solid;border-right:6px solid;right:-11px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/c-plus-plus.css');", - "json": "https:\/\/css.gg\/json?=c-plus-plus", - "xml": "https:\/\/css.gg\/xml?=c-plus-plus", - "svg_link": "https:\/\/css.gg\/c-plus-plus.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCPlusPlus = styled.i`\n & {\n position: relative;\n display: block;\n width: 16px;\n height: 16px;\n transform: scale(var(--ggs, 1));\n border: 3px solid currentColor;\n box-sizing: border-box;\n border-radius: 100px;\n border-right-color: transparent;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n width: 9px;\n height: 6px;\n border-left: 2px solid;\n border-right: 2px solid;\n right: -9px;\n top: 2px;\n }\n &::after {\n width: 13px;\n height: 2px;\n border-left: 6px solid;\n border-right: 6px solid;\n right: -11px;\n top: 4px;\n }\n`\n\nexport const CPlusPlus = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 125, + "name": "c-plus-plus", + "tags": "code interface", + "css": ".gg-c-plus-plus{position:relative;display:block;width:16px;height:16px;transform:scale(var(--ggs,1));border:3px solid currentColor;box-sizing:border-box;border-radius:100px;border-right-color:transparent}.gg-c-plus-plus::after,.gg-c-plus-plus::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:9px;height:6px;border-left:2px solid;border-right:2px solid;right:-9px;top:2px}.gg-c-plus-plus::after{width:13px;height:2px;border-left:6px solid;border-right:6px solid;right:-11px;top:4px}", + "svg": "\n \n \n \n<\/svg>" + } ], "calculator": [ - [ - { - "nr": 126, - "name": "calculator", - "css": ".gg-calculator{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:2px}.gg-calculator::after,.gg-calculator::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;top:2px;left:2px}.gg-calculator::after{width:2px;box-shadow:4px 0 0,8px 0 0,0 4px 0,4px 4px 0,8px 4px 0,0 8px 0,4px 8px 0,8px 8px 0,8px 6px 0;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/calculator.css');", - "json": "https:\/\/css.gg\/json?=calculator", - "xml": "https:\/\/css.gg\/xml?=calculator", - "svg_link": "https:\/\/css.gg\/calculator.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCalculator = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 22px;\n border: 2px solid;\n border-radius: 2px;\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 top: 2px;\n left: 2px;\n }\n &::after {\n width: 2px;\n box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0, 0 8px 0, 4px 8px 0, 8px 8px 0,\n 8px 6px 0;\n top: 6px;\n }\n`\n\nexport const Calculator = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 126, + "name": "calculator", + "tags": "interface maths devices", + "css": ".gg-calculator{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:2px}.gg-calculator::after,.gg-calculator::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;top:2px;left:2px}.gg-calculator::after{width:2px;box-shadow:4px 0 0,8px 0 0,0 4px 0,4px 4px 0,8px 4px 0,0 8px 0,4px 8px 0,8px 8px 0,8px 6px 0;top:6px}", + "svg": "\n \n \n \n \n \n \n \n \n \n \n<\/svg>" + } ], "calendar-dates": [ - [ - { - "nr": 127, - "name": "calendar-dates", - "css": ".gg-calendar-dates{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-calendar-dates::after,.gg-calendar-dates::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:2px;left:2px}.gg-calendar-dates::before{background:currentColor;width:2px;box-shadow:4px 0 0,8px 0 0,0 4px 0,4px 4px 0,8px 4px 0;top:6px}.gg-calendar-dates::after{width:10px;top:-4px;box-shadow:0 6px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/calendar-dates.css');", - "json": "https:\/\/css.gg\/json?=calendar-dates", - "xml": "https:\/\/css.gg\/xml?=calendar-dates", - "svg_link": "https:\/\/css.gg\/calendar-dates.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCalendarDates = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n height: 2px;\n left: 2px;\n }\n &::before {\n background: currentColor;\n width: 2px;\n box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0;\n top: 6px;\n }\n &::after {\n width: 10px;\n top: -4px;\n box-shadow: 0 6px 0 0;\n }\n`\n\nexport const CalendarDates = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 127, + "name": "calendar-dates", + "tags": "alerts interface time", + "css": ".gg-calendar-dates{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-calendar-dates::after,.gg-calendar-dates::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:2px;left:2px}.gg-calendar-dates::before{background:currentColor;width:2px;box-shadow:4px 0 0,8px 0 0,0 4px 0,4px 4px 0,8px 4px 0;top:6px}.gg-calendar-dates::after{width:10px;top:-4px;box-shadow:0 6px 0 0}", + "svg": "\n \n \n \n \n \n \n \n \n<\/svg>" + } ], "calendar-due": [ - [ - { - "nr": 128, - "name": "calendar-due", - "css": ".gg-calendar-due{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-calendar-due::after,.gg-calendar-due::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:6px;background:currentColor}.gg-calendar-due::before{top:2px;width:10px;height:2px;left:2px}.gg-calendar-due::after{width:4px;height:4px;bottom:3px;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/calendar-due.css');", - "json": "https:\/\/css.gg\/json?=calendar-due", - "xml": "https:\/\/css.gg\/xml?=calendar-due", - "svg_link": "https:\/\/css.gg\/calendar-due.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCalendarDue = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 6px;\n background: currentColor;\n }\n &::before {\n top: 2px;\n width: 10px;\n height: 2px;\n left: 2px;\n }\n &::after {\n width: 4px;\n height: 4px;\n bottom: 3px;\n left: 5px;\n }\n`\n\nexport const CalendarDue = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 128, + "name": "calendar-due", + "tags": "alerts interface time", + "css": ".gg-calendar-due{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-calendar-due::after,.gg-calendar-due::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:6px;background:currentColor}.gg-calendar-due::before{top:2px;width:10px;height:2px;left:2px}.gg-calendar-due::after{width:4px;height:4px;bottom:3px;left:5px}", + "svg": "\n \n \n \n<\/svg>" + } ], "calendar-next": [ - [ - { - "nr": 129, - "name": "calendar-next", - "css": ".gg-calendar-next{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;border:2px solid transparent;border-bottom:4px solid transparent;border-right:4px solid transparent;border-left:3px solid transparent;box-shadow:0 0 0 2px,inset 0 -2px 0;border-radius:1px}.gg-calendar-next::after,.gg-calendar-next::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-calendar-next::before{background:currentColor;border-radius:2px;top:0;left:-1px;width:10px;height:2px}.gg-calendar-next::after{width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid;bottom:-2px;right:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/calendar-next.css');", - "json": "https:\/\/css.gg\/json?=calendar-next", - "xml": "https:\/\/css.gg\/xml?=calendar-next", - "svg_link": "https:\/\/css.gg\/calendar-next.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCalendarNext = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n border: 2px solid transparent;\n border-bottom: 4px solid transparent;\n border-right: 4px solid transparent;\n border-left: 3px solid transparent;\n box-shadow: 0 0 0 2px, inset 0 -2px 0;\n border-radius: 1px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n border-radius: 2px;\n top: 0;\n left: -1px;\n width: 10px;\n height: 2px;\n }\n &::after {\n width: 0;\n height: 0;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n border-left: 5px solid;\n bottom: -2px;\n right: -2px;\n }\n`\n\nexport const CalendarNext = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 129, + "name": "calendar-next", + "tags": "alerts interface time arrows", + "css": ".gg-calendar-next{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;border:2px solid transparent;border-bottom:4px solid transparent;border-right:4px solid transparent;border-left:3px solid transparent;box-shadow:0 0 0 2px,inset 0 -2px 0;border-radius:1px}.gg-calendar-next::after,.gg-calendar-next::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-calendar-next::before{background:currentColor;border-radius:2px;top:0;left:-1px;width:10px;height:2px}.gg-calendar-next::after{width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid;bottom:-2px;right:-2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "calendar-today": [ - [ - { - "nr": 130, - "name": "calendar-today", - "css": ".gg-calendar-today{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-top:4px solid;border-radius:3px}.gg-calendar-today::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;height:4px;width:4px;border-radius:2px;right:2px;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/calendar-today.css');", - "json": "https:\/\/css.gg\/json?=calendar-today", - "xml": "https:\/\/css.gg\/xml?=calendar-today", - "svg_link": "https:\/\/css.gg\/calendar-today.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCalendarToday = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-top: 4px solid;\n border-radius: 3px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n height: 4px;\n width: 4px;\n border-radius: 2px;\n right: 2px;\n bottom: 2px;\n }\n`\n\nexport const CalendarToday = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 130, + "name": "calendar-today", + "tags": "alerts time", + "css": ".gg-calendar-today{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-top:4px solid;border-radius:3px}.gg-calendar-today::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;height:4px;width:4px;border-radius:2px;right:2px;bottom:2px}", + "svg": "\n \n \n<\/svg>" + } ], "calendar-two": [ - [ - { - "nr": 131, - "name": "calendar-two", - "css": ".gg-calendar-two{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-calendar-two::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:3px;top:2px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/calendar-two.css');", - "json": "https:\/\/css.gg\/json?=calendar-two", - "xml": "https:\/\/css.gg\/xml?=calendar-two", - "svg_link": "https:\/\/css.gg\/calendar-two.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCalendarTwo = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 3px;\n }\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: 3px;\n top: 2px;\n left: 2px;\n }\n`\n\nexport const CalendarTwo = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 131, + "name": "calendar-two", + "tags": "alerts interface time", + "css": ".gg-calendar-two{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-calendar-two::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:3px;top:2px;left:2px}", + "svg": "\n \n \n<\/svg>" + } ], "calendar": [ - [ - { - "nr": 132, - "name": "calendar", - "css": ".gg-calendar,.gg-calendar::before{display:block;box-sizing:border-box}.gg-calendar{position:relative;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-top:4px solid;border-radius:3px}.gg-calendar::before{content:\"\";position:absolute;width:10px;border-radius:3px;left:2px;background:currentColor;height:2px;top:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/calendar.css');", - "json": "https:\/\/css.gg\/json?=calendar", - "xml": "https:\/\/css.gg\/xml?=calendar", - "svg_link": "https:\/\/css.gg\/calendar.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCalendar = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-top: 4px solid;\n border-radius: 3px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 10px;\n border-radius: 3px;\n left: 2px;\n background: currentColor;\n height: 2px;\n top: 2px;\n }\n`\n\nexport const Calendar = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 132, + "name": "calendar", + "tags": "alerts interface time", + "css": ".gg-calendar,.gg-calendar::before{display:block;box-sizing:border-box}.gg-calendar{position:relative;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-top:4px solid;border-radius:3px}.gg-calendar::before{content:\"\";position:absolute;width:10px;border-radius:3px;left:2px;background:currentColor;height:2px;top:2px}", + "svg": "\n \n \n<\/svg>" + } ], "calibrate": [ - [ - { - "nr": 133, - "name": "calibrate", - "css": ".gg-calibrate{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:18px;height:18px;overflow:hidden}.gg-calibrate::after,.gg-calibrate::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:22px}.gg-calibrate::before{width:6px;height:6px;background:currentColor;top:10px;left:6px}.gg-calibrate::after{width:22px;height:22px;border:6px solid transparent;border-top:6px solid;left:-2px;top:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/calibrate.css');", - "json": "https:\/\/css.gg\/json?=calibrate", - "xml": "https:\/\/css.gg\/xml?=calibrate", - "svg_link": "https:\/\/css.gg\/calibrate.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCalibrate = styled.i`\n & {\n display: block;\n box-sizing: border-box;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 22px;\n }\n &::before {\n width: 6px;\n height: 6px;\n background: currentColor;\n top: 10px;\n left: 6px;\n }\n &::after {\n width: 22px;\n height: 22px;\n border: 6px solid transparent;\n border-top: 6px solid;\n left: -2px;\n top: 1px;\n }\n`\n\nexport const Calibrate = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 133, + "name": "calibrate", + "tags": "interface", + "css": ".gg-calibrate{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:18px;height:18px;overflow:hidden}.gg-calibrate::after,.gg-calibrate::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:22px}.gg-calibrate::before{width:6px;height:6px;background:currentColor;top:10px;left:6px}.gg-calibrate::after{width:22px;height:22px;border:6px solid transparent;border-top:6px solid;left:-2px;top:1px}", + "svg": "\n \n \n<\/svg>" + } ], "camera": [ - [ - { - "nr": 134, - "name": "camera", - "css": ".gg-camera{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:18px;height:12px;perspective:24px}.gg-camera::after,.gg-camera::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-camera::before{border:2px solid;border-left-color:transparent;transform:rotateY(-70deg);width:8px;height:8px;right:-7px;top:0}.gg-camera::after{width:10px;height:5px;border-top:2px solid;border-right:2px solid;top:-5px;right:2px;border-top-right-radius:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/camera.css');", - "json": "https:\/\/css.gg\/json?=camera", - "xml": "https:\/\/css.gg\/xml?=camera", - "svg_link": "https:\/\/css.gg\/camera.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCamera = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n width: 18px;\n height: 12px;\n perspective: 24px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border: 2px solid;\n border-left-color: transparent;\n transform: rotateY(-70deg);\n width: 8px;\n height: 8px;\n right: -7px;\n top: 0;\n }\n &::after {\n width: 10px;\n height: 5px;\n border-top: 2px solid;\n border-right: 2px solid;\n top: -5px;\n right: 2px;\n border-top-right-radius: 2px;\n }\n`\n\nexport const Camera = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 134, + "name": "camera", + "tags": "multimedia devices", + "css": ".gg-camera{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:18px;height:12px;perspective:24px}.gg-camera::after,.gg-camera::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-camera::before{border:2px solid;border-left-color:transparent;transform:rotateY(-70deg);width:8px;height:8px;right:-7px;top:0}.gg-camera::after{width:10px;height:5px;border-top:2px solid;border-right:2px solid;top:-5px;right:2px;border-top-right-radius:2px}", + "svg": "\n \n<\/svg>" + } ], "cap": [ - [ - { - "nr": 135, - "name": "cap", - "css": ".gg-cap{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;border:2px solid;border-bottom-color:transparent;border-top-left-radius:100px;border-top-right-radius:100px}.gg-cap::after,.gg-cap::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-cap::after{border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:0 0 0 2px,inset 12px 0 0 0;bottom:-8px;width:18px;height:6px;border-radius:1px;left:-2px}.gg-cap::before{width:4px;height:4px;background:currentColor;border-radius:2px;left:5px;top:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/cap.css');", - "json": "https:\/\/css.gg\/json?=cap", - "xml": "https:\/\/css.gg\/xml?=cap", - "svg_link": "https:\/\/css.gg\/cap.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCap = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 12px;\n border: 2px solid;\n border-bottom-color: transparent;\n border-top-left-radius: 100px;\n border-top-right-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n box-shadow: 0 0 0 2px, inset 12px 0 0 0;\n bottom: -8px;\n width: 18px;\n height: 6px;\n border-radius: 1px;\n left: -2px;\n }\n &::before {\n width: 4px;\n height: 4px;\n background: currentColor;\n border-radius: 2px;\n left: 5px;\n top: -4px;\n }\n`\n\nexport const Cap = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 135, + "name": "cap", + "tags": "design", + "css": ".gg-cap{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;border:2px solid;border-bottom-color:transparent;border-top-left-radius:100px;border-top-right-radius:100px}.gg-cap::after,.gg-cap::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-cap::after{border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:0 0 0 2px,inset 12px 0 0 0;bottom:-8px;width:18px;height:6px;border-radius:1px;left:-2px}.gg-cap::before{width:4px;height:4px;background:currentColor;border-radius:2px;left:5px;top:-4px}", + "svg": "\n \n \n<\/svg>" + } ], "captions": [ - [ - { - "nr": 136, - "name": "captions", - "css": ".gg-captions{border-radius:1px;transform:scale(var(--ggs,1))}.gg-captions,.gg-captions::after,.gg-captions::before{box-sizing:border-box;position:relative;display:block;width:20px;height:16px;border:2px solid}.gg-captions::after,.gg-captions::before{content:\"\";position:absolute;width:5px;height:8px;border-right:transparent;top:2px;left:2px}.gg-captions::before{left:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/captions.css');", - "json": "https:\/\/css.gg\/json?=captions", - "xml": "https:\/\/css.gg\/xml?=captions", - "svg_link": "https:\/\/css.gg\/captions.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCaptions = styled.i`\n & {\n border-radius: 1px;\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 16px;\n border: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 5px;\n height: 8px;\n border-right: transparent;\n top: 2px;\n left: 2px;\n }\n &::before {\n left: 9px;\n }\n`\n\nexport const Captions = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 136, + "name": "captions", + "tags": "interface signs buttons", + "css": ".gg-captions{border-radius:1px;transform:scale(var(--ggs,1))}.gg-captions,.gg-captions::after,.gg-captions::before{box-sizing:border-box;position:relative;display:block;width:20px;height:16px;border:2px solid}.gg-captions::after,.gg-captions::before{content:\"\";position:absolute;width:5px;height:8px;border-right:transparent;top:2px;left:2px}.gg-captions::before{left:9px}", + "svg": "\n \n \n \n<\/svg>" + } ], "card-clubs": [ - [ - { - "nr": 137, - "name": "card-clubs", - "css": ".gg-card-clubs{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:3px}.gg-card-clubs::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;border-radius:4px;width:4px;height:4px;left:5px;top:4px;box-shadow:-2.5px 4px 0,2.5px 4px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/card-clubs.css');", - "json": "https:\/\/css.gg\/json?=card-clubs", - "xml": "https:\/\/css.gg\/xml?=card-clubs", - "svg_link": "https:\/\/css.gg\/card-clubs.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCardClubs = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n border-radius: 4px;\n width: 4px;\n height: 4px;\n left: 5px;\n top: 4px;\n box-shadow: -2.5px 4px 0, 2.5px 4px 0;\n }\n`\n\nexport const CardClubs = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 137, + "name": "card-clubs", + "tags": "signs", + "css": ".gg-card-clubs{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:3px}.gg-card-clubs::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;border-radius:4px;width:4px;height:4px;left:5px;top:4px;box-shadow:-2.5px 4px 0,2.5px 4px 0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "card-diamonds": [ - [ - { - "nr": 138, - "name": "card-diamonds", - "css": ".gg-card-diamonds{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:3px}.gg-card-diamonds::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;background:currentColor;transform:rotate(45deg);top:6px;left:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/card-diamonds.css');", - "json": "https:\/\/css.gg\/json?=card-diamonds", - "xml": "https:\/\/css.gg\/xml?=card-diamonds", - "svg_link": "https:\/\/css.gg\/card-diamonds.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCardDiamonds = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n background: currentColor;\n transform: rotate(45deg);\n top: 6px;\n left: 4px;\n }\n`\n\nexport const CardDiamonds = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 138, + "name": "card-diamonds", + "tags": "signs", + "css": ".gg-card-diamonds{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:3px}.gg-card-diamonds::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;background:currentColor;transform:rotate(45deg);top:6px;left:4px}", + "svg": "\n \n \n<\/svg>" + } ], "card-hearts": [ - [ - { - "nr": 139, - "name": "card-hearts", - "css": ".gg-card-hearts{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:3px}.gg-card-hearts::after,.gg-card-hearts::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:6px;background:currentColor;border-top-left-radius:16px;border-top-right-radius:16px;transform:rotate(45deg);left:6px;top:6px}.gg-card-hearts::after{transform:rotate(-45deg);left:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/card-hearts.css');", - "json": "https:\/\/css.gg\/json?=card-hearts", - "xml": "https:\/\/css.gg\/xml?=card-hearts", - "svg_link": "https:\/\/css.gg\/card-hearts.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCardHearts = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 4px;\n height: 6px;\n background: currentColor;\n border-top-left-radius: 16px;\n border-top-right-radius: 16px;\n transform: rotate(45deg);\n left: 6px;\n top: 6px;\n }\n &::after {\n transform: rotate(-45deg);\n left: 4px;\n }\n`\n\nexport const CardHearts = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 139, + "name": "card-hearts", + "tags": "signs", + "css": ".gg-card-hearts{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:3px}.gg-card-hearts::after,.gg-card-hearts::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:6px;background:currentColor;border-top-left-radius:16px;border-top-right-radius:16px;transform:rotate(45deg);left:6px;top:6px}.gg-card-hearts::after{transform:rotate(-45deg);left:4px}", + "svg": "\n \n \n<\/svg>" + } ], "card-spades": [ - [ - { - "nr": 140, - "name": "card-spades", - "css": ".gg-card-spades{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:3px}.gg-card-spades::after,.gg-card-spades::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:6px;background:currentColor;border-bottom-left-radius:16px;border-bottom-right-radius:16px;transform:rotate(-45deg);left:6px;top:6px}.gg-card-spades::after{transform:rotate(45deg);left:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/card-spades.css');", - "json": "https:\/\/css.gg\/json?=card-spades", - "xml": "https:\/\/css.gg\/xml?=card-spades", - "svg_link": "https:\/\/css.gg\/card-spades.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCardSpades = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 4px;\n height: 6px;\n background: currentColor;\n border-bottom-left-radius: 16px;\n border-bottom-right-radius: 16px;\n transform: rotate(-45deg);\n left: 6px;\n top: 6px;\n }\n &::after {\n transform: rotate(45deg);\n left: 4px;\n }\n`\n\nexport const CardSpades = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 140, + "name": "card-spades", + "tags": "signs", + "css": ".gg-card-spades{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:3px}.gg-card-spades::after,.gg-card-spades::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:6px;background:currentColor;border-bottom-left-radius:16px;border-bottom-right-radius:16px;transform:rotate(-45deg);left:6px;top:6px}.gg-card-spades::after{transform:rotate(45deg);left:4px}", + "svg": "\n \n \n<\/svg>" + } ], "carousel": [ - [ - { - "nr": 141, - "name": "carousel", - "css": ".gg-carousel{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:18px}.gg-carousel::after,.gg-carousel::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px}.gg-carousel::before{width:22px;height:10px;border:2px solid}.gg-carousel::after{width:10px;height:2px;background:currentColor;top:16px;left:6px;box-shadow:-3px -4px 0,3px -4px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/carousel.css');", - "json": "https:\/\/css.gg\/json?=carousel", - "xml": "https:\/\/css.gg\/xml?=carousel", - "svg_link": "https:\/\/css.gg\/carousel.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCarousel = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 18px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n }\n &::before {\n width: 22px;\n height: 10px;\n border: 2px solid;\n }\n &::after {\n width: 10px;\n height: 2px;\n background: currentColor;\n top: 16px;\n left: 6px;\n box-shadow: -3px -4px 0, 3px -4px 0;\n }\n`\n\nexport const Carousel = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 141, + "name": "carousel", + "tags": "interface", + "css": ".gg-carousel{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:18px}.gg-carousel::after,.gg-carousel::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px}.gg-carousel::before{width:22px;height:10px;border:2px solid}.gg-carousel::after{width:10px;height:2px;background:currentColor;top:16px;left:6px;box-shadow:-3px -4px 0,3px -4px 0}", + "svg": "\n \n \n \n<\/svg>" + } ], "cast": [ - [ - { - "nr": 142, - "name": "cast", - "css": ".gg-cast{background:linear-gradient( to left,currentColor 5px,transparent 0)no-repeat bottom right\/6px 2px,linear-gradient( to left,currentColor 5px,transparent 0)no-repeat top left\/2px 2px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:16px;border-top:2px solid;border-right:2px solid;border-radius:2px;border-left:0}.gg-cast::after,.gg-cast::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:20px;height:20px;border:6px double;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-45deg);bottom:-10px;left:-10px}.gg-cast::after{width:4px;height:4px;border:2px solid;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;bottom:-2px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/cast.css');", - "json": "https:\/\/css.gg\/json?=cast", - "xml": "https:\/\/css.gg\/xml?=cast", - "svg_link": "https:\/\/css.gg\/cast.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCast = styled.i`\n & {\n background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat bottom right\/6px\n 2px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat top left\/2px 2px;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 16px;\n border-top: 2px solid;\n border-right: 2px solid;\n border-radius: 2px;\n border-left: 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 20px;\n height: 20px;\n border: 6px double;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n border-radius: 50%;\n transform: rotate(-45deg);\n bottom: -10px;\n left: -10px;\n }\n &::after {\n width: 4px;\n height: 4px;\n border: 2px solid;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n bottom: -2px;\n left: -2px;\n }\n`\n\nexport const Cast = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 142, + "name": "cast", + "tags": "multimedia interface devices", + "css": ".gg-cast{background:linear-gradient( to left,currentColor 5px,transparent 0)no-repeat bottom right\/6px 2px,linear-gradient( to left,currentColor 5px,transparent 0)no-repeat top left\/2px 2px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:16px;border-top:2px solid;border-right:2px solid;border-radius:2px;border-left:0}.gg-cast::after,.gg-cast::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:20px;height:20px;border:6px double;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-45deg);bottom:-10px;left:-10px}.gg-cast::after{width:4px;height:4px;border:2px solid;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;bottom:-2px;left:-2px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "chanel": [ - [ - { - "nr": 143, - "name": "chanel", - "css": ".gg-chanel{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:21px;height:18px}.gg-chanel::after,.gg-chanel::before{content:\"\";display:block;position:absolute;box-sizing:border-box;border:3px solid;width:18px;height:18px;border-radius:22px}.gg-chanel::before{border-left-color:transparent;left:-3px}.gg-chanel::after{border-right-color:transparent;right:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chanel.css');", - "json": "https:\/\/css.gg\/json?=chanel", - "xml": "https:\/\/css.gg\/xml?=chanel", - "svg_link": "https:\/\/css.gg\/chanel.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChanel = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 21px;\n height: 18px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n border: 3px solid;\n width: 18px;\n height: 18px;\n border-radius: 22px;\n }\n &::before {\n border-left-color: transparent;\n left: -3px;\n }\n &::after {\n border-right-color: transparent;\n right: -3px;\n }\n`\n\nexport const Chanel = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 143, + "name": "chanel", + "tags": "brands", + "css": ".gg-chanel{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:21px;height:18px}.gg-chanel::after,.gg-chanel::before{content:\"\";display:block;position:absolute;box-sizing:border-box;border:3px solid;width:18px;height:18px;border-radius:22px}.gg-chanel::before{border-left-color:transparent;left:-3px}.gg-chanel::after{border-right-color:transparent;right:-3px}", + "svg": "\n \n<\/svg>" + } ], "chart": [ - [ - { - "nr": 144, - "name": "chart", - "css": ".gg-chart{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border-bottom:2px solid;border-left:2px solid}.gg-chart::after,.gg-chart::before{content:\"\";display:block;position:absolute;border:2px solid;box-sizing:border-box}.gg-chart::before{border-top-right-radius:100px;right:-2px;top:-2px;width:8px;height:8px}.gg-chart::after{width:18px;height:18px;border-radius:100px;border-right-color:transparent;left:-10px;transform:rotate(-45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chart.css');", - "json": "https:\/\/css.gg\/json?=chart", - "xml": "https:\/\/css.gg\/xml?=chart", - "svg_link": "https:\/\/css.gg\/chart.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChart = 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: 10px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n border: 2px solid;\n box-sizing: border-box;\n }\n &::before {\n border-top-right-radius: 100px;\n right: -2px;\n top: -2px;\n width: 8px;\n height: 8px;\n }\n &::after {\n width: 18px;\n height: 18px;\n border-radius: 100px;\n border-right-color: transparent;\n left: -10px;\n transform: rotate(-45deg);\n }\n`\n\nexport const Chart = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 144, + "name": "chart", + "tags": "interface design", + "css": ".gg-chart{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border-bottom:2px solid;border-left:2px solid}.gg-chart::after,.gg-chart::before{content:\"\";display:block;position:absolute;border:2px solid;box-sizing:border-box}.gg-chart::before{border-top-right-radius:100px;right:-2px;top:-2px;width:8px;height:8px}.gg-chart::after{width:18px;height:18px;border-radius:100px;border-right-color:transparent;left:-10px;transform:rotate(-45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "check-o": [ - [ - { - "nr": 145, - "name": "check-o", - "css": ".gg-check-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-check-o::after{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px;top:-1px;width:6px;height:10px;border-color:currentColor;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/check-o.css');", - "json": "https:\/\/css.gg\/json?=check-o", - "xml": "https:\/\/css.gg\/xml?=check-o", - "svg_link": "https:\/\/css.gg\/check-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCheckO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 3px;\n top: -1px;\n width: 6px;\n height: 10px;\n border-color: currentColor;\n border-width: 0 2px 2px 0;\n border-style: solid;\n transform-origin: bottom left;\n transform: rotate(45deg);\n }\n`\n\nexport const CheckO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 145, + "name": "check-o", + "tags": "interface buttons", + "css": ".gg-check-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-check-o::after{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px;top:-1px;width:6px;height:10px;border-color:currentColor;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "check-r": [ - [ - { - "nr": 146, - "name": "check-r", - "css": ".gg-check-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-check-r::after{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px;top:-1px;width:6px;height:10px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/check-r.css');", - "json": "https:\/\/css.gg\/json?=check-r", - "xml": "https:\/\/css.gg\/xml?=check-r", - "svg_link": "https:\/\/css.gg\/check-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCheckR = 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 content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 3px;\n top: -1px;\n width: 6px;\n height: 10px;\n border-width: 0 2px 2px 0;\n border-style: solid;\n transform-origin: bottom left;\n transform: rotate(45deg);\n }\n`\n\nexport const CheckR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 146, + "name": "check-r", + "tags": "interface buttons", + "css": ".gg-check-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-check-r::after{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px;top:-1px;width:6px;height:10px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "check": [ - [ - { - "nr": 147, - "name": "check", - "css": ".gg-check{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-check::after{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px;top:-1px;width:6px;height:10px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/check.css');", - "json": "https:\/\/css.gg\/json?=check", - "xml": "https:\/\/css.gg\/xml?=check", - "svg_link": "https:\/\/css.gg\/check.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCheck = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid transparent;\n border-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 3px;\n top: -1px;\n width: 6px;\n height: 10px;\n border-width: 0 2px 2px 0;\n border-style: solid;\n transform-origin: bottom left;\n transform: rotate(45deg);\n }\n`\n\nexport const Check = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 147, + "name": "check", + "tags": "interface", + "css": ".gg-check{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-check::after{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px;top:-1px;width:6px;height:10px;border-width:0 2px 2px 0;border-style:solid;transform-origin:bottom left;transform:rotate(45deg)}", + "svg": "\n \n<\/svg>" + } ], "chevron-double-down-o": [ - [ - { - "nr": 148, - "name": "chevron-double-down-o", - "css": ".gg-chevron-double-down-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:40px;width:22px;height:22px}.gg-chevron-double-down-o::after,.gg-chevron-double-down-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:6px;top:3px}.gg-chevron-double-down-o::after{top:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-down-o.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-down-o", - "xml": "https:\/\/css.gg\/xml?=chevron-double-down-o", - "svg_link": "https:\/\/css.gg\/chevron-double-down-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleDownO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 40px;\n width: 22px;\n height: 22px;\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 border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n top: 3px;\n }\n &::after {\n top: 7px;\n }\n`\n\nexport const ChevronDoubleDownO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 148, + "name": "chevron-double-down-o", + "tags": "interface", + "css": ".gg-chevron-double-down-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:40px;width:22px;height:22px}.gg-chevron-double-down-o::after,.gg-chevron-double-down-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:6px;top:3px}.gg-chevron-double-down-o::after{top:7px}", + "svg": "\n \n \n \n<\/svg>" + } ], "chevron-double-down-r": [ - [ - { - "nr": 149, - "name": "chevron-double-down-r", - "css": ".gg-chevron-double-down-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:4px;width:22px;height:22px}.gg-chevron-double-down-r::after,.gg-chevron-double-down-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:6px;top:3px}.gg-chevron-double-down-r::after{top:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-down-r.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-down-r", - "xml": "https:\/\/css.gg\/xml?=chevron-double-down-r", - "svg_link": "https:\/\/css.gg\/chevron-double-down-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleDownR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 4px;\n width: 22px;\n height: 22px;\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 border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n top: 3px;\n }\n &::after {\n top: 7px;\n }\n`\n\nexport const ChevronDoubleDownR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 149, + "name": "chevron-double-down-r", + "tags": "interface", + "css": ".gg-chevron-double-down-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:4px;width:22px;height:22px}.gg-chevron-double-down-r::after,.gg-chevron-double-down-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:6px;top:3px}.gg-chevron-double-down-r::after{top:7px}", + "svg": "\n \n \n \n<\/svg>" + } ], "chevron-double-down": [ - [ - { - "nr": 150, - "name": "chevron-double-down", - "css": ".gg-chevron-double-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-chevron-double-down::after,.gg-chevron-double-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:7px;top:3px}.gg-chevron-double-down::after{top:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-down.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-down", - "xml": "https:\/\/css.gg\/xml?=chevron-double-down", - "svg_link": "https:\/\/css.gg\/chevron-double-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleDown = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n left: 7px;\n top: 3px;\n }\n &::after {\n top: 8px;\n }\n`\n\nexport const ChevronDoubleDown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 150, + "name": "chevron-double-down", + "tags": "interface", + "css": ".gg-chevron-double-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-chevron-double-down::after,.gg-chevron-double-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:7px;top:3px}.gg-chevron-double-down::after{top:8px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-double-left-o": [ - [ - { - "nr": 151, - "name": "chevron-double-left-o", - "css": ".gg-chevron-double-left-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:40px;width:22px;height:22px}.gg-chevron-double-left-o::after,.gg-chevron-double-left-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg);top:6px;left:5px}.gg-chevron-double-left-o::after{left:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-left-o.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-left-o", - "xml": "https:\/\/css.gg\/xml?=chevron-double-left-o", - "svg_link": "https:\/\/css.gg\/chevron-double-left-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleLeftO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 40px;\n width: 22px;\n height: 22px;\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 border-left: 2px solid;\n border-bottom: 2px solid;\n transform: rotate(45deg);\n top: 6px;\n left: 5px;\n }\n &::after {\n left: 9px;\n }\n`\n\nexport const ChevronDoubleLeftO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 151, + "name": "chevron-double-left-o", + "tags": "interface", + "css": ".gg-chevron-double-left-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:40px;width:22px;height:22px}.gg-chevron-double-left-o::after,.gg-chevron-double-left-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg);top:6px;left:5px}.gg-chevron-double-left-o::after{left:9px}", + "svg": "\n \n \n \n<\/svg>" + } ], "chevron-double-left-r": [ - [ - { - "nr": 152, - "name": "chevron-double-left-r", - "css": ".gg-chevron-double-left-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:4px;width:22px;height:22px}.gg-chevron-double-left-r::after,.gg-chevron-double-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg);top:6px;left:5px}.gg-chevron-double-left-r::after{left:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-left-r.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-left-r", - "xml": "https:\/\/css.gg\/xml?=chevron-double-left-r", - "svg_link": "https:\/\/css.gg\/chevron-double-left-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleLeftR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 4px;\n width: 22px;\n height: 22px;\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 border-left: 2px solid;\n border-bottom: 2px solid;\n transform: rotate(45deg);\n top: 6px;\n left: 5px;\n }\n &::after {\n left: 9px;\n }\n`\n\nexport const ChevronDoubleLeftR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 152, + "name": "chevron-double-left-r", + "tags": "interface", + "css": ".gg-chevron-double-left-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:4px;width:22px;height:22px}.gg-chevron-double-left-r::after,.gg-chevron-double-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg);top:6px;left:5px}.gg-chevron-double-left-r::after{left:9px}", + "svg": "\n \n \n \n<\/svg>" + } ], "chevron-double-left": [ - [ - { - "nr": 153, - "name": "chevron-double-left", - "css": ".gg-chevron-double-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-chevron-double-left::after,.gg-chevron-double-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg);top:7px;left:6px}.gg-chevron-double-left::after{left:11px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-left.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-left", - "xml": "https:\/\/css.gg\/xml?=chevron-double-left", - "svg_link": "https:\/\/css.gg\/chevron-double-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n transform: rotate(45deg);\n top: 7px;\n left: 6px;\n }\n &::after {\n left: 11px;\n }\n`\n\nexport const ChevronDoubleLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 153, + "name": "chevron-double-left", + "tags": "interface", + "css": ".gg-chevron-double-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-chevron-double-left::after,.gg-chevron-double-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg);top:7px;left:6px}.gg-chevron-double-left::after{left:11px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-double-right-o": [ - [ - { - "nr": 154, - "name": "chevron-double-right-o", - "css": ".gg-chevron-double-right-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:40px;width:22px;height:22px}.gg-chevron-double-right-o::after,.gg-chevron-double-right-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-right:2px solid;border-top:2px solid;transform:rotate(45deg);top:6px;right:5px}.gg-chevron-double-right-o::after{right:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-right-o.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-right-o", - "xml": "https:\/\/css.gg\/xml?=chevron-double-right-o", - "svg_link": "https:\/\/css.gg\/chevron-double-right-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleRightO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 40px;\n width: 22px;\n height: 22px;\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 border-right: 2px solid;\n border-top: 2px solid;\n transform: rotate(45deg);\n top: 6px;\n right: 5px;\n }\n &::after {\n right: 9px;\n }\n`\n\nexport const ChevronDoubleRightO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 154, + "name": "chevron-double-right-o", + "tags": "interface", + "css": ".gg-chevron-double-right-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:40px;width:22px;height:22px}.gg-chevron-double-right-o::after,.gg-chevron-double-right-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-right:2px solid;border-top:2px solid;transform:rotate(45deg);top:6px;right:5px}.gg-chevron-double-right-o::after{right:9px}", + "svg": "\n \n \n \n<\/svg>" + } ], "chevron-double-right-r": [ - [ - { - "nr": 155, - "name": "chevron-double-right-r", - "css": ".gg-chevron-double-right-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:4px;width:22px;height:22px}.gg-chevron-double-right-r::after,.gg-chevron-double-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-right:2px solid;border-top:2px solid;transform:rotate(45deg);top:6px;right:5px}.gg-chevron-double-right-r::after{right:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-right-r.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-right-r", - "xml": "https:\/\/css.gg\/xml?=chevron-double-right-r", - "svg_link": "https:\/\/css.gg\/chevron-double-right-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleRightR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 4px;\n width: 22px;\n height: 22px;\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 border-right: 2px solid;\n border-top: 2px solid;\n transform: rotate(45deg);\n top: 6px;\n right: 5px;\n }\n &::after {\n right: 9px;\n }\n`\n\nexport const ChevronDoubleRightR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 155, + "name": "chevron-double-right-r", + "tags": "interface", + "css": ".gg-chevron-double-right-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:4px;width:22px;height:22px}.gg-chevron-double-right-r::after,.gg-chevron-double-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-right:2px solid;border-top:2px solid;transform:rotate(45deg);top:6px;right:5px}.gg-chevron-double-right-r::after{right:9px}", + "svg": "\n \n \n \n<\/svg>" + } ], "chevron-double-right": [ - [ - { - "nr": 156, - "name": "chevron-double-right", - "css": ".gg-chevron-double-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-chevron-double-right::after,.gg-chevron-double-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-right:2px solid;border-top:2px solid;transform:rotate(45deg);top:7px;right:6px}.gg-chevron-double-right::after{right:11px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-right.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-right", - "xml": "https:\/\/css.gg\/xml?=chevron-double-right", - "svg_link": "https:\/\/css.gg\/chevron-double-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border-right: 2px solid;\n border-top: 2px solid;\n transform: rotate(45deg);\n top: 7px;\n right: 6px;\n }\n &::after {\n right: 11px;\n }\n`\n\nexport const ChevronDoubleRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 156, + "name": "chevron-double-right", + "tags": "interface", + "css": ".gg-chevron-double-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-chevron-double-right::after,.gg-chevron-double-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-right:2px solid;border-top:2px solid;transform:rotate(45deg);top:7px;right:6px}.gg-chevron-double-right::after{right:11px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-double-up-o": [ - [ - { - "nr": 157, - "name": "chevron-double-up-o", - "css": ".gg-chevron-double-up-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:40px;width:22px;height:22px}.gg-chevron-double-up-o::after,.gg-chevron-double-up-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:6px;bottom:3px}.gg-chevron-double-up-o::after{bottom:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-up-o.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-up-o", - "xml": "https:\/\/css.gg\/xml?=chevron-double-up-o", - "svg_link": "https:\/\/css.gg\/chevron-double-up-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleUpO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 40px;\n width: 22px;\n height: 22px;\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 border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n bottom: 3px;\n }\n &::after {\n bottom: 7px;\n }\n`\n\nexport const ChevronDoubleUpO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 157, + "name": "chevron-double-up-o", + "tags": "interface", + "css": ".gg-chevron-double-up-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:40px;width:22px;height:22px}.gg-chevron-double-up-o::after,.gg-chevron-double-up-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:6px;bottom:3px}.gg-chevron-double-up-o::after{bottom:7px}", + "svg": "\n \n \n \n<\/svg>" + } ], "chevron-double-up-r": [ - [ - { - "nr": 158, - "name": "chevron-double-up-r", - "css": ".gg-chevron-double-up-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:4px;width:22px;height:22px}.gg-chevron-double-up-r::after,.gg-chevron-double-up-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:6px;bottom:3px}.gg-chevron-double-up-r::after{bottom:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-up-r.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-up-r", - "xml": "https:\/\/css.gg\/xml?=chevron-double-up-r", - "svg_link": "https:\/\/css.gg\/chevron-double-up-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleUpR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 4px;\n width: 22px;\n height: 22px;\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 border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n bottom: 3px;\n }\n &::after {\n bottom: 7px;\n }\n`\n\nexport const ChevronDoubleUpR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 158, + "name": "chevron-double-up-r", + "tags": "interface", + "css": ".gg-chevron-double-up-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:4px;width:22px;height:22px}.gg-chevron-double-up-r::after,.gg-chevron-double-up-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:6px;bottom:3px}.gg-chevron-double-up-r::after{bottom:7px}", + "svg": "\n \n \n \n<\/svg>" + } ], "chevron-double-up": [ - [ - { - "nr": 159, - "name": "chevron-double-up", - "css": ".gg-chevron-double-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-chevron-double-up::after,.gg-chevron-double-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:7px;bottom:3px}.gg-chevron-double-up::after{bottom:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-double-up.css');", - "json": "https:\/\/css.gg\/json?=chevron-double-up", - "xml": "https:\/\/css.gg\/xml?=chevron-double-up", - "svg_link": "https:\/\/css.gg\/chevron-double-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDoubleUp = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 7px;\n bottom: 3px;\n }\n &::after {\n bottom: 8px;\n }\n`\n\nexport const ChevronDoubleUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 159, + "name": "chevron-double-up", + "tags": "interface", + "css": ".gg-chevron-double-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-chevron-double-up::after,.gg-chevron-double-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:7px;bottom:3px}.gg-chevron-double-up::after{bottom:8px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-down-o": [ - [ - { - "nr": 160, - "name": "chevron-down-o", - "css": ".gg-chevron-down-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-chevron-down-o::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:6px;top:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-down-o.css');", - "json": "https:\/\/css.gg\/json?=chevron-down-o", - "xml": "https:\/\/css.gg\/xml?=chevron-down-o", - "svg_link": "https:\/\/css.gg\/chevron-down-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDownO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n top: 5px;\n }\n`\n\nexport const ChevronDownO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 160, + "name": "chevron-down-o", + "tags": "interface buttons", + "css": ".gg-chevron-down-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-chevron-down-o::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:6px;top:5px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-down-r": [ - [ - { - "nr": 161, - "name": "chevron-down-r", - "css": ".gg-chevron-down-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-chevron-down-r::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:6px;top:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-down-r.css');", - "json": "https:\/\/css.gg\/json?=chevron-down-r", - "xml": "https:\/\/css.gg\/xml?=chevron-down-r", - "svg_link": "https:\/\/css.gg\/chevron-down-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDownR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n top: 5px;\n }\n`\n\nexport const ChevronDownR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 161, + "name": "chevron-down-r", + "tags": "interface buttons", + "css": ".gg-chevron-down-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-chevron-down-r::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:6px;top:5px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-down": [ - [ - { - "nr": 162, - "name": "chevron-down", - "css": ".gg-chevron-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-down::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:4px;top:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-down.css');", - "json": "https:\/\/css.gg\/json?=chevron-down", - "xml": "https:\/\/css.gg\/xml?=chevron-down", - "svg_link": "https:\/\/css.gg\/chevron-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronDown = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid transparent;\n border-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 10px;\n height: 10px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n left: 4px;\n top: 2px;\n }\n`\n\nexport const ChevronDown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 162, + "name": "chevron-down", + "tags": "interface", + "css": ".gg-chevron-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-down::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:4px;top:2px}", + "svg": "\n \n<\/svg>" + } ], "chevron-left-o": [ - [ - { - "nr": 163, - "name": "chevron-left-o", - "css": ".gg-chevron-left-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-chevron-left-o::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:7px;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-left-o.css');", - "json": "https:\/\/css.gg\/json?=chevron-left-o", - "xml": "https:\/\/css.gg\/xml?=chevron-left-o", - "svg_link": "https:\/\/css.gg\/chevron-left-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronLeftO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 7px;\n top: 6px;\n }\n`\n\nexport const ChevronLeftO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 163, + "name": "chevron-left-o", + "tags": "interface buttons", + "css": ".gg-chevron-left-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-chevron-left-o::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:7px;top:6px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-left-r": [ - [ - { - "nr": 164, - "name": "chevron-left-r", - "css": ".gg-chevron-left-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-chevron-left-r::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:7px;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-left-r.css');", - "json": "https:\/\/css.gg\/json?=chevron-left-r", - "xml": "https:\/\/css.gg\/xml?=chevron-left-r", - "svg_link": "https:\/\/css.gg\/chevron-left-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronLeftR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 7px;\n top: 6px;\n }\n`\n\nexport const ChevronLeftR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 164, + "name": "chevron-left-r", + "tags": "interface buttons", + "css": ".gg-chevron-left-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-chevron-left-r::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:7px;top:6px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-left": [ - [ - { - "nr": 165, - "name": "chevron-left", - "css": ".gg-chevron-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:6px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-left.css');", - "json": "https:\/\/css.gg\/json?=chevron-left", - "xml": "https:\/\/css.gg\/xml?=chevron-left", - "svg_link": "https:\/\/css.gg\/chevron-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid transparent;\n border-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 10px;\n height: 10px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n top: 4px;\n }\n`\n\nexport const ChevronLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 165, + "name": "chevron-left", + "tags": "interface", + "css": ".gg-chevron-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-left::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);left:6px;top:4px}", + "svg": "\n \n<\/svg>" + } ], "chevron-right-o": [ - [ - { - "nr": 166, - "name": "chevron-right-o", - "css": ".gg-chevron-right-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-chevron-right-o::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg);left:5px;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-right-o.css');", - "json": "https:\/\/css.gg\/json?=chevron-right-o", - "xml": "https:\/\/css.gg\/xml?=chevron-right-o", - "svg_link": "https:\/\/css.gg\/chevron-right-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronRightO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(-45deg);\n left: 5px;\n top: 6px;\n }\n`\n\nexport const ChevronRightO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 166, + "name": "chevron-right-o", + "tags": "interface buttons", + "css": ".gg-chevron-right-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-chevron-right-o::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg);left:5px;top:6px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-right-r": [ - [ - { - "nr": 167, - "name": "chevron-right-r", - "css": ".gg-chevron-right-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-chevron-right-r::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg);left:5px;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-right-r.css');", - "json": "https:\/\/css.gg\/json?=chevron-right-r", - "xml": "https:\/\/css.gg\/xml?=chevron-right-r", - "svg_link": "https:\/\/css.gg\/chevron-right-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronRightR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(-45deg);\n left: 5px;\n top: 6px;\n }\n`\n\nexport const ChevronRightR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 167, + "name": "chevron-right-r", + "tags": "interface buttons", + "css": ".gg-chevron-right-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-chevron-right-r::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg);left:5px;top:6px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-right": [ - [ - { - "nr": 168, - "name": "chevron-right", - "css": ".gg-chevron-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg);right:6px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-right.css');", - "json": "https:\/\/css.gg\/json?=chevron-right", - "xml": "https:\/\/css.gg\/xml?=chevron-right", - "svg_link": "https:\/\/css.gg\/chevron-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid transparent;\n border-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 10px;\n height: 10px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(-45deg);\n right: 6px;\n top: 4px;\n }\n`\n\nexport const ChevronRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 168, + "name": "chevron-right", + "tags": "interface", + "css": ".gg-chevron-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-right::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-right:2px solid;transform:rotate(-45deg);right:6px;top:4px}", + "svg": "\n \n<\/svg>" + } ], "chevron-up-o": [ - [ - { - "nr": 169, - "name": "chevron-up-o", - "css": ".gg-chevron-up-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-chevron-up-o::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(-45deg);left:6px;bottom:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-up-o.css');", - "json": "https:\/\/css.gg\/json?=chevron-up-o", - "xml": "https:\/\/css.gg\/xml?=chevron-up-o", - "svg_link": "https:\/\/css.gg\/chevron-up-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronUpO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(-45deg);\n left: 6px;\n bottom: 5px;\n }\n`\n\nexport const ChevronUpO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 169, + "name": "chevron-up-o", + "tags": "interface buttons", + "css": ".gg-chevron-up-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-chevron-up-o::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(-45deg);left:6px;bottom:5px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-up-r": [ - [ - { - "nr": 170, - "name": "chevron-up-r", - "css": ".gg-chevron-up-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-chevron-up-r::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(-45deg);left:6px;bottom:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-up-r.css');", - "json": "https:\/\/css.gg\/json?=chevron-up-r", - "xml": "https:\/\/css.gg\/xml?=chevron-up-r", - "svg_link": "https:\/\/css.gg\/chevron-up-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronUpR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(-45deg);\n left: 6px;\n bottom: 5px;\n }\n`\n\nexport const ChevronUpR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 170, + "name": "chevron-up-r", + "tags": "interface buttons", + "css": ".gg-chevron-up-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-chevron-up-r::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-right:2px solid;transform:rotate(-45deg);left:6px;bottom:5px}", + "svg": "\n \n \n<\/svg>" + } ], "chevron-up": [ - [ - { - "nr": 171, - "name": "chevron-up", - "css": ".gg-chevron-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-up::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-top:2px solid;border-right:2px solid;transform:rotate(-45deg);left:4px;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/chevron-up.css');", - "json": "https:\/\/css.gg\/json?=chevron-up", - "xml": "https:\/\/css.gg\/xml?=chevron-up", - "svg_link": "https:\/\/css.gg\/chevron-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledChevronUp = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid transparent;\n border-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 10px;\n height: 10px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(-45deg);\n left: 4px;\n bottom: 2px;\n }\n`\n\nexport const ChevronUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 171, + "name": "chevron-up", + "tags": "interface", + "css": ".gg-chevron-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-chevron-up::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-top:2px solid;border-right:2px solid;transform:rotate(-45deg);left:4px;bottom:2px}", + "svg": "\n \n<\/svg>" + } ], "circleci": [ - [ - { - "nr": 172, - "name": "circleci", - "css": ".gg-circleci,.gg-circleci::before{display:block;box-sizing:border-box;border-radius:18px}.gg-circleci{position:relative;transform:scale(var(--ggs,1));width:24px;height:24px;border:4px solid;background:linear-gradient( to left,currentColor 8px,transparent 0)no-repeat -2px center\/8px 3px}.gg-circleci::before{content:\"\";position:absolute;width:10px;height:10px;border:3px solid;top:3px;right:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/circleci.css');", - "json": "https:\/\/css.gg\/json?=circleci", - "xml": "https:\/\/css.gg\/xml?=circleci", - "svg_link": "https:\/\/css.gg\/circleci.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCircleci = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n border-radius: 18px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 24px;\n border: 4px solid;\n background: linear-gradient(to left, currentColor 8px, transparent 0) no-repeat -2px center\/8px 3px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 10px;\n height: 10px;\n border: 3px solid;\n top: 3px;\n right: 3px;\n }\n`\n\nexport const Circleci = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 172, + "name": "circleci", + "tags": "brands", + "css": ".gg-circleci,.gg-circleci::before{display:block;box-sizing:border-box;border-radius:18px}.gg-circleci{position:relative;transform:scale(var(--ggs,1));width:24px;height:24px;border:4px solid;background:linear-gradient( to left,currentColor 8px,transparent 0)no-repeat -2px center\/8px 3px}.gg-circleci::before{content:\"\";position:absolute;width:10px;height:10px;border:3px solid;top:3px;right:3px}", + "svg": "\n \n<\/svg>" + } ], "clapper-board": [ - [ - { - "nr": 173, - "name": "clapper-board", - "css": ".gg-clapper-board{display:block;position:relative;transform:scale(var(--ggs,1));box-sizing:border-box;width:22px;height:18px;border:2px solid;border-radius:3px}.gg-clapper-board::after,.gg-clapper-board::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-clapper-board::before{width:10px;height:8px;border-left:2px solid;border-right:2px solid;left:4px;top:-2px;transform:skewX(-40deg)}.gg-clapper-board::after{width:22px;height:2px;background:currentColor;top:4px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/clapper-board.css');", - "json": "https:\/\/css.gg\/json?=clapper-board", - "xml": "https:\/\/css.gg\/xml?=clapper-board", - "svg_link": "https:\/\/css.gg\/clapper-board.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledClapperBoard = styled.i`\n & {\n display: block;\n position: relative;\n transform: scale(var(--ggs, 1));\n box-sizing: border-box;\n width: 22px;\n height: 18px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n width: 10px;\n height: 8px;\n border-left: 2px solid;\n border-right: 2px solid;\n left: 4px;\n top: -2px;\n transform: skewX(-40deg);\n }\n &::after {\n width: 22px;\n height: 2px;\n background: currentColor;\n top: 4px;\n left: -2px;\n }\n`\n\nexport const ClapperBoard = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 173, + "name": "clapper-board", + "tags": "interface", + "css": ".gg-clapper-board{display:block;position:relative;transform:scale(var(--ggs,1));box-sizing:border-box;width:22px;height:18px;border:2px solid;border-radius:3px}.gg-clapper-board::after,.gg-clapper-board::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-clapper-board::before{width:10px;height:8px;border-left:2px solid;border-right:2px solid;left:4px;top:-2px;transform:skewX(-40deg)}.gg-clapper-board::after{width:22px;height:2px;background:currentColor;top:4px;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "clipboard": [ - [ - { - "nr": 174, - "name": "clipboard", - "css": ".gg-clipboard{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:2px}.gg-clipboard::after,.gg-clipboard::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:2px;width:10px;left:2px}.gg-clipboard::before{border:2px solid;border-bottom-left-radius:3px;border-bottom-right-radius:3px;top:-2px;height:6px}.gg-clipboard::after{height:2px;background:currentColor;box-shadow:0 -4px 0 0;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/clipboard.css');", - "json": "https:\/\/css.gg\/json?=clipboard", - "xml": "https:\/\/css.gg\/xml?=clipboard", - "svg_link": "https:\/\/css.gg\/clipboard.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledClipboard = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 2px;\n width: 10px;\n left: 2px;\n }\n &::before {\n border: 2px solid;\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n top: -2px;\n height: 6px;\n }\n &::after {\n height: 2px;\n background: currentColor;\n box-shadow: 0 -4px 0 0;\n bottom: 2px;\n }\n`\n\nexport const Clipboard = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 174, + "name": "clipboard", + "tags": "content interface", + "css": ".gg-clipboard{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:2px}.gg-clipboard::after,.gg-clipboard::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:2px;width:10px;left:2px}.gg-clipboard::before{border:2px solid;border-bottom-left-radius:3px;border-bottom-right-radius:3px;top:-2px;height:6px}.gg-clipboard::after{height:2px;background:currentColor;box-shadow:0 -4px 0 0;bottom:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "close-o": [ - [ - { - "nr": 175, - "name": "close-o", - "css": ".gg-close-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:40px}.gg-close-o::after,.gg-close-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:5px;top:8px;left:3px}.gg-close-o::after{transform:rotate(-45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/close-o.css');", - "json": "https:\/\/css.gg\/json?=close-o", - "xml": "https:\/\/css.gg\/xml?=close-o", - "svg_link": "https:\/\/css.gg\/close-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCloseO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 40px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 12px;\n height: 2px;\n background: currentColor;\n transform: rotate(45deg);\n border-radius: 5px;\n top: 8px;\n left: 3px;\n }\n &::after {\n transform: rotate(-45deg);\n }\n`\n\nexport const CloseO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 175, + "name": "close-o", + "tags": "interface buttons", + "css": ".gg-close-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:40px}.gg-close-o::after,.gg-close-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:5px;top:8px;left:3px}.gg-close-o::after{transform:rotate(-45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "close-r": [ - [ - { - "nr": 176, - "name": "close-r", - "css": ".gg-close-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-close-r::after,.gg-close-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:5px;top:8px;left:3px}.gg-close-r::after{transform:rotate(-45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/close-r.css');", - "json": "https:\/\/css.gg\/json?=close-r", - "xml": "https:\/\/css.gg\/xml?=close-r", - "svg_link": "https:\/\/css.gg\/close-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCloseR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 12px;\n height: 2px;\n background: currentColor;\n transform: rotate(45deg);\n border-radius: 5px;\n top: 8px;\n left: 3px;\n }\n &::after {\n transform: rotate(-45deg);\n }\n`\n\nexport const CloseR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 176, + "name": "close-r", + "tags": "interface buttons", + "css": ".gg-close-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-close-r::after,.gg-close-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:5px;top:8px;left:3px}.gg-close-r::after{transform:rotate(-45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "close": [ - [ - { - "nr": 177, - "name": "close", - "css": ".gg-close{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:40px}.gg-close::after,.gg-close::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:16px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:5px;top:8px;left:1px}.gg-close::after{transform:rotate(-45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/close.css');", - "json": "https:\/\/css.gg\/json?=close", - "xml": "https:\/\/css.gg\/xml?=close", - "svg_link": "https:\/\/css.gg\/close.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledClose = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid transparent;\n border-radius: 40px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 16px;\n height: 2px;\n background: currentColor;\n transform: rotate(45deg);\n border-radius: 5px;\n top: 8px;\n left: 1px;\n }\n &::after {\n transform: rotate(-45deg);\n }\n`\n\nexport const Close = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 177, + "name": "close", + "tags": "interface", + "css": ".gg-close{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:40px}.gg-close::after,.gg-close::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:16px;height:2px;background:currentColor;transform:rotate(45deg);border-radius:5px;top:8px;left:1px}.gg-close::after{transform:rotate(-45deg)}", + "svg": "\n \n<\/svg>" + } ], "cloud": [ - [ - { - "nr": 178, - "name": "cloud", - "css": ".gg-cloud{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:2px;background:currentColor;margin-bottom:-20px}.gg-cloud::after,.gg-cloud::before{content:\"\";display:block;position:absolute;border:2px solid;box-sizing:border-box;bottom:0}.gg-cloud::before{border-top-left-radius:100px;border-bottom-left-radius:100px;border-right:0;left:-6px;width:7px;height:12px}.gg-cloud::after{width:16px;height:16px;border-radius:100px;border-left-color:transparent;right:-8px;transform:rotate(-45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/cloud.css');", - "json": "https:\/\/css.gg\/json?=cloud", - "xml": "https:\/\/css.gg\/xml?=cloud", - "svg_link": "https:\/\/css.gg\/cloud.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCloud = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 2px;\n background: currentColor;\n margin-bottom: -20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n border: 2px solid;\n box-sizing: border-box;\n bottom: 0;\n }\n &::before {\n border-top-left-radius: 100px;\n border-bottom-left-radius: 100px;\n border-right: 0;\n left: -6px;\n width: 7px;\n height: 12px;\n }\n &::after {\n width: 16px;\n height: 16px;\n border-radius: 100px;\n border-left-color: transparent;\n right: -8px;\n transform: rotate(-45deg);\n }\n`\n\nexport const Cloud = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 178, + "name": "cloud", + "tags": "multimedia interface files", + "css": ".gg-cloud{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:2px;background:currentColor;margin-bottom:-20px}.gg-cloud::after,.gg-cloud::before{content:\"\";display:block;position:absolute;border:2px solid;box-sizing:border-box;bottom:0}.gg-cloud::before{border-top-left-radius:100px;border-bottom-left-radius:100px;border-right:0;left:-6px;width:7px;height:12px}.gg-cloud::after{width:16px;height:16px;border-radius:100px;border-left-color:transparent;right:-8px;transform:rotate(-45deg)}", + "svg": "\n \n<\/svg>" + } ], "code-climate": [ - [ - { - "nr": 179, - "name": "code-climate", - "css": ".gg-code-climate{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:24px;height:16px}.gg-code-climate::after,.gg-code-climate::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:12px;border-left:4px solid;border-top:4px solid;transform:rotate(45deg)}.gg-code-climate::before{height:12px;left:2px;bottom:-2px}.gg-code-climate::after{height:6px;right:0;bottom:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/code-climate.css');", - "json": "https:\/\/css.gg\/json?=code-climate", - "xml": "https:\/\/css.gg\/xml?=code-climate", - "svg_link": "https:\/\/css.gg\/code-climate.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCodeClimate = styled.i`\n & {\n display: block;\n box-sizing: border-box;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 16px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 12px;\n border-left: 4px solid;\n border-top: 4px solid;\n transform: rotate(45deg);\n }\n &::before {\n height: 12px;\n left: 2px;\n bottom: -2px;\n }\n &::after {\n height: 6px;\n right: 0;\n bottom: 6px;\n }\n`\n\nexport const CodeClimate = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 179, + "name": "code-climate", + "tags": "brands", + "css": ".gg-code-climate{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:24px;height:16px}.gg-code-climate::after,.gg-code-climate::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:12px;border-left:4px solid;border-top:4px solid;transform:rotate(45deg)}.gg-code-climate::before{height:12px;left:2px;bottom:-2px}.gg-code-climate::after{height:6px;right:0;bottom:6px}", + "svg": "\n \n \n<\/svg>" + } ], "code-slash": [ - [ - { - "nr": 180, - "name": "code-slash", - "css": ".gg-code-slash{display:block;position:relative;box-sizing:border-box;transform:rotate(15deg) scale(var(--ggs,1));width:2px;height:16px;background:currentColor}.gg-code-slash::after,.gg-code-slash::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;transform:rotate(-60deg)}.gg-code-slash::before{border-left:2px solid;border-top:2px solid;left:-8px;top:5px}.gg-code-slash::after{border-right:2px solid;border-bottom:2px solid;right:-8px;top:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/code-slash.css');", - "json": "https:\/\/css.gg\/json?=code-slash", - "xml": "https:\/\/css.gg\/xml?=code-slash", - "svg_link": "https:\/\/css.gg\/code-slash.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCodeSlash = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: rotate(15deg) scale(var(--ggs, 1));\n width: 2px;\n height: 16px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n transform: rotate(-60deg);\n }\n &::before {\n border-left: 2px solid;\n border-top: 2px solid;\n left: -8px;\n top: 5px;\n }\n &::after {\n border-right: 2px solid;\n border-bottom: 2px solid;\n right: -8px;\n top: 3px;\n }\n`\n\nexport const CodeSlash = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 180, + "name": "code-slash", + "tags": "interface arrows code", + "css": ".gg-code-slash{display:block;position:relative;box-sizing:border-box;transform:rotate(15deg) scale(var(--ggs,1));width:2px;height:16px;background:currentColor}.gg-code-slash::after,.gg-code-slash::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;transform:rotate(-60deg)}.gg-code-slash::before{border-left:2px solid;border-top:2px solid;left:-8px;top:5px}.gg-code-slash::after{border-right:2px solid;border-bottom:2px solid;right:-8px;top:3px}", + "svg": "\n \n \n \n<\/svg>" + } ], "code": [ - [ - { - "nr": 181, - "name": "code", - "css": ".gg-code{transform:scale(var(--ggs,1))}.gg-code,.gg-code::after,.gg-code::before{box-sizing:border-box;position:relative;display:block;width:8px;height:20px}.gg-code::after,.gg-code::before{content:\"\";position:absolute;height:8px;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg) scaleY(1);left:-4px;top:6px}.gg-code::after{transform:rotate(-45deg) scaleX(-1);left:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/code.css');", - "json": "https:\/\/css.gg\/json?=code", - "xml": "https:\/\/css.gg\/xml?=code", - "svg_link": "https:\/\/css.gg\/code.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCode = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 8px;\n height: 20px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n height: 8px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n transform: rotate(45deg) scaleY(1);\n left: -4px;\n top: 6px;\n }\n &::after {\n transform: rotate(-45deg) scaleX(-1);\n left: 4px;\n }\n`\n\nexport const Code = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 181, + "name": "code", + "tags": "interface arrows code", + "css": ".gg-code{transform:scale(var(--ggs,1))}.gg-code,.gg-code::after,.gg-code::before{box-sizing:border-box;position:relative;display:block;width:8px;height:20px}.gg-code::after,.gg-code::before{content:\"\";position:absolute;height:8px;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg) scaleY(1);left:-4px;top:6px}.gg-code::after{transform:rotate(-45deg) scaleX(-1);left:4px}", + "svg": "\n \n \n<\/svg>" + } ], "coffee": [ - [ - { - "nr": 182, - "name": "coffee", - "css": ".gg-coffee{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid;border-radius:6px;border-top-left-radius:0;border-top-right-radius:0;margin-left:-4px;margin-top:3px}.gg-coffee::after,.gg-coffee::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-coffee::before{left:2px;background:currentColor;box-shadow:4px 0 0,8px 0 0;border-radius:3px;width:2px;height:4px;top:-7px}.gg-coffee::after{width:6px;height:8px;border:2px solid;border-radius:100px;border-top-left-radius:0;border-bottom-left-radius:0;right:-6px;top:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/coffee.css');", - "json": "https:\/\/css.gg\/json?=coffee", - "xml": "https:\/\/css.gg\/xml?=coffee", - "svg_link": "https:\/\/css.gg\/coffee.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCoffee = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 14px;\n border: 2px solid;\n border-radius: 6px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n margin-left: -4px;\n margin-top: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n left: 2px;\n background: currentColor;\n box-shadow: 4px 0 0, 8px 0 0;\n border-radius: 3px;\n width: 2px;\n height: 4px;\n top: -7px;\n }\n &::after {\n width: 6px;\n height: 8px;\n border: 2px solid;\n border-radius: 100px;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n right: -6px;\n top: -1px;\n }\n`\n\nexport const Coffee = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 182, + "name": "coffee", + "tags": "design", + "css": ".gg-coffee{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid;border-radius:6px;border-top-left-radius:0;border-top-right-radius:0;margin-left:-4px;margin-top:3px}.gg-coffee::after,.gg-coffee::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-coffee::before{left:2px;background:currentColor;box-shadow:4px 0 0,8px 0 0;border-radius:3px;width:2px;height:4px;top:-7px}.gg-coffee::after{width:6px;height:8px;border:2px solid;border-radius:100px;border-top-left-radius:0;border-bottom-left-radius:0;right:-6px;top:-1px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "collage": [ - [ - { - "nr": 183, - "name": "collage", - "css": ".gg-collage{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:20px;border:2px solid;border-radius:3px}.gg-collage::after,.gg-collage::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:20px;background:currentColor;left:5px;top:-2px}.gg-collage::after{width:9px;height:2px;left:-2px;top:4px;box-shadow:7px 5px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/collage.css');", - "json": "https:\/\/css.gg\/json?=collage", - "xml": "https:\/\/css.gg\/xml?=collage", - "svg_link": "https:\/\/css.gg\/collage.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCollage = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 20px;\n border: 2px solid;\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: 20px;\n background: currentColor;\n left: 5px;\n top: -2px;\n }\n &::after {\n width: 9px;\n height: 2px;\n left: -2px;\n top: 4px;\n box-shadow: 7px 5px 0 0;\n }\n`\n\nexport const Collage = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 183, + "name": "collage", + "tags": "multimedia interface", + "css": ".gg-collage{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:20px;border:2px solid;border-radius:3px}.gg-collage::after,.gg-collage::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:20px;background:currentColor;left:5px;top:-2px}.gg-collage::after{width:9px;height:2px;left:-2px;top:4px;box-shadow:7px 5px 0 0}", + "svg": "\n \n<\/svg>" + } ], "color-bucket": [ - [ - { - "nr": 184, - "name": "color-bucket", - "css": ".gg-color-bucket{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:10px;border:2px solid;border-bottom:0;border-top-left-radius:100px;border-top-right-radius:100px;margin-top:-18px}.gg-color-bucket::after,.gg-color-bucket::before{content:\"\";display:block;box-sizing:border-box;position:absolute;transform:rotate(45deg)}.gg-color-bucket::before{border:2px solid;border-bottom-left-radius:4px;border-bottom-right-radius:4px;top:4px;left:-4px;width:14px;height:16px}.gg-color-bucket::after{width:6px;height:6px;border-radius:0 100% 100% 100%;background:currentColor;right:-15px;bottom:-12px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/color-bucket.css');", - "json": "https:\/\/css.gg\/json?=color-bucket", - "xml": "https:\/\/css.gg\/xml?=color-bucket", - "svg_link": "https:\/\/css.gg\/color-bucket.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledColorBucket = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 6px;\n height: 10px;\n border: 2px solid;\n border-bottom: 0;\n border-top-left-radius: 100px;\n border-top-right-radius: 100px;\n margin-top: -18px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n transform: rotate(45deg);\n }\n &::before {\n border: 2px solid;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n top: 4px;\n left: -4px;\n width: 14px;\n height: 16px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-radius: 0 100% 100% 100%;\n background: currentColor;\n right: -15px;\n bottom: -12px;\n }\n`\n\nexport const ColorBucket = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 184, + "name": "color-bucket", + "tags": "content design", + "css": ".gg-color-bucket{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:10px;border:2px solid;border-bottom:0;border-top-left-radius:100px;border-top-right-radius:100px;margin-top:-18px}.gg-color-bucket::after,.gg-color-bucket::before{content:\"\";display:block;box-sizing:border-box;position:absolute;transform:rotate(45deg)}.gg-color-bucket::before{border:2px solid;border-bottom-left-radius:4px;border-bottom-right-radius:4px;top:4px;left:-4px;width:14px;height:16px}.gg-color-bucket::after{width:6px;height:6px;border-radius:0 100% 100% 100%;background:currentColor;right:-15px;bottom:-12px}", + "svg": "\n \n \n<\/svg>" + } ], "color-picker": [ - [ - { - "nr": 185, - "name": "color-picker", - "css": ".gg-color-picker{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:18px;height:10px;border-left:0;border-top-left-radius:100px;border-bottom-left-radius:100px;border-top:2px solid transparent;border-bottom:2px solid transparent;border-right:2px solid transparent;box-shadow:inset 0 0 0 2px}.gg-color-picker::after,.gg-color-picker::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor}.gg-color-picker::before{top:-2px;border-radius:3px;width:2px;height:10px;right:-3px}.gg-color-picker::after{width:8px;height:6px;right:-9px;box-shadow:-21px 0 0 -2px;border-top-right-radius:100px;border-bottom-right-radius:100px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/color-picker.css');", - "json": "https:\/\/css.gg\/json?=color-picker", - "xml": "https:\/\/css.gg\/xml?=color-picker", - "svg_link": "https:\/\/css.gg\/color-picker.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledColorPicker = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-45deg) scale(var(--ggs, 1));\n width: 18px;\n height: 10px;\n border-left: 0;\n border-top-left-radius: 100px;\n border-bottom-left-radius: 100px;\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n border-right: 2px solid transparent;\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 background: currentColor;\n }\n &::before {\n top: -2px;\n border-radius: 3px;\n width: 2px;\n height: 10px;\n right: -3px;\n }\n &::after {\n width: 8px;\n height: 6px;\n right: -9px;\n box-shadow: -21px 0 0 -2px;\n border-top-right-radius: 100px;\n border-bottom-right-radius: 100px;\n }\n`\n\nexport const ColorPicker = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 185, + "name": "color-picker", + "tags": "design content", + "css": ".gg-color-picker{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:18px;height:10px;border-left:0;border-top-left-radius:100px;border-bottom-left-radius:100px;border-top:2px solid transparent;border-bottom:2px solid transparent;border-right:2px solid transparent;box-shadow:inset 0 0 0 2px}.gg-color-picker::after,.gg-color-picker::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor}.gg-color-picker::before{top:-2px;border-radius:3px;width:2px;height:10px;right:-3px}.gg-color-picker::after{width:8px;height:6px;right:-9px;box-shadow:-21px 0 0 -2px;border-top-right-radius:100px;border-bottom-right-radius:100px}", + "svg": "\n \n \n<\/svg>" + } ], "comedy-central": [ - [ - { - "nr": 186, - "name": "comedy-central", - "css": ".gg-comedy-central,.gg-comedy-central::before{box-sizing:border-box;display:block;border:3px solid;border-radius:100px}.gg-comedy-central{position:relative;border-left-color:transparent;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-comedy-central::before{content:\"\";position:absolute;border-right-color:transparent;width:10px;height:10px;bottom:2px;right:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/comedy-central.css');", - "json": "https:\/\/css.gg\/json?=comedy-central", - "xml": "https:\/\/css.gg\/xml?=comedy-central", - "svg_link": "https:\/\/css.gg\/comedy-central.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledComedyCentral = styled.i`\n &,\n &::before {\n box-sizing: border-box;\n display: block;\n border: 3px solid;\n border-radius: 100px;\n }\n & {\n position: relative;\n border-left-color: transparent;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n }\n &::before {\n content: '';\n position: absolute;\n border-right-color: transparent;\n width: 10px;\n height: 10px;\n bottom: 2px;\n right: 2px;\n }\n`\n\nexport const ComedyCentral = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 186, + "name": "comedy-central", + "tags": "brands", + "css": ".gg-comedy-central,.gg-comedy-central::before{box-sizing:border-box;display:block;border:3px solid;border-radius:100px}.gg-comedy-central{position:relative;border-left-color:transparent;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-comedy-central::before{content:\"\";position:absolute;border-right-color:transparent;width:10px;height:10px;bottom:2px;right:2px}", + "svg": "\n \n \n<\/svg>" + } ], "comment": [ - [ - { - "nr": 187, - "name": "comment", - "css": ".gg-comment{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:16px;border:2px solid;border-bottom:0;box-shadow:-6px 8px 0 -6px,6px 8px 0 -6px}.gg-comment::after,.gg-comment::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px}.gg-comment::before{border:2px solid;border-top-color:transparent;border-bottom-left-radius:20px;right:4px;bottom:-6px;height:6px}.gg-comment::after{height:2px;background:currentColor;box-shadow:0 4px 0 0;left:4px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/comment.css');", - "json": "https:\/\/css.gg\/json?=comment", - "xml": "https:\/\/css.gg\/xml?=comment", - "svg_link": "https:\/\/css.gg\/comment.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledComment = 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: 16px;\n border: 2px solid;\n border-bottom: 0;\n box-shadow: -6px 8px 0 -6px, 6px 8px 0 -6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n }\n &::before {\n border: 2px solid;\n border-top-color: transparent;\n border-bottom-left-radius: 20px;\n right: 4px;\n bottom: -6px;\n height: 6px;\n }\n &::after {\n height: 2px;\n background: currentColor;\n box-shadow: 0 4px 0 0;\n left: 4px;\n top: 4px;\n }\n`\n\nexport const Comment = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 187, + "name": "comment", + "tags": "multimedia", + "css": ".gg-comment{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:16px;border:2px solid;border-bottom:0;box-shadow:-6px 8px 0 -6px,6px 8px 0 -6px}.gg-comment::after,.gg-comment::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px}.gg-comment::before{border:2px solid;border-top-color:transparent;border-bottom-left-radius:20px;right:4px;bottom:-6px;height:6px}.gg-comment::after{height:2px;background:currentColor;box-shadow:0 4px 0 0;left:4px;top:4px}", + "svg": "\n \n \n \n<\/svg>" + } ], "community": [ - [ - { - "nr": 188, - "name": "community", - "css": ".gg-community{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:21px;height:14px}.gg-community::after,.gg-community::before{content:\"\";display:block;position:absolute;border:2px solid;width:10px;height:10px;border-radius:22px}.gg-community::after{right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/community.css');", - "json": "https:\/\/css.gg\/json?=community", - "xml": "https:\/\/css.gg\/xml?=community", - "svg_link": "https:\/\/css.gg\/community.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCommunity = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 21px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n border: 2px solid;\n width: 10px;\n height: 10px;\n border-radius: 22px;\n }\n &::after {\n right: 0;\n }\n`\n\nexport const Community = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 188, + "name": "community", + "tags": "interface design", + "css": ".gg-community{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:21px;height:14px}.gg-community::after,.gg-community::before{content:\"\";display:block;position:absolute;border:2px solid;width:10px;height:10px;border-radius:22px}.gg-community::after{right:0}", + "svg": "\n \n<\/svg>" + } ], "components": [ - [ - { - "nr": 189, - "name": "components", - "css": ".gg-components{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg)scale(var(--ggs,1));width:14px;height:14px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 0 0\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 4px 0\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 8px 0\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 12px 0\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 0 8px\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 4px 8px\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 8px 8px\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 12px 8px\/2px 6px}.gg-components::after,.gg-components::before{content:\"\";display:block;position:absolute;width:6px;height:2px;border-top:6px double;border-bottom:6px double}.gg-components::after{right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/components.css');", - "json": "https:\/\/css.gg\/json?=components", - "xml": "https:\/\/css.gg\/xml?=components", - "svg_link": "https:\/\/css.gg\/components.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledComponents = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 0 0\/2px 6px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 4px 0\/2px 6px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 8px 0\/2px 6px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 12px 0\/2px 6px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 0 8px\/2px 6px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 4px 8px\/2px 6px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 8px 8px\/2px 6px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 12px 8px\/2px 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n width: 6px;\n height: 2px;\n border-top: 6px double;\n border-bottom: 6px double;\n }\n &::after {\n right: 0;\n }\n`\n\nexport const Components = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 189, + "name": "components", + "tags": "interface", + "css": ".gg-components{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg)scale(var(--ggs,1));width:14px;height:14px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 0 0\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 4px 0\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 8px 0\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 12px 0\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 0 8px\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 4px 8px\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 8px 8px\/2px 6px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 12px 8px\/2px 6px}.gg-components::after,.gg-components::before{content:\"\";display:block;position:absolute;width:6px;height:2px;border-top:6px double;border-bottom:6px double}.gg-components::after{right:0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "compress-left": [ - [ - { - "nr": 190, - "name": "compress-left", - "css": ".gg-compress-left{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:2px;height:26px;border-top:10px solid;border-bottom:10px solid}.gg-compress-left::after,.gg-compress-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:-2px}.gg-compress-left::after{border-bottom:2px solid;border-right:2px solid;top:-5px}.gg-compress-left::before{border-top:2px solid;border-left:2px solid;bottom:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/compress-left.css');", - "json": "https:\/\/css.gg\/json?=compress-left", - "xml": "https:\/\/css.gg\/xml?=compress-left", - "svg_link": "https:\/\/css.gg\/compress-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCompressLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-45deg) scale(var(--ggs, 1));\n width: 2px;\n height: 26px;\n border-top: 10px solid;\n border-bottom: 10px solid;\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-right: 2px solid;\n top: -5px;\n }\n &::before {\n border-top: 2px solid;\n border-left: 2px solid;\n bottom: -5px;\n }\n`\n\nexport const CompressLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 190, + "name": "compress-left", + "tags": "interface arrows", + "css": ".gg-compress-left{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:2px;height:26px;border-top:10px solid;border-bottom:10px solid}.gg-compress-left::after,.gg-compress-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:-2px}.gg-compress-left::after{border-bottom:2px solid;border-right:2px solid;top:-5px}.gg-compress-left::before{border-top:2px solid;border-left:2px solid;bottom:-5px}", + "svg": "\n \n \n<\/svg>" + } ], "compress-right": [ - [ - { - "nr": 191, - "name": "compress-right", - "css": ".gg-compress-right{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:2px;height:26px;border-top:10px solid;border-bottom:10px solid}.gg-compress-right::after,.gg-compress-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:-2px}.gg-compress-right::after{border-bottom:2px solid;border-right:2px solid;top:-5px}.gg-compress-right::before{border-top:2px solid;border-left:2px solid;bottom:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/compress-right.css');", - "json": "https:\/\/css.gg\/json?=compress-right", - "xml": "https:\/\/css.gg\/xml?=compress-right", - "svg_link": "https:\/\/css.gg\/compress-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCompressRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 2px;\n height: 26px;\n border-top: 10px solid;\n border-bottom: 10px solid;\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-right: 2px solid;\n top: -5px;\n }\n &::before {\n border-top: 2px solid;\n border-left: 2px solid;\n bottom: -5px;\n }\n`\n\nexport const CompressRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 191, + "name": "compress-right", + "tags": "interface arrows", + "css": ".gg-compress-right{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:2px;height:26px;border-top:10px solid;border-bottom:10px solid}.gg-compress-right::after,.gg-compress-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:-2px}.gg-compress-right::after{border-bottom:2px solid;border-right:2px solid;top:-5px}.gg-compress-right::before{border-top:2px solid;border-left:2px solid;bottom:-5px}", + "svg": "\n \n \n<\/svg>" + } ], "compress-v": [ - [ - { - "nr": 192, - "name": "compress-v", - "css": ".gg-compress-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:26px;border-top:10px solid;border-bottom:10px solid}.gg-compress-v::after,.gg-compress-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:-2px}.gg-compress-v::after{border-bottom:2px solid;border-right:2px solid;top:-5px}.gg-compress-v::before{border-top:2px solid;border-left:2px solid;bottom:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/compress-v.css');", - "json": "https:\/\/css.gg\/json?=compress-v", - "xml": "https:\/\/css.gg\/xml?=compress-v", - "svg_link": "https:\/\/css.gg\/compress-v.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCompressV = 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: 26px;\n border-top: 10px solid;\n border-bottom: 10px solid;\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-right: 2px solid;\n top: -5px;\n }\n &::before {\n border-top: 2px solid;\n border-left: 2px solid;\n bottom: -5px;\n }\n`\n\nexport const CompressV = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 192, + "name": "compress-v", + "tags": "interface arrows", + "css": ".gg-compress-v{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:26px;border-top:10px solid;border-bottom:10px solid}.gg-compress-v::after,.gg-compress-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(45deg);left:-2px}.gg-compress-v::after{border-bottom:2px solid;border-right:2px solid;top:-5px}.gg-compress-v::before{border-top:2px solid;border-left:2px solid;bottom:-5px}", + "svg": "\n \n \n<\/svg>" + } ], "compress": [ - [ - { - "nr": 193, - "name": "compress", - "css": ".gg-compress{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:26px;height:2px;border-left:10px solid;border-right:10px solid}.gg-compress::after,.gg-compress::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;top:-2px}.gg-compress::before{border-right:2px solid;left:-5px;transform:rotate(45deg)}.gg-compress::after{border-left:2px solid;right:-5px;transform:rotate(-45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/compress.css');", - "json": "https:\/\/css.gg\/json?=compress", - "xml": "https:\/\/css.gg\/xml?=compress", - "svg_link": "https:\/\/css.gg\/compress.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCompress = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 26px;\n height: 2px;\n border-left: 10px solid;\n border-right: 10px solid;\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 border-top: 2px solid;\n top: -2px;\n }\n &::before {\n border-right: 2px solid;\n left: -5px;\n transform: rotate(45deg);\n }\n &::after {\n border-left: 2px solid;\n right: -5px;\n transform: rotate(-45deg);\n }\n`\n\nexport const Compress = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 193, + "name": "compress", + "tags": "interface arrows", + "css": ".gg-compress{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:26px;height:2px;border-left:10px solid;border-right:10px solid}.gg-compress::after,.gg-compress::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;top:-2px}.gg-compress::before{border-right:2px solid;left:-5px;transform:rotate(45deg)}.gg-compress::after{border-left:2px solid;right:-5px;transform:rotate(-45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "controller": [ - [ - { - "nr": 194, - "name": "controller", - "css": ".gg-controller{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:8px;border:2px solid;border-radius:100px}.gg-controller::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:14px;box-shadow:-6px -6px 0 -4px,6px 6px 0 -4px,6px -6px 0 -4px,-6px 6px 0 -4px;left:-5px;top:-5px;transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/controller.css');", - "json": "https:\/\/css.gg\/json?=controller", - "xml": "https:\/\/css.gg\/xml?=controller", - "svg_link": "https:\/\/css.gg\/controller.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledController = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 8px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 14px;\n height: 14px;\n box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px;\n left: -5px;\n top: -5px;\n transform: rotate(45deg);\n }\n`\n\nexport const Controller = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 194, + "name": "controller", + "tags": "devices interface arrows", + "css": ".gg-controller{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:8px;border:2px solid;border-radius:100px}.gg-controller::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:14px;box-shadow:-6px -6px 0 -4px,6px 6px 0 -4px,6px -6px 0 -4px,-6px 6px 0 -4px;left:-5px;top:-5px;transform:rotate(45deg)}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "copy": [ - [ - { - "nr": 195, - "name": "copy", - "css": ".gg-copy{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:18px;border:2px solid;margin-left:-5px;margin-top:-4px}.gg-copy::after,.gg-copy::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-copy::before{background:linear-gradient( to left,currentColor 5px,transparent 0)no-repeat right top\/5px 2px,linear-gradient( to left,currentColor 5px,transparent 0)no-repeat left bottom\/ 2px 5px;box-shadow:inset -4px -4px 0 -2px;bottom:-6px;right:-6px;width:14px;height:18px}.gg-copy::after{width:6px;height:2px;background:currentColor;left:2px;top:2px;box-shadow:0 4px 0,0 8px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/copy.css');", - "json": "https:\/\/css.gg\/json?=copy", - "xml": "https:\/\/css.gg\/xml?=copy", - "svg_link": "https:\/\/css.gg\/copy.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCopy = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 18px;\n border: 2px solid;\n margin-left: -5px;\n margin-top: -4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat right top\/5px\n 2px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat left bottom\/ 2px 5px;\n box-shadow: inset -4px -4px 0 -2px;\n bottom: -6px;\n right: -6px;\n width: 14px;\n height: 18px;\n }\n &::after {\n width: 6px;\n height: 2px;\n background: currentColor;\n left: 2px;\n top: 2px;\n box-shadow: 0 4px 0, 0 8px 0;\n }\n`\n\nexport const Copy = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 195, + "name": "copy", + "tags": "content interface", + "css": ".gg-copy{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:18px;border:2px solid;margin-left:-5px;margin-top:-4px}.gg-copy::after,.gg-copy::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-copy::before{background:linear-gradient( to left,currentColor 5px,transparent 0)no-repeat right top\/5px 2px,linear-gradient( to left,currentColor 5px,transparent 0)no-repeat left bottom\/ 2px 5px;box-shadow:inset -4px -4px 0 -2px;bottom:-6px;right:-6px;width:14px;height:18px}.gg-copy::after{width:6px;height:2px;background:currentColor;left:2px;top:2px;box-shadow:0 4px 0,0 8px 0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "copyright": [ - [ - { - "nr": 196, - "name": "copyright", - "css": ".gg-copyright,.gg-copyright::after{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:40px}.gg-copyright::after{content:\"\";position:absolute;border-right-color:transparent;width:8px;height:8px;top:3px;left:3px;transform:none}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/copyright.css');", - "json": "https:\/\/css.gg\/json?=copyright", - "xml": "https:\/\/css.gg\/xml?=copyright", - "svg_link": "https:\/\/css.gg\/copyright.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCopyright = styled.i`\n &,\n &::after {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 40px;\n }\n &::after {\n content: '';\n position: absolute;\n border-right-color: transparent;\n width: 8px;\n height: 8px;\n top: 3px;\n left: 3px;\n transform: none;\n }\n`\n\nexport const Copyright = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 196, + "name": "copyright", + "tags": "signs interface", + "css": ".gg-copyright,.gg-copyright::after{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:40px}.gg-copyright::after{content:\"\";position:absolute;border-right-color:transparent;width:8px;height:8px;top:3px;left:3px;transform:none}", + "svg": "\n \n \n<\/svg>" + } ], "corner-double-down-left": [ - [ - { - "nr": 197, - "name": "corner-double-down-left", - "css": ".gg-corner-double-down-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-bottom-right-radius:4px;border-bottom:2px solid;border-right:2px solid}.gg-corner-double-down-left::after,.gg-corner-double-down-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-left:2px solid;transform:rotate(45deg)}.gg-corner-double-down-left::after{border-bottom:2px solid;bottom:-4px}.gg-corner-double-down-left::before{border-top:2px solid;right:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-double-down-left.css');", - "json": "https:\/\/css.gg\/json?=corner-double-down-left", - "xml": "https:\/\/css.gg\/xml?=corner-double-down-left", - "svg_link": "https:\/\/css.gg\/corner-double-down-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerDoubleDownLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 12px;\n border-bottom-right-radius: 4px;\n border-bottom: 2px solid;\n border-right: 2px solid;\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 border-left: 2px solid;\n transform: rotate(45deg);\n }\n &::after {\n border-bottom: 2px solid;\n bottom: -4px;\n }\n &::before {\n border-top: 2px solid;\n right: -4px;\n }\n`\n\nexport const CornerDoubleDownLeft = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 197, + "name": "corner-double-down-left", + "tags": "interface", + "css": ".gg-corner-double-down-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-bottom-right-radius:4px;border-bottom:2px solid;border-right:2px solid}.gg-corner-double-down-left::after,.gg-corner-double-down-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-left:2px solid;transform:rotate(45deg)}.gg-corner-double-down-left::after{border-bottom:2px solid;bottom:-4px}.gg-corner-double-down-left::before{border-top:2px solid;right:-4px}", + "svg": "\n \n<\/svg>" + } ], "corner-double-down-right": [ - [ - { - "nr": 198, - "name": "corner-double-down-right", - "css": ".gg-corner-double-down-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-bottom-left-radius:4px;border-bottom:2px solid;border-left:2px solid}.gg-corner-double-down-right::after,.gg-corner-double-down-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;transform:rotate(45deg)}.gg-corner-double-down-right::after{border-right:2px solid;bottom:-4px;right:0}.gg-corner-double-down-right::before{border-left:2px solid;left:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-double-down-right.css');", - "json": "https:\/\/css.gg\/json?=corner-double-down-right", - "xml": "https:\/\/css.gg\/xml?=corner-double-down-right", - "svg_link": "https:\/\/css.gg\/corner-double-down-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerDoubleDownRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 12px;\n border-bottom-left-radius: 4px;\n border-bottom: 2px solid;\n border-left: 2px solid;\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 border-top: 2px solid;\n transform: rotate(45deg);\n }\n &::after {\n border-right: 2px solid;\n bottom: -4px;\n right: 0;\n }\n &::before {\n border-left: 2px solid;\n left: -4px;\n }\n`\n\nexport const CornerDoubleDownRight = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 198, + "name": "corner-double-down-right", + "tags": "interface", + "css": ".gg-corner-double-down-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-bottom-left-radius:4px;border-bottom:2px solid;border-left:2px solid}.gg-corner-double-down-right::after,.gg-corner-double-down-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;transform:rotate(45deg)}.gg-corner-double-down-right::after{border-right:2px solid;bottom:-4px;right:0}.gg-corner-double-down-right::before{border-left:2px solid;left:-4px}", + "svg": "\n \n<\/svg>" + } ], "corner-double-left-down": [ - [ - { - "nr": 199, - "name": "corner-double-left-down", - "css": ".gg-corner-double-left-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-top-left-radius:4px;border-top:2px solid;border-left:2px solid}.gg-corner-double-left-down::after,.gg-corner-double-left-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-right:2px solid;transform:rotate(45deg)}.gg-corner-double-left-down::after{border-top:2px solid;top:-4px;right:0}.gg-corner-double-left-down::before{border-bottom:2px solid;left:-4px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-double-left-down.css');", - "json": "https:\/\/css.gg\/json?=corner-double-left-down", - "xml": "https:\/\/css.gg\/xml?=corner-double-left-down", - "svg_link": "https:\/\/css.gg\/corner-double-left-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerDoubleLeftDown = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 12px;\n border-top-left-radius: 4px;\n border-top: 2px solid;\n border-left: 2px solid;\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 border-right: 2px solid;\n transform: rotate(45deg);\n }\n &::after {\n border-top: 2px solid;\n top: -4px;\n right: 0;\n }\n &::before {\n border-bottom: 2px solid;\n left: -4px;\n bottom: 0;\n }\n`\n\nexport const CornerDoubleLeftDown = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 199, + "name": "corner-double-left-down", + "tags": "interface", + "css": ".gg-corner-double-left-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-top-left-radius:4px;border-top:2px solid;border-left:2px solid}.gg-corner-double-left-down::after,.gg-corner-double-left-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-right:2px solid;transform:rotate(45deg)}.gg-corner-double-left-down::after{border-top:2px solid;top:-4px;right:0}.gg-corner-double-left-down::before{border-bottom:2px solid;left:-4px;bottom:0}", + "svg": "\n \n<\/svg>" + } ], "corner-double-left-up": [ - [ - { - "nr": 200, - "name": "corner-double-left-up", - "css": ".gg-corner-double-left-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-bottom-left-radius:4px;border-bottom:2px solid;border-left:2px solid}.gg-corner-double-left-up::after,.gg-corner-double-left-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;left:-4px;transform:rotate(45deg)}.gg-corner-double-left-up::after{border-left:2px solid;top:-4px}.gg-corner-double-left-up::before{border-left:2px solid;top:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-double-left-up.css');", - "json": "https:\/\/css.gg\/json?=corner-double-left-up", - "xml": "https:\/\/css.gg\/xml?=corner-double-left-up", - "svg_link": "https:\/\/css.gg\/corner-double-left-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerDoubleLeftUp = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 10px;\n border-bottom-left-radius: 4px;\n border-bottom: 2px solid;\n border-left: 2px solid;\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 border-top: 2px solid;\n left: -4px;\n transform: rotate(45deg);\n }\n &::after {\n border-left: 2px solid;\n top: -4px;\n }\n &::before {\n border-left: 2px solid;\n top: 0;\n }\n`\n\nexport const CornerDoubleLeftUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 200, + "name": "corner-double-left-up", + "tags": "interface", + "css": ".gg-corner-double-left-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-bottom-left-radius:4px;border-bottom:2px solid;border-left:2px solid}.gg-corner-double-left-up::after,.gg-corner-double-left-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;left:-4px;transform:rotate(45deg)}.gg-corner-double-left-up::after{border-left:2px solid;top:-4px}.gg-corner-double-left-up::before{border-left:2px solid;top:0}", + "svg": "\n \n \n<\/svg>" + } ], "corner-double-right-down": [ - [ - { - "nr": 201, - "name": "corner-double-right-down", - "css": ".gg-corner-double-right-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-top-right-radius:4px;border-top:2px solid;border-right:2px solid}.gg-corner-double-right-down::after,.gg-corner-double-right-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;transform:rotate(45deg)}.gg-corner-double-right-down::after{border-left:2px solid;top:-4px;left:0}.gg-corner-double-right-down::before{border-right:2px solid;right:-4px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-double-right-down.css');", - "json": "https:\/\/css.gg\/json?=corner-double-right-down", - "xml": "https:\/\/css.gg\/xml?=corner-double-right-down", - "svg_link": "https:\/\/css.gg\/corner-double-right-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerDoubleRightDown = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 12px;\n border-top-right-radius: 4px;\n border-top: 2px solid;\n border-right: 2px solid;\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 border-bottom: 2px solid;\n transform: rotate(45deg);\n }\n &::after {\n border-left: 2px solid;\n top: -4px;\n left: 0;\n }\n &::before {\n border-right: 2px solid;\n right: -4px;\n bottom: 0;\n }\n`\n\nexport const CornerDoubleRightDown = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 201, + "name": "corner-double-right-down", + "tags": "interface", + "css": ".gg-corner-double-right-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-top-right-radius:4px;border-top:2px solid;border-right:2px solid}.gg-corner-double-right-down::after,.gg-corner-double-right-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;transform:rotate(45deg)}.gg-corner-double-right-down::after{border-left:2px solid;top:-4px;left:0}.gg-corner-double-right-down::before{border-right:2px solid;right:-4px;bottom:0}", + "svg": "\n \n<\/svg>" + } ], "corner-double-right-up": [ - [ - { - "nr": 202, - "name": "corner-double-right-up", - "css": ".gg-corner-double-right-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-bottom-right-radius:4px;border-bottom:2px solid;border-right:2px solid}.gg-corner-double-right-up::after,.gg-corner-double-right-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-left:2px solid;right:-4px;transform:rotate(45deg)}.gg-corner-double-right-up::after{border-top:2px solid;top:-4px}.gg-corner-double-right-up::before{border-top:2px solid;top:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-double-right-up.css');", - "json": "https:\/\/css.gg\/json?=corner-double-right-up", - "xml": "https:\/\/css.gg\/xml?=corner-double-right-up", - "svg_link": "https:\/\/css.gg\/corner-double-right-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerDoubleRightUp = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 10px;\n border-bottom-right-radius: 4px;\n border-bottom: 2px solid;\n border-right: 2px solid;\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 border-left: 2px solid;\n right: -4px;\n transform: rotate(45deg);\n }\n &::after {\n border-top: 2px solid;\n top: -4px;\n }\n &::before {\n border-top: 2px solid;\n top: 0;\n }\n`\n\nexport const CornerDoubleRightUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 202, + "name": "corner-double-right-up", + "tags": "interface", + "css": ".gg-corner-double-right-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-bottom-right-radius:4px;border-bottom:2px solid;border-right:2px solid}.gg-corner-double-right-up::after,.gg-corner-double-right-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-left:2px solid;right:-4px;transform:rotate(45deg)}.gg-corner-double-right-up::after{border-top:2px solid;top:-4px}.gg-corner-double-right-up::before{border-top:2px solid;top:0}", + "svg": "\n \n \n<\/svg>" + } ], "corner-double-up-left": [ - [ - { - "nr": 203, - "name": "corner-double-up-left", - "css": ".gg-corner-double-up-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px;border-top-right-radius:4px;border-top:2px solid;border-right:2px solid}.gg-corner-double-up-left::after,.gg-corner-double-up-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;top:-4px;transform:rotate(45deg)}.gg-corner-double-up-left::after{border-left:2px solid}.gg-corner-double-up-left::before{border-left:2px solid;left:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-double-up-left.css');", - "json": "https:\/\/css.gg\/json?=corner-double-up-left", - "xml": "https:\/\/css.gg\/xml?=corner-double-up-left", - "svg_link": "https:\/\/css.gg\/corner-double-up-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerDoubleUpLeft = 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: 8px;\n border-top-right-radius: 4px;\n border-top: 2px solid;\n border-right: 2px solid;\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 border-bottom: 2px solid;\n top: -4px;\n transform: rotate(45deg);\n }\n &::after {\n border-left: 2px solid;\n }\n &::before {\n border-left: 2px solid;\n left: -4px;\n }\n`\n\nexport const CornerDoubleUpLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 203, + "name": "corner-double-up-left", + "tags": "interface", + "css": ".gg-corner-double-up-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px;border-top-right-radius:4px;border-top:2px solid;border-right:2px solid}.gg-corner-double-up-left::after,.gg-corner-double-up-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;top:-4px;transform:rotate(45deg)}.gg-corner-double-up-left::after{border-left:2px solid}.gg-corner-double-up-left::before{border-left:2px solid;left:-4px}", + "svg": "\n \n \n<\/svg>" + } ], "corner-double-up-right": [ - [ - { - "nr": 204, - "name": "corner-double-up-right", - "css": ".gg-corner-double-up-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px;border-top-left-radius:4px;border-top:2px solid;border-left:2px solid}.gg-corner-double-up-right::after,.gg-corner-double-up-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-right:2px solid;top:-4px;transform:rotate(45deg)}.gg-corner-double-up-right::after{border-top:2px solid;right:0}.gg-corner-double-up-right::before{border-top:2px solid;right:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-double-up-right.css');", - "json": "https:\/\/css.gg\/json?=corner-double-up-right", - "xml": "https:\/\/css.gg\/xml?=corner-double-up-right", - "svg_link": "https:\/\/css.gg\/corner-double-up-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerDoubleUpRight = 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: 8px;\n border-top-left-radius: 4px;\n border-top: 2px solid;\n border-left: 2px solid;\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 border-right: 2px solid;\n top: -4px;\n transform: rotate(45deg);\n }\n &::after {\n border-top: 2px solid;\n right: 0;\n }\n &::before {\n border-top: 2px solid;\n right: -4px;\n }\n`\n\nexport const CornerDoubleUpRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 204, + "name": "corner-double-up-right", + "tags": "interface", + "css": ".gg-corner-double-up-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px;border-top-left-radius:4px;border-top:2px solid;border-left:2px solid}.gg-corner-double-up-right::after,.gg-corner-double-up-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-right:2px solid;top:-4px;transform:rotate(45deg)}.gg-corner-double-up-right::after{border-top:2px solid;right:0}.gg-corner-double-up-right::before{border-top:2px solid;right:-4px}", + "svg": "\n \n \n<\/svg>" + } ], "corner-down-left": [ - [ - { - "nr": 205, - "name": "corner-down-left", - "css": ".gg-corner-down-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-down-left::after,.gg-corner-down-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px}.gg-corner-down-left::after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:3px}.gg-corner-down-left::before{width:16px;height:12px;border-bottom-right-radius:4px;border-bottom:2px solid;border-right:2px solid;bottom:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-down-left.css');", - "json": "https:\/\/css.gg\/json?=corner-down-left", - "xml": "https:\/\/css.gg\/xml?=corner-down-left", - "svg_link": "https:\/\/css.gg\/corner-down-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerDownLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 3px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n bottom: 3px;\n }\n &::before {\n width: 16px;\n height: 12px;\n border-bottom-right-radius: 4px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n bottom: 6px;\n }\n`\n\nexport const CornerDownLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 205, + "name": "corner-down-left", + "tags": "interface buttons", + "css": ".gg-corner-down-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-down-left::after,.gg-corner-down-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px}.gg-corner-down-left::after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);bottom:3px}.gg-corner-down-left::before{width:16px;height:12px;border-bottom-right-radius:4px;border-bottom:2px solid;border-right:2px solid;bottom:6px}", + "svg": "\n \n<\/svg>" + } ], "corner-down-right": [ - [ - { - "nr": 206, - "name": "corner-down-right", - "css": ".gg-corner-down-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-down-right::after,.gg-corner-down-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:3px}.gg-corner-down-right::after{width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:3px}.gg-corner-down-right::before{width:16px;height:12px;border-bottom-left-radius:4px;border-bottom:2px solid;border-left:2px solid;bottom:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-down-right.css');", - "json": "https:\/\/css.gg\/json?=corner-down-right", - "xml": "https:\/\/css.gg\/xml?=corner-down-right", - "svg_link": "https:\/\/css.gg\/corner-down-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerDownRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n right: 3px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n bottom: 3px;\n }\n &::before {\n width: 16px;\n height: 12px;\n border-bottom-left-radius: 4px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n bottom: 6px;\n }\n`\n\nexport const CornerDownRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 206, + "name": "corner-down-right", + "tags": "interface buttons", + "css": ".gg-corner-down-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-down-right::after,.gg-corner-down-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:3px}.gg-corner-down-right::after{width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);bottom:3px}.gg-corner-down-right::before{width:16px;height:12px;border-bottom-left-radius:4px;border-bottom:2px solid;border-left:2px solid;bottom:6px}", + "svg": "\n \n<\/svg>" + } ], "corner-left-down": [ - [ - { - "nr": 207, - "name": "corner-left-down", - "css": ".gg-corner-left-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-left-down::after,.gg-corner-left-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:3px}.gg-corner-left-down::after{width:8px;height:8px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:3px}.gg-corner-left-down::before{width:12px;height:16px;border-top-left-radius:4px;border-top:2px solid;border-left:2px solid;left:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-left-down.css');", - "json": "https:\/\/css.gg\/json?=corner-left-down", - "xml": "https:\/\/css.gg\/xml?=corner-left-down", - "svg_link": "https:\/\/css.gg\/corner-left-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerLeftDown = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n bottom: 3px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n left: 3px;\n }\n &::before {\n width: 12px;\n height: 16px;\n border-top-left-radius: 4px;\n border-top: 2px solid;\n border-left: 2px solid;\n left: 6px;\n }\n`\n\nexport const CornerLeftDown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 207, + "name": "corner-left-down", + "tags": "interface buttons", + "css": ".gg-corner-left-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-left-down::after,.gg-corner-left-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:3px}.gg-corner-left-down::after{width:8px;height:8px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);left:3px}.gg-corner-left-down::before{width:12px;height:16px;border-top-left-radius:4px;border-top:2px solid;border-left:2px solid;left:6px}", + "svg": "\n \n<\/svg>" + } ], "corner-left-up": [ - [ - { - "nr": 208, - "name": "corner-left-up", - "css": ".gg-corner-left-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-left-up::after,.gg-corner-left-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:3px}.gg-corner-left-up::after{width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:3px}.gg-corner-left-up::before{width:12px;height:16px;border-bottom-left-radius:4px;border-bottom:2px solid;border-left:2px solid;left:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-left-up.css');", - "json": "https:\/\/css.gg\/json?=corner-left-up", - "xml": "https:\/\/css.gg\/xml?=corner-left-up", - "svg_link": "https:\/\/css.gg\/corner-left-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerLeftUp = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n top: 3px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 3px;\n }\n &::before {\n width: 12px;\n height: 16px;\n border-bottom-left-radius: 4px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n left: 6px;\n }\n`\n\nexport const CornerLeftUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 208, + "name": "corner-left-up", + "tags": "interface buttons", + "css": ".gg-corner-left-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-left-up::after,.gg-corner-left-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:3px}.gg-corner-left-up::after{width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:3px}.gg-corner-left-up::before{width:12px;height:16px;border-bottom-left-radius:4px;border-bottom:2px solid;border-left:2px solid;left:6px}", + "svg": "\n \n<\/svg>" + } ], "corner-right-down": [ - [ - { - "nr": 209, - "name": "corner-right-down", - "css": ".gg-corner-right-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-right-down::after,.gg-corner-right-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:3px}.gg-corner-right-down::after{width:8px;height:8px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);right:3px}.gg-corner-right-down::before{width:12px;height:16px;border-top-right-radius:4px;border-top:2px solid;border-right:2px solid;right:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-right-down.css');", - "json": "https:\/\/css.gg\/json?=corner-right-down", - "xml": "https:\/\/css.gg\/xml?=corner-right-down", - "svg_link": "https:\/\/css.gg\/corner-right-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerRightDown = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n bottom: 3px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n right: 3px;\n }\n &::before {\n width: 12px;\n height: 16px;\n border-top-right-radius: 4px;\n border-top: 2px solid;\n border-right: 2px solid;\n right: 6px;\n }\n`\n\nexport const CornerRightDown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 209, + "name": "corner-right-down", + "tags": "interface buttons", + "css": ".gg-corner-right-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-right-down::after,.gg-corner-right-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:3px}.gg-corner-right-down::after{width:8px;height:8px;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg);right:3px}.gg-corner-right-down::before{width:12px;height:16px;border-top-right-radius:4px;border-top:2px solid;border-right:2px solid;right:6px}", + "svg": "\n \n<\/svg>" + } ], "corner-right-up": [ - [ - { - "nr": 210, - "name": "corner-right-up", - "css": ".gg-corner-right-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-right-up::after,.gg-corner-right-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:3px}.gg-corner-right-up::after{width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);right:3px}.gg-corner-right-up::before{width:12px;height:16px;border-bottom-right-radius:4px;border-bottom:2px solid;border-right:2px solid;right:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-right-up.css');", - "json": "https:\/\/css.gg\/json?=corner-right-up", - "xml": "https:\/\/css.gg\/xml?=corner-right-up", - "svg_link": "https:\/\/css.gg\/corner-right-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerRightUp = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n top: 3px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n right: 3px;\n }\n &::before {\n width: 12px;\n height: 16px;\n border-bottom-right-radius: 4px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n right: 6px;\n }\n`\n\nexport const CornerRightUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 210, + "name": "corner-right-up", + "tags": "interface buttons", + "css": ".gg-corner-right-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-right-up::after,.gg-corner-right-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:3px}.gg-corner-right-up::after{width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);right:3px}.gg-corner-right-up::before{width:12px;height:16px;border-bottom-right-radius:4px;border-bottom:2px solid;border-right:2px solid;right:6px}", + "svg": "\n \n<\/svg>" + } ], "corner-up-left": [ - [ - { - "nr": 211, - "name": "corner-up-left", - "css": ".gg-corner-up-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-up-left::after,.gg-corner-up-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px}.gg-corner-up-left::after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);top:3px}.gg-corner-up-left::before{width:16px;height:12px;border-top-right-radius:4px;border-top:2px solid;border-right:2px solid;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-up-left.css');", - "json": "https:\/\/css.gg\/json?=corner-up-left", - "xml": "https:\/\/css.gg\/xml?=corner-up-left", - "svg_link": "https:\/\/css.gg\/corner-up-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerUpLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 3px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n top: 3px;\n }\n &::before {\n width: 16px;\n height: 12px;\n border-top-right-radius: 4px;\n border-top: 2px solid;\n border-right: 2px solid;\n top: 6px;\n }\n`\n\nexport const CornerUpLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 211, + "name": "corner-up-left", + "tags": "interface buttons", + "css": ".gg-corner-up-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-up-left::after,.gg-corner-up-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:3px}.gg-corner-up-left::after{width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(45deg);top:3px}.gg-corner-up-left::before{width:16px;height:12px;border-top-right-radius:4px;border-top:2px solid;border-right:2px solid;top:6px}", + "svg": "\n \n<\/svg>" + } ], "corner-up-right": [ - [ - { - "nr": 212, - "name": "corner-up-right", - "css": ".gg-corner-up-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-up-right::after,.gg-corner-up-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:3px}.gg-corner-up-right::after{width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);top:3px}.gg-corner-up-right::before{width:16px;height:12px;border-top-left-radius:4px;border-top:2px solid;border-left:2px solid;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/corner-up-right.css');", - "json": "https:\/\/css.gg\/json?=corner-up-right", - "xml": "https:\/\/css.gg\/xml?=corner-up-right", - "svg_link": "https:\/\/css.gg\/corner-up-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCornerUpRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n right: 3px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n top: 3px;\n }\n &::before {\n width: 16px;\n height: 12px;\n border-top-left-radius: 4px;\n border-top: 2px solid;\n border-left: 2px solid;\n top: 6px;\n }\n`\n\nexport const CornerUpRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 212, + "name": "corner-up-right", + "tags": "interface buttons", + "css": ".gg-corner-up-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-corner-up-right::after,.gg-corner-up-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:3px}.gg-corner-up-right::after{width:8px;height:8px;border-top:2px solid;border-right:2px solid;transform:rotate(45deg);top:3px}.gg-corner-up-right::before{width:16px;height:12px;border-top-left-radius:4px;border-top:2px solid;border-left:2px solid;top:6px}", + "svg": "\n \n<\/svg>" + } ], "credit-card": [ - [ - { - "nr": 213, - "name": "credit-card", - "css": ".gg-credit-card{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:18px;border:2px solid;border-radius:4px}.gg-credit-card::after,.gg-credit-card::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:24px;left:-2px;height:2px;background:currentColor;top:9px}.gg-credit-card::before{width:6px;left:2px;top:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/credit-card.css');", - "json": "https:\/\/css.gg\/json?=credit-card", - "xml": "https:\/\/css.gg\/xml?=credit-card", - "svg_link": "https:\/\/css.gg\/credit-card.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCreditCard = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 18px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 24px;\n left: -2px;\n height: 2px;\n background: currentColor;\n top: 9px;\n }\n &::before {\n width: 6px;\n left: 2px;\n top: 3px;\n }\n`\n\nexport const CreditCard = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 213, + "name": "credit-card", + "tags": "shopping interface multimedia", + "css": ".gg-credit-card{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:18px;border:2px solid;border-radius:4px}.gg-credit-card::after,.gg-credit-card::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:24px;left:-2px;height:2px;background:currentColor;top:9px}.gg-credit-card::before{width:6px;left:2px;top:3px}", + "svg": "\n \n \n<\/svg>" + } ], "crop": [ - [ - { - "nr": 214, - "name": "crop", - "css": ".gg-crop{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-crop::after,.gg-crop::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:14px}.gg-crop::before{border-right:2px solid;border-top:2px solid;left:1px;top:5px}.gg-crop::after{border-left:2px solid;border-bottom:2px solid;top:1px;right:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/crop.css');", - "json": "https:\/\/css.gg\/json?=crop", - "xml": "https:\/\/css.gg\/xml?=crop", - "svg_link": "https:\/\/css.gg\/crop.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCrop = 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: 20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 14px;\n height: 14px;\n }\n &::before {\n border-right: 2px solid;\n border-top: 2px solid;\n left: 1px;\n top: 5px;\n }\n &::after {\n border-left: 2px solid;\n border-bottom: 2px solid;\n top: 1px;\n right: 1px;\n }\n`\n\nexport const Crop = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 214, + "name": "crop", + "tags": "content interface design", + "css": ".gg-crop{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-crop::after,.gg-crop::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:14px}.gg-crop::before{border-right:2px solid;border-top:2px solid;left:1px;top:5px}.gg-crop::after{border-left:2px solid;border-bottom:2px solid;top:1px;right:1px}", + "svg": "\n \n<\/svg>" + } ], "cross": [ - [ - { - "nr": 215, - "name": "cross", - "css": ".gg-cross{transform:scale(var(--ggs,1))}.gg-cross,.gg-cross::after{box-sizing:border-box;position:relative;display:block;width:10px;height:2px;border-radius:3px;background:currentColor}.gg-cross::after{content:\"\";position:absolute;width:2px;height:12px;top:-4px;left:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/cross.css');", - "json": "https:\/\/css.gg\/json?=cross", - "xml": "https:\/\/css.gg\/xml?=cross", - "svg_link": "https:\/\/css.gg\/cross.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCross = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 10px;\n height: 2px;\n border-radius: 3px;\n background: currentColor;\n }\n &::after {\n content: '';\n position: absolute;\n width: 2px;\n height: 12px;\n top: -4px;\n left: 4px;\n }\n`\n\nexport const Cross = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 215, + "name": "cross", + "tags": "signs", + "css": ".gg-cross{transform:scale(var(--ggs,1))}.gg-cross,.gg-cross::after{box-sizing:border-box;position:relative;display:block;width:10px;height:2px;border-radius:3px;background:currentColor}.gg-cross::after{content:\"\";position:absolute;width:2px;height:12px;top:-4px;left:4px}", + "svg": "\n \n<\/svg>" + } ], "crowdfire": [ - [ - { - "nr": 216, - "name": "crowdfire", - "css": ".gg-crowdfire{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-crowdfire::after,.gg-crowdfire::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-crowdfire::before{width:20px;height:20px;border:4px solid;border-radius:100px;border-right-color:transparent;transform:rotate(-45deg)}.gg-crowdfire::after{width:8px;height:8px;border-top:4px solid;border-right:4px solid;right:2px;top:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/crowdfire.css');", - "json": "https:\/\/css.gg\/json?=crowdfire", - "xml": "https:\/\/css.gg\/xml?=crowdfire", - "svg_link": "https:\/\/css.gg\/crowdfire.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCrowdfire = styled.i`\n & {\n display: block;\n box-sizing: border-box;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n }\n &::before {\n width: 20px;\n height: 20px;\n border: 4px solid;\n border-radius: 100px;\n border-right-color: transparent;\n transform: rotate(-45deg);\n }\n &::after {\n width: 8px;\n height: 8px;\n border-top: 4px solid;\n border-right: 4px solid;\n right: 2px;\n top: 2px;\n }\n`\n\nexport const Crowdfire = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 216, + "name": "crowdfire", + "tags": "brands", + "css": ".gg-crowdfire{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-crowdfire::after,.gg-crowdfire::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-crowdfire::before{width:20px;height:20px;border:4px solid;border-radius:100px;border-right-color:transparent;transform:rotate(-45deg)}.gg-crowdfire::after{width:8px;height:8px;border-top:4px solid;border-right:4px solid;right:2px;top:2px}", + "svg": "\n \n<\/svg>" + } ], "crown": [ - [ - { - "nr": 217, - "name": "crown", - "css": ".gg-crown{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:19px;height:12px;border:2px solid;border-top-color:transparent;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding-top:4px}.gg-crown::after,.gg-crown::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(-45deg);top:-4px}.gg-crown::before{border-top-left-radius:2px;left:-1px}.gg-crown::after{border-bottom-right-radius:2px;right:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/crown.css');", - "json": "https:\/\/css.gg\/json?=crown", - "xml": "https:\/\/css.gg\/xml?=crown", - "svg_link": "https:\/\/css.gg\/crown.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledCrown = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 19px;\n height: 12px;\n border: 2px solid;\n border-top-color: transparent;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n padding-top: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 8px;\n height: 8px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: rotate(-45deg);\n top: -4px;\n }\n &::before {\n border-top-left-radius: 2px;\n left: -1px;\n }\n &::after {\n border-bottom-right-radius: 2px;\n right: -1px;\n }\n`\n\nexport const Crown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 217, + "name": "crown", + "tags": "interface", + "css": ".gg-crown{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:19px;height:12px;border:2px solid;border-top-color:transparent;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding-top:4px}.gg-crown::after,.gg-crown::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:8px;height:8px;border-bottom:2px solid;border-left:2px solid;transform:rotate(-45deg);top:-4px}.gg-crown::before{border-top-left-radius:2px;left:-1px}.gg-crown::after{border-bottom-right-radius:2px;right:-1px}", + "svg": "\n \n<\/svg>" + } ], "danger": [ - [ - { - "nr": 218, - "name": "danger", - "css": ".gg-danger{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:40px}.gg-danger::after,.gg-danger::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;background:currentColor;left:7px}.gg-danger::after{top:2px;height:8px}.gg-danger::before{height:2px;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/danger.css');", - "json": "https:\/\/css.gg\/json?=danger", - "xml": "https:\/\/css.gg\/xml?=danger", - "svg_link": "https:\/\/css.gg\/danger.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDanger = 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: 20px;\n border: 2px solid;\n border-radius: 40px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n background: currentColor;\n left: 7px;\n }\n &::after {\n top: 2px;\n height: 8px;\n }\n &::before {\n height: 2px;\n bottom: 2px;\n }\n`\n\nexport const Danger = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 218, + "name": "danger", + "tags": "alerts signs", + "css": ".gg-danger{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:40px}.gg-danger::after,.gg-danger::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;background:currentColor;left:7px}.gg-danger::after{top:2px;height:8px}.gg-danger::before{height:2px;bottom:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "dark-mode": [ - [ - { - "nr": 219, - "name": "dark-mode", - "css": ".gg-dark-mode{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:100px;width:20px;height:20px}.gg-dark-mode::after,.gg-dark-mode::before{content:\"\";box-sizing:border-box;position:absolute;display:block}.gg-dark-mode::before{border:5px solid;border-top-left-radius:100px;border-bottom-left-radius:100px;border-right:0;width:9px;height:18px;top:-1px;left:-1px}.gg-dark-mode::after{border:4px solid;border-top-right-radius:100px;border-bottom-right-radius:100px;border-left:0;width:4px;height:8px;right:4px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dark-mode.css');", - "json": "https:\/\/css.gg\/json?=dark-mode", - "xml": "https:\/\/css.gg\/xml?=dark-mode", - "svg_link": "https:\/\/css.gg\/dark-mode.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDarkMode = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 100px;\n width: 20px;\n height: 20px;\n }\n &::after,\n &::before {\n content: '';\n box-sizing: border-box;\n position: absolute;\n display: block;\n }\n &::before {\n border: 5px solid;\n border-top-left-radius: 100px;\n border-bottom-left-radius: 100px;\n border-right: 0;\n width: 9px;\n height: 18px;\n top: -1px;\n left: -1px;\n }\n &::after {\n border: 4px solid;\n border-top-right-radius: 100px;\n border-bottom-right-radius: 100px;\n border-left: 0;\n width: 4px;\n height: 8px;\n right: 4px;\n top: 4px;\n }\n`\n\nexport const DarkMode = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 219, + "name": "dark-mode", + "tags": "interface signs buttons", + "css": ".gg-dark-mode{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:100px;width:20px;height:20px}.gg-dark-mode::after,.gg-dark-mode::before{content:\"\";box-sizing:border-box;position:absolute;display:block}.gg-dark-mode::before{border:5px solid;border-top-left-radius:100px;border-bottom-left-radius:100px;border-right:0;width:9px;height:18px;top:-1px;left:-1px}.gg-dark-mode::after{border:4px solid;border-top-right-radius:100px;border-bottom-right-radius:100px;border-left:0;width:4px;height:8px;right:4px;top:4px}", + "svg": "\n \n \n<\/svg>" + } ], "data": [ - [ - { - "nr": 220, - "name": "data", - "css": ".gg-data{transform:scale(var(--ggs,1))}.gg-data,.gg-data::after,.gg-data::before{box-sizing:border-box;position:relative;display:block;border:2px solid;border-radius:50%;width:14px;height:14px}.gg-data::after,.gg-data::before{content:\"\";position:absolute;width:6px;height:6px;top:2px;left:2px}.gg-data::after{background:linear-gradient( to left,currentColor 8px,transparent 0)no-repeat bottom center\/2px 8px;width:22px;height:22px;top:-6px;left:-6px}.gg-data,.gg-data::after{border-top-color:transparent;border-bottom-color:transparent}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/data.css');", - "json": "https:\/\/css.gg\/json?=data", - "xml": "https:\/\/css.gg\/xml?=data", - "svg_link": "https:\/\/css.gg\/data.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledData = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n border: 2px solid;\n border-radius: 50%;\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 6px;\n height: 6px;\n top: 2px;\n left: 2px;\n }\n &::after {\n background: linear-gradient(to left, currentColor 8px, transparent 0) no-repeat bottom\n center\/2px 8px;\n width: 22px;\n height: 22px;\n top: -6px;\n left: -6px;\n }\n &,\n &::after {\n border-top-color: transparent;\n border-bottom-color: transparent;\n }\n`\n\nexport const Data = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 220, + "name": "data", + "tags": "multimedia interface signs", + "css": ".gg-data{transform:scale(var(--ggs,1))}.gg-data,.gg-data::after,.gg-data::before{box-sizing:border-box;position:relative;display:block;border:2px solid;border-radius:50%;width:14px;height:14px}.gg-data::after,.gg-data::before{content:\"\";position:absolute;width:6px;height:6px;top:2px;left:2px}.gg-data::after{background:linear-gradient( to left,currentColor 8px,transparent 0)no-repeat bottom center\/2px 8px;width:22px;height:22px;top:-6px;left:-6px}.gg-data,.gg-data::after{border-top-color:transparent;border-bottom-color:transparent}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "database": [ - [ - { - "nr": 221, - "name": "database", - "css": ".gg-database{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid transparent;border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:6px solid transparent;box-shadow:0 0 0 2px,inset 0 2px 0 0,inset 0 -2px 0 0;border-radius:1px}.gg-database::after,.gg-database::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-database::before{background:currentColor;width:20px;height:2px;top:4px;left:-8px}.gg-database::after{width:2px;height:10px;border-bottom:2px solid;border-top:2px solid;top:0;left:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/database.css');", - "json": "https:\/\/css.gg\/json?=database", - "xml": "https:\/\/css.gg\/xml?=database", - "svg_link": "https:\/\/css.gg\/database.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDatabase = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 14px;\n border: 2px solid transparent;\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n border-left: 6px solid transparent;\n box-shadow: 0 0 0 2px, inset 0 2px 0 0, inset 0 -2px 0 0;\n border-radius: 1px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n width: 20px;\n height: 2px;\n top: 4px;\n left: -8px;\n }\n &::after {\n width: 2px;\n height: 10px;\n border-bottom: 2px solid;\n border-top: 2px solid;\n top: 0;\n left: -4px;\n }\n`\n\nexport const Database = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 221, + "name": "database", + "tags": "multimedia interface", + "css": ".gg-database{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid transparent;border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:6px solid transparent;box-shadow:0 0 0 2px,inset 0 2px 0 0,inset 0 -2px 0 0;border-radius:1px}.gg-database::after,.gg-database::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-database::before{background:currentColor;width:20px;height:2px;top:4px;left:-8px}.gg-database::after{width:2px;height:10px;border-bottom:2px solid;border-top:2px solid;top:0;left:-4px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "debug": [ - [ - { - "nr": 222, - "name": "debug", - "css": ".gg-debug{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:18px;border:2px solid;border-radius:22px}.gg-debug::after,.gg-debug::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-debug::before{width:8px;height:4px;border:2px solid;top:-4px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:0}.gg-debug::after{background:currentColor;width:4px;height:2px;border-radius:5px;top:4px;left:2px;box-shadow:0 4px 0,-6px -2px 0,-6px 2px 0,-6px 6px 0,6px -2px 0,6px 2px 0,6px 6px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/debug.css');", - "json": "https:\/\/css.gg\/json?=debug", - "xml": "https:\/\/css.gg\/xml?=debug", - "svg_link": "https:\/\/css.gg\/debug.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDebug = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 18px;\n border: 2px solid;\n border-radius: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n width: 8px;\n height: 4px;\n border: 2px solid;\n top: -4px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n border-top: 0;\n }\n &::after {\n background: currentColor;\n width: 4px;\n height: 2px;\n border-radius: 5px;\n top: 4px;\n left: 2px;\n box-shadow: 0 4px 0, -6px -2px 0, -6px 2px 0, -6px 6px 0, 6px -2px 0, 6px 2px 0, 6px 6px 0;\n }\n`\n\nexport const Debug = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 222, + "name": "debug", + "tags": "design interface", + "css": ".gg-debug{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:18px;border:2px solid;border-radius:22px}.gg-debug::after,.gg-debug::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-debug::before{width:8px;height:4px;border:2px solid;top:-4px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:0}.gg-debug::after{background:currentColor;width:4px;height:2px;border-radius:5px;top:4px;left:2px;box-shadow:0 4px 0,-6px -2px 0,-6px 2px 0,-6px 6px 0,6px -2px 0,6px 2px 0,6px 6px 0}", + "svg": "\n \n \n \n<\/svg>" + } ], "designmodo": [ - [ - { - "nr": 223, - "name": "designmodo", - "css": ".gg-designmodo{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:20px;height:16px;background:linear-gradient( to left,currentColor 5px,transparent 0)no-repeat right 3px\/8px 3px}.gg-designmodo::after,.gg-designmodo::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:10px;height:10px;border:3px solid;border-radius:10px}.gg-designmodo::after{width:14px;height:14px;border:3px solid transparent;border-bottom:3px solid;left:3px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/designmodo.css');", - "json": "https:\/\/css.gg\/json?=designmodo", - "xml": "https:\/\/css.gg\/xml?=designmodo", - "svg_link": "https:\/\/css.gg\/designmodo.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDesignmodo = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 16px;\n background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat right 3px\/8px\n 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 10px;\n height: 10px;\n border: 3px solid;\n border-radius: 10px;\n }\n &::after {\n width: 14px;\n height: 14px;\n border: 3px solid transparent;\n border-bottom: 3px solid;\n left: 3px;\n bottom: 0;\n }\n`\n\nexport const Designmodo = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 223, + "name": "designmodo", + "tags": "brands", + "css": ".gg-designmodo{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:20px;height:16px;background:linear-gradient( to left,currentColor 5px,transparent 0)no-repeat right 3px\/8px 3px}.gg-designmodo::after,.gg-designmodo::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:10px;height:10px;border:3px solid;border-radius:10px}.gg-designmodo::after{width:14px;height:14px;border:3px solid transparent;border-bottom:3px solid;left:3px;bottom:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "desktop": [ - [ - { - "nr": 224, - "name": "desktop", - "css": ".gg-desktop{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:22px;height:18px;border:2px solid;border-radius:3px;overflow:hidden;}.gg-desktop::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:22px;height:2px;background:currentColor;top:2px;left:-2px;}.gg-desktop::after{content:\"\";display:block;position:absolute;box-sizing:border-box;background:currentColor;width:2px;height:2px;border-radius:4px;bottom:2px;left:4px;box-shadow:4px 0 0,8px 0 0 ;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/desktop.css');", - "json": "https:\/\/css.gg\/json?=desktop", - "xml": "https:\/\/css.gg\/xml?=desktop", - "svg_link": "https:\/\/css.gg\/desktop.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDesktop = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 18px;\n border: 2px solid;\n border-radius: 3px;\n overflow: hidden;\n }\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 22px;\n height: 2px;\n background: currentColor;\n top: 2px;\n left: -2px;\n }\n &::after {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n background: currentColor;\n width: 2px;\n height: 2px;\n border-radius: 4px;\n bottom: 2px;\n left: 4px;\n box-shadow: 4px 0 0, 8px 0 0;\n }\n`\n\nexport const Desktop = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 224, + "name": "desktop", + "tags": "devices", + "css": ".gg-desktop{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:22px;height:18px;border:2px solid;border-radius:3px;overflow:hidden;}.gg-desktop::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:22px;height:2px;background:currentColor;top:2px;left:-2px;}.gg-desktop::after{content:\"\";display:block;position:absolute;box-sizing:border-box;background:currentColor;width:2px;height:2px;border-radius:4px;bottom:2px;left:4px;box-shadow:4px 0 0,8px 0 0 ;}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "details-less": [ - [ - { - "nr": 225, - "name": "details-less", - "css": ".gg-details-less{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:14px;border:2px solid transparent}.gg-details-less::after,.gg-details-less::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;border-radius:3px;background:currentColor}.gg-details-less::before{top:2px;width:16px}.gg-details-less::after{width:10px;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/details-less.css');", - "json": "https:\/\/css.gg\/json?=details-less", - "xml": "https:\/\/css.gg\/xml?=details-less", - "svg_link": "https:\/\/css.gg\/details-less.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDetailsLess = 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: 14px;\n border: 2px solid transparent;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n border-radius: 3px;\n background: currentColor;\n }\n &::before {\n top: 2px;\n width: 16px;\n }\n &::after {\n width: 10px;\n bottom: 2px;\n }\n`\n\nexport const DetailsLess = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 225, + "name": "details-less", + "tags": "content interface", + "css": ".gg-details-less{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:14px;border:2px solid transparent}.gg-details-less::after,.gg-details-less::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;border-radius:3px;background:currentColor}.gg-details-less::before{top:2px;width:16px}.gg-details-less::after{width:10px;bottom:2px}", + "svg": "\n \n \n<\/svg>" + } ], "details-more": [ - [ - { - "nr": 226, - "name": "details-more", - "css": ".gg-details-more{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:14px;border:2px solid transparent}.gg-details-more::after,.gg-details-more::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;border-radius:3px;background:currentColor}.gg-details-more::before{box-shadow:0 4px 0 0;top:0;width:16px}.gg-details-more::after{width:10px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/details-more.css');", - "json": "https:\/\/css.gg\/json?=details-more", - "xml": "https:\/\/css.gg\/xml?=details-more", - "svg_link": "https:\/\/css.gg\/details-more.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDetailsMore = 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: 14px;\n border: 2px solid transparent;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n border-radius: 3px;\n background: currentColor;\n }\n &::before {\n box-shadow: 0 4px 0 0;\n top: 0;\n width: 16px;\n }\n &::after {\n width: 10px;\n bottom: 0;\n }\n`\n\nexport const DetailsMore = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 226, + "name": "details-more", + "tags": "content interface", + "css": ".gg-details-more{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:14px;border:2px solid transparent}.gg-details-more::after,.gg-details-more::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;border-radius:3px;background:currentColor}.gg-details-more::before{box-shadow:0 4px 0 0;top:0;width:16px}.gg-details-more::after{width:10px;bottom:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "dialpad": [ - [ - { - "nr": 227, - "name": "dialpad", - "css": ".gg-dialpad{transform:scale(var(--ggs,1));}.gg-dialpad,.gg-dialpad::before{box-shadow:-5px 0 0,5px 0 0}.gg-dialpad,.gg-dialpad::after,.gg-dialpad::before{box-sizing:border-box;position:relative;display:block;width:3px;height:3px;background:currentColor}.gg-dialpad::after,.gg-dialpad::before{content:\"\";position:absolute;left:0;}.gg-dialpad::before{bottom:5px}.gg-dialpad::after{box-shadow:-5px 0 0,5px 0 0,0 5px 0;top:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dialpad.css');", - "json": "https:\/\/css.gg\/json?=dialpad", - "xml": "https:\/\/css.gg\/xml?=dialpad", - "svg_link": "https:\/\/css.gg\/dialpad.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDialpad = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::before {\n box-shadow: -5px 0 0, 5px 0 0;\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 3px;\n height: 3px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n left: 0;\n }\n &::before {\n bottom: 5px;\n }\n &::after {\n box-shadow: -5px 0 0, 5px 0 0, 0 5px 0;\n top: 5px;\n }\n`\n\nexport const Dialpad = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 227, + "name": "dialpad", + "tags": "devices interface", + "css": ".gg-dialpad{transform:scale(var(--ggs,1));}.gg-dialpad,.gg-dialpad::before{box-shadow:-5px 0 0,5px 0 0}.gg-dialpad,.gg-dialpad::after,.gg-dialpad::before{box-sizing:border-box;position:relative;display:block;width:3px;height:3px;background:currentColor}.gg-dialpad::after,.gg-dialpad::before{content:\"\";position:absolute;left:0;}.gg-dialpad::before{bottom:5px}.gg-dialpad::after{box-shadow:-5px 0 0,5px 0 0,0 5px 0;top:5px}", + "svg": "\n \n \n \n \n \n \n \n \n \n \n<\/svg>" + } ], "dice-1": [ - [ - { - "nr": 228, - "name": "dice-1", - "css": ".gg-dice-1{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px}.gg-dice-1::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:7px;top:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dice-1.css');", - "json": "https:\/\/css.gg\/json?=dice-1", - "xml": "https:\/\/css.gg\/xml?=dice-1", - "svg_link": "https:\/\/css.gg\/dice-1.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDice1 = styled.i`\n &1 {\n display: block;\n transform: scale(var(--ggs, 1));\n position: relative;\n box-sizing: border-box;\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &1::before {\n content: '';\n display: block;\n box-sizing: border-box;\n background: currentColor;\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 4px;\n left: 7px;\n top: 7px;\n }\n`\n\nexport const Dice1 = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 228, + "name": "dice-1", + "tags": "interface", + "css": ".gg-dice-1{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px}.gg-dice-1::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:7px;top:7px}", + "svg": "\n \n \n<\/svg>" + } ], "dice-2": [ - [ - { - "nr": 229, - "name": "dice-2", - "css": ".gg-dice-2{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px}.gg-dice-2::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:2px;top:2px;box-shadow:10px 10px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dice-2.css');", - "json": "https:\/\/css.gg\/json?=dice-2", - "xml": "https:\/\/css.gg\/xml?=dice-2", - "svg_link": "https:\/\/css.gg\/dice-2.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDice2 = styled.i`\n &2 {\n display: block;\n transform: scale(var(--ggs, 1));\n position: relative;\n box-sizing: border-box;\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &2::before {\n content: '';\n display: block;\n box-sizing: border-box;\n background: currentColor;\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 4px;\n left: 2px;\n top: 2px;\n box-shadow: 10px 10px 0;\n }\n`\n\nexport const Dice2 = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 229, + "name": "dice-2", + "tags": "interface", + "css": ".gg-dice-2{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px}.gg-dice-2::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:2px;top:2px;box-shadow:10px 10px 0}", + "svg": "\n \n \n \n<\/svg>" + } ], "dice-3": [ - [ - { - "nr": 230, - "name": "dice-3", - "css": ".gg-dice-3{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px}.gg-dice-3::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:2px;top:2px;box-shadow:5px 5px 0,10px 10px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dice-3.css');", - "json": "https:\/\/css.gg\/json?=dice-3", - "xml": "https:\/\/css.gg\/xml?=dice-3", - "svg_link": "https:\/\/css.gg\/dice-3.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDice3 = styled.i`\n &3 {\n display: block;\n transform: scale(var(--ggs, 1));\n position: relative;\n box-sizing: border-box;\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &3::before {\n content: '';\n display: block;\n box-sizing: border-box;\n background: currentColor;\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 4px;\n left: 2px;\n top: 2px;\n box-shadow: 5px 5px 0, 10px 10px 0;\n }\n`\n\nexport const Dice3 = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 230, + "name": "dice-3", + "tags": "interface", + "css": ".gg-dice-3{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px}.gg-dice-3::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:2px;top:2px;box-shadow:5px 5px 0,10px 10px 0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "dice-4": [ - [ - { - "nr": 231, - "name": "dice-4", - "css": ".gg-dice-4{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px}.gg-dice-4::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:2px;top:2px;box-shadow:0 10px 0,10px 0 0,10px 10px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dice-4.css');", - "json": "https:\/\/css.gg\/json?=dice-4", - "xml": "https:\/\/css.gg\/xml?=dice-4", - "svg_link": "https:\/\/css.gg\/dice-4.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDice4 = styled.i`\n &4 {\n display: block;\n transform: scale(var(--ggs, 1));\n position: relative;\n box-sizing: border-box;\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &4::before {\n content: '';\n display: block;\n box-sizing: border-box;\n background: currentColor;\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 4px;\n left: 2px;\n top: 2px;\n box-shadow: 0 10px 0, 10px 0 0, 10px 10px 0;\n }\n`\n\nexport const Dice4 = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 231, + "name": "dice-4", + "tags": "interface", + "css": ".gg-dice-4{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px}.gg-dice-4::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:2px;top:2px;box-shadow:0 10px 0,10px 0 0,10px 10px 0}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "dice-5": [ - [ - { - "nr": 232, - "name": "dice-5", - "css": ".gg-dice-5{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px;}.gg-dice-5::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:2px;top:2px;box-shadow:0 10px 0,10px 0 0,10px 10px 0,5px 5px 0;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dice-5.css');", - "json": "https:\/\/css.gg\/json?=dice-5", - "xml": "https:\/\/css.gg\/xml?=dice-5", - "svg_link": "https:\/\/css.gg\/dice-5.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDice5 = styled.i`\n &5 {\n display: block;\n transform: scale(var(--ggs, 1));\n position: relative;\n box-sizing: border-box;\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &5::before {\n content: '';\n display: block;\n box-sizing: border-box;\n background: currentColor;\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 4px;\n left: 2px;\n top: 2px;\n box-shadow: 0 10px 0, 10px 0 0, 10px 10px 0, 5px 5px 0;\n }\n`\n\nexport const Dice5 = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 232, + "name": "dice-5", + "tags": "interface", + "css": ".gg-dice-5{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px;}.gg-dice-5::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:2px;top:2px;box-shadow:0 10px 0,10px 0 0,10px 10px 0,5px 5px 0;}", + "svg": "\n \n \n \n \n \n \n<\/svg>" + } ], "dice-6": [ - [ - { - "nr": 233, - "name": "dice-6", - "css": ".gg-dice-6{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px;}.gg-dice-6::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:2px;top:2px;box-shadow:0 5px 0,0 10px 0,10px 0 0,10px 5px 0,10px 10px 0;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dice-6.css');", - "json": "https:\/\/css.gg\/json?=dice-6", - "xml": "https:\/\/css.gg\/xml?=dice-6", - "svg_link": "https:\/\/css.gg\/dice-6.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDice6 = styled.i`\n &6 {\n display: block;\n transform: scale(var(--ggs, 1));\n position: relative;\n box-sizing: border-box;\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &6::before {\n content: '';\n display: block;\n box-sizing: border-box;\n background: currentColor;\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 4px;\n left: 2px;\n top: 2px;\n box-shadow: 0 5px 0, 0 10px 0, 10px 0 0, 10px 5px 0, 10px 10px 0;\n }\n`\n\nexport const Dice6 = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 233, + "name": "dice-6", + "tags": "interface", + "css": ".gg-dice-6{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:22px;height:22px;border:2px solid;border-radius:3px;}.gg-dice-6::before{content:\"\";display:block;box-sizing:border-box;background:currentColor;position:absolute;width:4px;height:4px;border-radius:4px;left:2px;top:2px;box-shadow:0 5px 0,0 10px 0,10px 0 0,10px 5px 0,10px 10px 0;}", + "svg": "\n \n \n \n \n \n \n \n<\/svg>" + } ], "digitalocean": [ - [ - { - "nr": 234, - "name": "digitalocean", - "css": ".gg-digitalocean{position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;background:linear-gradient(to left,currentColor 4px,transparent 0 ) no-repeat 1px 14px\/2px 2px,linear-gradient(to left,currentColor 4px,transparent 0 ) no-repeat 3px 16px\/3px 3px}.gg-digitalocean::after,.gg-digitalocean::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-digitalocean::after{width:4px;height:4px;background:currentColor;bottom:4px;left:6px}.gg-digitalocean::before{width:20px;height:20px;border:4px solid;transform:rotate(-45deg);border-radius:100px;border-left-color:transparent}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/digitalocean.css');", - "json": "https:\/\/css.gg\/json?=digitalocean", - "xml": "https:\/\/css.gg\/xml?=digitalocean", - "svg_link": "https:\/\/css.gg\/digitalocean.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDigitalocean = styled.i`\n & {\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n background: linear-gradient(to left, currentColor 4px, transparent 0) no-repeat 1px 14px\/2px 2px,\n linear-gradient(to left, currentColor 4px, transparent 0) no-repeat 3px 16px\/3px 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n }\n &::after {\n width: 4px;\n height: 4px;\n background: currentColor;\n bottom: 4px;\n left: 6px;\n }\n &::before {\n width: 20px;\n height: 20px;\n border: 4px solid;\n transform: rotate(-45deg);\n border-radius: 100px;\n border-left-color: transparent;\n }\n`\n\nexport const Digitalocean = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 234, + "name": "digitalocean", + "tags": "brands", + "css": ".gg-digitalocean{position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;background:linear-gradient(to left,currentColor 4px,transparent 0 ) no-repeat 1px 14px\/2px 2px,linear-gradient(to left,currentColor 4px,transparent 0 ) no-repeat 3px 16px\/3px 3px}.gg-digitalocean::after,.gg-digitalocean::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-digitalocean::after{width:4px;height:4px;background:currentColor;bottom:4px;left:6px}.gg-digitalocean::before{width:20px;height:20px;border:4px solid;transform:rotate(-45deg);border-radius:100px;border-left-color:transparent}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "disc": [ - [ - { - "nr": 235, - "name": "disc", - "css": ".gg-disc,.gg-disc::after,.gg-disc::before{display:block;box-sizing:border-box;border:2px solid;border-radius:50%}.gg-disc{border-top-color:transparent;border-bottom-color:transparent;transform:rotate(45deg) scale(var(--ggs,1));position:relative;width:14px;height:14px}.gg-disc::after,.gg-disc::before{content:\"\";position:absolute;width:6px;height:6px;top:2px;left:2px}.gg-disc::after{width:22px;height:22px;border-radius:100%;top:-6px;left:-6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/disc.css');", - "json": "https:\/\/css.gg\/json?=disc", - "xml": "https:\/\/css.gg\/xml?=disc", - "svg_link": "https:\/\/css.gg\/disc.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDisc = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n border: 2px solid;\n border-radius: 50%;\n }\n & {\n border-top-color: transparent;\n border-bottom-color: transparent;\n transform: rotate(45deg) scale(var(--ggs, 1));\n position: relative;\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 6px;\n height: 6px;\n top: 2px;\n left: 2px;\n }\n &::after {\n width: 22px;\n height: 22px;\n border-radius: 100%;\n top: -6px;\n left: -6px;\n }\n`\n\nexport const Disc = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 235, + "name": "disc", + "tags": "multimedia", + "css": ".gg-disc,.gg-disc::after,.gg-disc::before{display:block;box-sizing:border-box;border:2px solid;border-radius:50%}.gg-disc{border-top-color:transparent;border-bottom-color:transparent;transform:rotate(45deg) scale(var(--ggs,1));position:relative;width:14px;height:14px}.gg-disc::after,.gg-disc::before{content:\"\";position:absolute;width:6px;height:6px;top:2px;left:2px}.gg-disc::after{width:22px;height:22px;border-radius:100%;top:-6px;left:-6px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "display-flex": [ - [ - { - "nr": 236, - "name": "display-flex", - "css": ".gg-display-flex{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:16px;border:2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0 0 0,inset 2px 0 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/display-flex.css');", - "json": "https:\/\/css.gg\/json?=display-flex", - "xml": "https:\/\/css.gg\/xml?=display-flex", - "svg_link": "https:\/\/css.gg\/display-flex.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDisplayFlex = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n height: 14px;\n width: 16px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px, inset -2px 0 0 0, inset 2px 0 0 0;\n }\n`\n\nexport const DisplayFlex = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 236, + "name": "display-flex", + "tags": "design interface content", + "css": ".gg-display-flex{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:16px;border:2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0 0 0,inset 2px 0 0 0}", + "svg": "\n \n \n \n<\/svg>" + } ], "display-fullwidth": [ - [ - { - "nr": 237, - "name": "display-fullwidth", - "css": ".gg-display-fullwidth{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:16px;box-shadow:inset 0 0 0 2px,0 2px 0 0,0 -2px 0 0;border-top:2px solid transparent;border-bottom:2px solid transparent}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/display-fullwidth.css');", - "json": "https:\/\/css.gg\/json?=display-fullwidth", - "xml": "https:\/\/css.gg\/xml?=display-fullwidth", - "svg_link": "https:\/\/css.gg\/display-fullwidth.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDisplayFullwidth = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n height: 14px;\n width: 16px;\n box-shadow: inset 0 0 0 2px, 0 2px 0 0, 0 -2px 0 0;\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n }\n`\n\nexport const DisplayFullwidth = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 237, + "name": "display-fullwidth", + "tags": "design interface content", + "css": ".gg-display-fullwidth{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:16px;box-shadow:inset 0 0 0 2px,0 2px 0 0,0 -2px 0 0;border-top:2px solid transparent;border-bottom:2px solid transparent}", + "svg": "\n \n \n \n<\/svg>" + } ], "display-grid": [ - [ - { - "nr": 238, - "name": "display-grid", - "css": ".gg-display-grid{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:14px;border:2px solid transparent;box-shadow:0 0 0 2px}.gg-display-grid::after,.gg-display-grid::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:4px;border-right:4px solid;border-left:4px solid;top:0;left:0}.gg-display-grid::before{top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/display-grid.css');", - "json": "https:\/\/css.gg\/json?=display-grid", - "xml": "https:\/\/css.gg\/xml?=display-grid", - "svg_link": "https:\/\/css.gg\/display-grid.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDisplayGrid = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n height: 14px;\n width: 14px;\n border: 2px solid transparent;\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: 10px;\n height: 4px;\n border-right: 4px solid;\n border-left: 4px solid;\n top: 0;\n left: 0;\n }\n &::before {\n top: 6px;\n }\n`\n\nexport const DisplayGrid = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 238, + "name": "display-grid", + "tags": "design interface content", + "css": ".gg-display-grid{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:14px;border:2px solid transparent;box-shadow:0 0 0 2px}.gg-display-grid::after,.gg-display-grid::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:4px;border-right:4px solid;border-left:4px solid;top:0;left:0}.gg-display-grid::before{top:6px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "display-spacing": [ - [ - { - "nr": 239, - "name": "display-spacing", - "css": ".gg-display-spacing{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:14px;box-shadow:inset 0 0 0 2px,2px 0 0 0,-2px 0 0 0;border-left:2px solid transparent;border-right:2px solid transparent}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/display-spacing.css');", - "json": "https:\/\/css.gg\/json?=display-spacing", - "xml": "https:\/\/css.gg\/xml?=display-spacing", - "svg_link": "https:\/\/css.gg\/display-spacing.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDisplaySpacing = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n height: 14px;\n width: 14px;\n box-shadow: inset 0 0 0 2px, 2px 0 0 0, -2px 0 0 0;\n border-left: 2px solid transparent;\n border-right: 2px solid transparent;\n }\n`\n\nexport const DisplaySpacing = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 239, + "name": "display-spacing", + "tags": "design interface content", + "css": ".gg-display-spacing{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:14px;box-shadow:inset 0 0 0 2px,2px 0 0 0,-2px 0 0 0;border-left:2px solid transparent;border-right:2px solid transparent}", + "svg": "\n \n \n \n<\/svg>" + } ], "distribute-horizontal": [ - [ - { - "nr": 240, - "name": "distribute-horizontal", - "css": ".gg-distribute-horizontal{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:14px;border-left:2px solid;border-right:2px solid}.gg-distribute-horizontal::after{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;width:4px;background:currentColor;right:3px;top:3px;opacity:.5}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/distribute-horizontal.css');", - "json": "https:\/\/css.gg\/json?=distribute-horizontal", - "xml": "https:\/\/css.gg\/xml?=distribute-horizontal", - "svg_link": "https:\/\/css.gg\/distribute-horizontal.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDistributeHorizontal = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n height: 14px;\n width: 14px;\n border-left: 2px solid;\n border-right: 2px solid;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 8px;\n width: 4px;\n background: currentColor;\n right: 3px;\n top: 3px;\n opacity: 0.5;\n }\n`\n\nexport const DistributeHorizontal = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 240, + "name": "distribute-horizontal", + "tags": "design interface content", + "css": ".gg-distribute-horizontal{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:14px;border-left:2px solid;border-right:2px solid}.gg-distribute-horizontal::after{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;width:4px;background:currentColor;right:3px;top:3px;opacity:.5}", + "svg": "\n \n \n \n<\/svg>" + } ], "distribute-vertical": [ - [ - { - "nr": 241, - "name": "distribute-vertical", - "css": ".gg-distribute-vertical{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:14px;border-top:2px solid;border-bottom:2px solid}.gg-distribute-vertical::after{content:\"\";display:block;box-sizing:border-box;position:absolute;height:4px;width:8px;background:currentColor;right:3px;top:3px;opacity:.5}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/distribute-vertical.css');", - "json": "https:\/\/css.gg\/json?=distribute-vertical", - "xml": "https:\/\/css.gg\/xml?=distribute-vertical", - "svg_link": "https:\/\/css.gg\/distribute-vertical.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDistributeVertical = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n height: 14px;\n width: 14px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 4px;\n width: 8px;\n background: currentColor;\n right: 3px;\n top: 3px;\n opacity: 0.5;\n }\n`\n\nexport const DistributeVertical = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 241, + "name": "distribute-vertical", + "tags": "design interface content", + "css": ".gg-distribute-vertical{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));height:14px;width:14px;border-top:2px solid;border-bottom:2px solid}.gg-distribute-vertical::after{content:\"\";display:block;box-sizing:border-box;position:absolute;height:4px;width:8px;background:currentColor;right:3px;top:3px;opacity:.5}", + "svg": "\n \n \n \n<\/svg>" + } ], "dock-bottom": [ - [ - { - "nr": 242, - "name": "dock-bottom", - "css": ".gg-dock-bottom{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:20px;height:16px;border:2px solid;border-bottom-width:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dock-bottom.css');", - "json": "https:\/\/css.gg\/json?=dock-bottom", - "xml": "https:\/\/css.gg\/xml?=dock-bottom", - "svg_link": "https:\/\/css.gg\/dock-bottom.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDockBottom = styled.i`\n & {\n display: block;\n transform: scale(var(--ggs, 1));\n position: relative;\n box-sizing: border-box;\n width: 20px;\n height: 16px;\n border: 2px solid;\n border-bottom-width: 6px;\n }\n`\n\nexport const DockBottom = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 242, + "name": "dock-bottom", + "tags": "interface", + "css": ".gg-dock-bottom{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:20px;height:16px;border:2px solid;border-bottom-width:6px}", + "svg": "\n \n<\/svg>" + } ], "dock-left": [ - [ - { - "nr": 243, - "name": "dock-left", - "css": ".gg-dock-left{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:20px;height:16px;border:2px solid;border-left-width:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dock-left.css');", - "json": "https:\/\/css.gg\/json?=dock-left", - "xml": "https:\/\/css.gg\/xml?=dock-left", - "svg_link": "https:\/\/css.gg\/dock-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDockLeft = styled.i`\n & {\n display: block;\n transform: scale(var(--ggs, 1));\n position: relative;\n box-sizing: border-box;\n width: 20px;\n height: 16px;\n border: 2px solid;\n border-left-width: 6px;\n }\n`\n\nexport const DockLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 243, + "name": "dock-left", + "tags": "interface", + "css": ".gg-dock-left{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:20px;height:16px;border:2px solid;border-left-width:6px}", + "svg": "\n \n<\/svg>" + } ], "dock-right": [ - [ - { - "nr": 244, - "name": "dock-right", - "css": ".gg-dock-right{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:20px;height:16px;border:2px solid;border-right-width:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dock-right.css');", - "json": "https:\/\/css.gg\/json?=dock-right", - "xml": "https:\/\/css.gg\/xml?=dock-right", - "svg_link": "https:\/\/css.gg\/dock-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDockRight = styled.i`\n & {\n display: block;\n transform: scale(var(--ggs, 1));\n position: relative;\n box-sizing: border-box;\n width: 20px;\n height: 16px;\n border: 2px solid;\n border-right-width: 6px;\n }\n`\n\nexport const DockRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 244, + "name": "dock-right", + "tags": "interface", + "css": ".gg-dock-right{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:20px;height:16px;border:2px solid;border-right-width:6px}", + "svg": "\n \n<\/svg>" + } ], "dock-window": [ - [ - { - "nr": 245, - "name": "dock-window", - "css": ".gg-dock-window{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:20px;height:16px;border:2px solid;border-left-width:4px;border-bottom-width:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dock-window.css');", - "json": "https:\/\/css.gg\/json?=dock-window", - "xml": "https:\/\/css.gg\/xml?=dock-window", - "svg_link": "https:\/\/css.gg\/dock-window.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDockWindow = styled.i`\n & {\n display: block;\n transform: scale(var(--ggs, 1));\n position: relative;\n box-sizing: border-box;\n width: 20px;\n height: 16px;\n border: 2px solid;\n border-left-width: 4px;\n border-bottom-width: 4px;\n }\n`\n\nexport const DockWindow = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 245, + "name": "dock-window", + "tags": "interface", + "css": ".gg-dock-window{display:block;transform:scale(var(--ggs,1));position:relative;box-sizing:border-box;width:20px;height:16px;border:2px solid;border-left-width:4px;border-bottom-width:4px}", + "svg": "\n \n<\/svg>" + } ], "dolby": [ - [ - { - "nr": 246, - "name": "dolby", - "css": ".gg-dolby,.gg-dolby::after,.gg-dolby::before{display:block;box-sizing:border-box;height:16px;border:4px solid}.gg-dolby{position:relative;transform:scale(var(--ggs,1));width:24px}.gg-dolby::after,.gg-dolby::before{content:\"\";position:absolute;width:14px;top:-4px}.gg-dolby::before{border-top-right-radius:10px;border-bottom-right-radius:10px;left:-4px}.gg-dolby::after{border-top-left-radius:10px;border-bottom-left-radius:10px;right:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dolby.css');", - "json": "https:\/\/css.gg\/json?=dolby", - "xml": "https:\/\/css.gg\/xml?=dolby", - "svg_link": "https:\/\/css.gg\/dolby.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDolby = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 16px;\n border: 4px solid;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 24px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 14px;\n top: -4px;\n }\n &::before {\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n left: -4px;\n }\n &::after {\n border-top-left-radius: 10px;\n border-bottom-left-radius: 10px;\n right: -4px;\n }\n`\n\nexport const Dolby = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 246, + "name": "dolby", + "tags": "brands", + "css": ".gg-dolby,.gg-dolby::after,.gg-dolby::before{display:block;box-sizing:border-box;height:16px;border:4px solid}.gg-dolby{position:relative;transform:scale(var(--ggs,1));width:24px}.gg-dolby::after,.gg-dolby::before{content:\"\";position:absolute;width:14px;top:-4px}.gg-dolby::before{border-top-right-radius:10px;border-bottom-right-radius:10px;left:-4px}.gg-dolby::after{border-top-left-radius:10px;border-bottom-left-radius:10px;right:-4px}", + "svg": "\n \n<\/svg>" + } ], "dollar": [ - [ - { - "nr": 247, - "name": "dollar", - "css": ".gg-dollar{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:20px;background:currentColor}.gg-dollar::after,.gg-dollar::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:8px;border:2px solid}.gg-dollar::before{border-right:0;border-top-left-radius:100px;border-bottom-left-radius:100px;top:3px;left:-6px;box-shadow:4px -2px 0 -2px}.gg-dollar::after{border-left:0;border-top-right-radius:100px;border-bottom-right-radius:100px;bottom:3px;right:-6px;box-shadow:-4px 2px 0 -2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dollar.css');", - "json": "https:\/\/css.gg\/json?=dollar", - "xml": "https:\/\/css.gg\/xml?=dollar", - "svg_link": "https:\/\/css.gg\/dollar.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDollar = 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: 20px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 10px;\n height: 8px;\n border: 2px solid;\n }\n &::before {\n border-right: 0;\n border-top-left-radius: 100px;\n border-bottom-left-radius: 100px;\n top: 3px;\n left: -6px;\n box-shadow: 4px -2px 0 -2px;\n }\n &::after {\n border-left: 0;\n border-top-right-radius: 100px;\n border-bottom-right-radius: 100px;\n bottom: 3px;\n right: -6px;\n box-shadow: -4px 2px 0 -2px;\n }\n`\n\nexport const Dollar = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 247, + "name": "dollar", + "tags": "signs", + "css": ".gg-dollar{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:20px;background:currentColor}.gg-dollar::after,.gg-dollar::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:8px;border:2px solid}.gg-dollar::before{border-right:0;border-top-left-radius:100px;border-bottom-left-radius:100px;top:3px;left:-6px;box-shadow:4px -2px 0 -2px}.gg-dollar::after{border-left:0;border-top-right-radius:100px;border-bottom-right-radius:100px;bottom:3px;right:-6px;box-shadow:-4px 2px 0 -2px}", + "svg": "\n \n<\/svg>" + } ], "dribbble": [ - [ - { - "nr": 248, - "name": "dribbble", - "css": ".gg-dribbble{background:radial-gradient(circle at 50%,transparent 0,transparent 9px,currentColor 9.2px,currentColor 11px,transparent 11.2px)no-repeat -8px center;box-sizing:border-box;position:relative;display:block;transform:rotate(-25deg)scale(var(--ggs,1));width:22px;height:22px;box-shadow:inset 0 0 0 2px;border-radius:50%;overflow:hidden}.gg-dribbble::after,.gg-dribbble::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:50%;border:2px solid;height:26px}.gg-dribbble::before{width:36px;left:-6px;top:-15px}.gg-dribbble::after{top:13px;left:-7px;width:31px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/dribbble.css');", - "json": "https:\/\/css.gg\/json?=dribbble", - "xml": "https:\/\/css.gg\/xml?=dribbble", - "svg_link": "https:\/\/css.gg\/dribbble.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDribbble = styled.i`\n & {\n background: radial-gradient(\n circle at 50%,\n transparent 0,\n transparent 9px,\n currentColor 9.2px,\n currentColor 11px,\n transparent 11.2px\n )\n no-repeat -8px center;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-25deg) scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n box-shadow: inset 0 0 0 2px;\n border-radius: 50%;\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 50%;\n border: 2px solid;\n height: 26px;\n }\n &::before {\n width: 36px;\n left: -6px;\n top: -15px;\n }\n &::after {\n top: 13px;\n left: -7px;\n width: 31px;\n }\n`\n\nexport const Dribbble = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 248, + "name": "dribbble", + "tags": "brands", + "css": ".gg-dribbble{background:radial-gradient(circle at 50%,transparent 0,transparent 9px,currentColor 9.2px,currentColor 11px,transparent 11.2px)no-repeat -8px center;box-sizing:border-box;position:relative;display:block;transform:rotate(-25deg)scale(var(--ggs,1));width:22px;height:22px;box-shadow:inset 0 0 0 2px;border-radius:50%;overflow:hidden}.gg-dribbble::after,.gg-dribbble::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:50%;border:2px solid;height:26px}.gg-dribbble::before{width:36px;left:-6px;top:-15px}.gg-dribbble::after{top:13px;left:-7px;width:31px}", + "svg": "\n \n<\/svg>" + } ], "drive": [ - [ - { - "nr": 249, - "name": "drive", - "css": ".gg-drive{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:26px;height:10px;border:2px solid;border-radius:2px}.gg-drive::after,.gg-drive::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:2px;border-radius:10px;background:currentColor;top:2px;right:2px}.gg-drive::before{right:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/drive.css');", - "json": "https:\/\/css.gg\/json?=drive", - "xml": "https:\/\/css.gg\/xml?=drive", - "svg_link": "https:\/\/css.gg\/drive.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDrive = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 26px;\n height: 10px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 2px;\n border-radius: 10px;\n background: currentColor;\n top: 2px;\n right: 2px;\n }\n &::before {\n right: 6px;\n }\n`\n\nexport const Drive = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 249, + "name": "drive", + "tags": "devices files", + "css": ".gg-drive{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:26px;height:10px;border:2px solid;border-radius:2px}.gg-drive::after,.gg-drive::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:2px;border-radius:10px;background:currentColor;top:2px;right:2px}.gg-drive::before{right:6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "drop-invert": [ - [ - { - "nr": 250, - "name": "drop-invert", - "css": ".gg-drop-invert{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:16px;height:16px;border-radius:0 100% 100% 100%;box-shadow:inset 0 0 0 2px;overflow:hidden}.gg-drop-invert::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:24px;height:24px;background:currentColor;transform:rotate(-45deg);right:-15px;top:-10px;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/drop-invert.css');", - "json": "https:\/\/css.gg\/json?=drop-invert", - "xml": "https:\/\/css.gg\/xml?=drop-invert", - "svg_link": "https:\/\/css.gg\/drop-invert.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDropInvert = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border-radius: 0 100% 100% 100%;\n box-shadow: inset 0 0 0 2px;\n overflow: hidden;\n }\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 24px;\n height: 24px;\n background: currentColor;\n transform: rotate(-45deg);\n right: -15px;\n top: -10px;\n }\n`\n\nexport const DropInvert = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 250, + "name": "drop-invert", + "tags": "interface", + "css": ".gg-drop-invert{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:16px;height:16px;border-radius:0 100% 100% 100%;box-shadow:inset 0 0 0 2px;overflow:hidden}.gg-drop-invert::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:24px;height:24px;background:currentColor;transform:rotate(-45deg);right:-15px;top:-10px;}", + "svg": "\n \n<\/svg>" + } ], "drop-opacity": [ - [ - { - "nr": 251, - "name": "drop-opacity", - "css": ".gg-drop-opacity{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:16px;height:16px;border-radius:0 100% 100% 100%;box-shadow:inset 0 0 0 2px;overflow:hidden}.gg-drop-opacity::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:24px;height:24px;background:currentColor;transform:rotate(-45deg);right:-10px;bottom:-16px;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/drop-opacity.css');", - "json": "https:\/\/css.gg\/json?=drop-opacity", - "xml": "https:\/\/css.gg\/xml?=drop-opacity", - "svg_link": "https:\/\/css.gg\/drop-opacity.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDropOpacity = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border-radius: 0 100% 100% 100%;\n box-shadow: inset 0 0 0 2px;\n overflow: hidden;\n }\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 24px;\n height: 24px;\n background: currentColor;\n transform: rotate(-45deg);\n right: -10px;\n bottom: -16px;\n }\n`\n\nexport const DropOpacity = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 251, + "name": "drop-opacity", + "tags": "interface", + "css": ".gg-drop-opacity{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:16px;height:16px;border-radius:0 100% 100% 100%;box-shadow:inset 0 0 0 2px;overflow:hidden}.gg-drop-opacity::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:24px;height:24px;background:currentColor;transform:rotate(-45deg);right:-10px;bottom:-16px;}", + "svg": "\n \n<\/svg>" + } ], "drop": [ - [ - { - "nr": 252, - "name": "drop", - "css": ".gg-drop{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:16px;height:16px;border-radius:0 100% 100% 100%;box-shadow:inset 0 0 0 2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/drop.css');", - "json": "https:\/\/css.gg\/json?=drop", - "xml": "https:\/\/css.gg\/xml?=drop", - "svg_link": "https:\/\/css.gg\/drop.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDrop = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border-radius: 0 100% 100% 100%;\n box-shadow: inset 0 0 0 2px;\n }\n`\n\nexport const Drop = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 252, + "name": "drop", + "tags": "design interface", + "css": ".gg-drop{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:16px;height:16px;border-radius:0 100% 100% 100%;box-shadow:inset 0 0 0 2px}", + "svg": "\n \n<\/svg>" + } ], "duplicate": [ - [ - { - "nr": 253, - "name": "duplicate", - "css": ".gg-duplicate{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border:2px solid transparent;border-bottom:4px solid transparent;box-shadow:0 0 0 2px,inset 0 -2px 0 0;margin-left:-4px;margin-top:4px}.gg-duplicate::after,.gg-duplicate::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-duplicate::before{background:currentColor;left:2px;bottom:-2px;width:2px;height:6px}.gg-duplicate::after{width:14px;height:14px;border-right:2px solid;border-top:2px solid;right:-8px;top:-8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/duplicate.css');", - "json": "https:\/\/css.gg\/json?=duplicate", - "xml": "https:\/\/css.gg\/xml?=duplicate", - "svg_link": "https:\/\/css.gg\/duplicate.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledDuplicate = 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: 10px;\n border: 2px solid transparent;\n border-bottom: 4px solid transparent;\n box-shadow: 0 0 0 2px, inset 0 -2px 0 0;\n margin-left: -4px;\n margin-top: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n left: 2px;\n bottom: -2px;\n width: 2px;\n height: 6px;\n }\n &::after {\n width: 14px;\n height: 14px;\n border-right: 2px solid;\n border-top: 2px solid;\n right: -8px;\n top: -8px;\n }\n`\n\nexport const Duplicate = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 253, + "name": "duplicate", + "tags": "content", + "css": ".gg-duplicate{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border:2px solid transparent;border-bottom:4px solid transparent;box-shadow:0 0 0 2px,inset 0 -2px 0 0;margin-left:-4px;margin-top:4px}.gg-duplicate::after,.gg-duplicate::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-duplicate::before{background:currentColor;left:2px;bottom:-2px;width:2px;height:6px}.gg-duplicate::after{width:14px;height:14px;border-right:2px solid;border-top:2px solid;right:-8px;top:-8px}", + "svg": "\n \n \n \n<\/svg>" + } ], "edit-black-point": [ - [ - { - "nr": 254, - "name": "edit-black-point", - "css": ".gg-edit-black-point{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-black-point::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:3px solid;border-radius:6px;left:2px;top:2px;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-black-point.css');", - "json": "https:\/\/css.gg\/json?=edit-black-point", - "xml": "https:\/\/css.gg\/xml?=edit-black-point", - "svg_link": "https:\/\/css.gg\/edit-black-point.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditBlackPoint = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n border-radius: 100px;\n overflow: hidden;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border: 3px solid;\n border-radius: 6px;\n left: 2px;\n top: 2px;\n }\n`\n\nexport const EditBlackPoint = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 254, + "name": "edit-black-point", + "tags": "interface design", + "css": ".gg-edit-black-point{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-black-point::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:3px solid;border-radius:6px;left:2px;top:2px;}", + "svg": "\n \n \n<\/svg>" + } ], "edit-contrast": [ - [ - { - "nr": 255, - "name": "edit-contrast", - "css": ".gg-edit-contrast{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-contrast::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:12px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-contrast.css');", - "json": "https:\/\/css.gg\/json?=edit-contrast", - "xml": "https:\/\/css.gg\/xml?=edit-contrast", - "svg_link": "https:\/\/css.gg\/edit-contrast.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditContrast = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n border-radius: 100px;\n overflow: hidden;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 12px;\n background: currentColor;\n }\n`\n\nexport const EditContrast = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 255, + "name": "edit-contrast", + "tags": "design interface buttons", + "css": ".gg-edit-contrast{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-contrast::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:12px;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "edit-exposure": [ - [ - { - "nr": 256, - "name": "edit-exposure", - "css": ".gg-edit-exposure{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-exposure::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:8px;border-top:2px solid;border-bottom:2px solid;left:3px;top:3px;}.gg-edit-exposure::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:6px;background:currentColor;left:5px;top:1px;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-exposure.css');", - "json": "https:\/\/css.gg\/json?=edit-exposure", - "xml": "https:\/\/css.gg\/xml?=edit-exposure", - "svg_link": "https:\/\/css.gg\/edit-exposure.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditExposure = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n border-radius: 100px;\n overflow: hidden;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 8px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n left: 3px;\n top: 3px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 6px;\n background: currentColor;\n left: 5px;\n top: 1px;\n }\n`\n\nexport const EditExposure = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 256, + "name": "edit-exposure", + "tags": "interface design", + "css": ".gg-edit-exposure{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-exposure::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:8px;border-top:2px solid;border-bottom:2px solid;left:3px;top:3px;}.gg-edit-exposure::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:6px;background:currentColor;left:5px;top:1px;}", + "svg": "\n \n<\/svg>" + } ], "edit-fade": [ - [ - { - "nr": 257, - "name": "edit-fade", - "css": ".gg-edit-fade{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-fade::after,.gg-edit-fade::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:20px;left:-2px;background:currentColor;opacity:.6}.gg-edit-fade::before{left:6px;opacity:.1}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-fade.css');", - "json": "https:\/\/css.gg\/json?=edit-fade", - "xml": "https:\/\/css.gg\/xml?=edit-fade", - "svg_link": "https:\/\/css.gg\/edit-fade.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditFade = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n border-radius: 100px;\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 20px;\n left: -2px;\n background: currentColor;\n opacity: 0.6;\n }\n &::before {\n left: 6px;\n opacity: 0.1;\n }\n`\n\nexport const EditFade = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 257, + "name": "edit-fade", + "tags": "design interface", + "css": ".gg-edit-fade{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-fade::after,.gg-edit-fade::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:20px;left:-2px;background:currentColor;opacity:.6}.gg-edit-fade::before{left:6px;opacity:.1}", + "svg": "\n \n \n \n<\/svg>" + } ], "edit-flip-h": [ - [ - { - "nr": 258, - "name": "edit-flip-h", - "css": ".gg-edit-flip-h{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\/2px 22px}.gg-edit-flip-h::after,.gg-edit-flip-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;border:2px solid;top:2px}.gg-edit-flip-h::before{border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.gg-edit-flip-h::after{opacity:.5;border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-flip-h.css');", - "json": "https:\/\/css.gg\/json?=edit-flip-h", - "xml": "https:\/\/css.gg\/xml?=edit-flip-h", - "svg_link": "https:\/\/css.gg\/edit-flip-h.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditFlipH = 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\/2px 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 14px;\n border: 2px solid;\n top: 2px;\n }\n &::before {\n border-right: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n &::after {\n opacity: 0.5;\n border-left: 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n right: 0;\n }\n`\n\nexport const EditFlipH = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 258, + "name": "edit-flip-h", + "tags": "interface", + "css": ".gg-edit-flip-h{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\/2px 22px}.gg-edit-flip-h::after,.gg-edit-flip-h::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;border:2px solid;top:2px}.gg-edit-flip-h::before{border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.gg-edit-flip-h::after{opacity:.5;border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px;right:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "edit-flip-v": [ - [ - { - "nr": 259, - "name": "edit-flip-v", - "css": ".gg-edit-flip-v{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\/22px 2px}.gg-edit-flip-v::after,.gg-edit-flip-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:6px;border:2px solid;left:2px}.gg-edit-flip-v::before{border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px}.gg-edit-flip-v::after{opacity:.5;border-top:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-flip-v.css');", - "json": "https:\/\/css.gg\/json?=edit-flip-v", - "xml": "https:\/\/css.gg\/xml?=edit-flip-v", - "svg_link": "https:\/\/css.gg\/edit-flip-v.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditFlipV = 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\/22px 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 14px;\n height: 6px;\n border: 2px solid;\n left: 2px;\n }\n &::before {\n border-bottom: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n }\n &::after {\n opacity: 0.5;\n border-top: 0;\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n bottom: 0;\n }\n`\n\nexport const EditFlipV = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 259, + "name": "edit-flip-v", + "tags": "interface", + "css": ".gg-edit-flip-v{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\/22px 2px}.gg-edit-flip-v::after,.gg-edit-flip-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:6px;border:2px solid;left:2px}.gg-edit-flip-v::before{border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px}.gg-edit-flip-v::after{opacity:.5;border-top:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;bottom:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "edit-highlight": [ - [ - { - "nr": 260, - "name": "edit-highlight", - "css": ".gg-edit-highlight{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-highlight::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;top:-1px;background:repeating-linear-gradient( to bottom,currentColor,currentColor 2px,transparent 0px,transparent 3px)}.gg-edit-highlight::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;right:0;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-highlight.css');", - "json": "https:\/\/css.gg\/json?=edit-highlight", - "xml": "https:\/\/css.gg\/xml?=edit-highlight", - "svg_link": "https:\/\/css.gg\/edit-highlight.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditHighlight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n border-radius: 100px;\n overflow: hidden;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 14px;\n top: -1px;\n background: repeating-linear-gradient(\n to bottom,\n currentColor,\n currentColor 2px,\n transparent 0px,\n transparent 3px\n );\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 14px;\n right: 0;\n background: currentColor;\n }\n`\n\nexport const EditHighlight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 260, + "name": "edit-highlight", + "tags": "interface design", + "css": ".gg-edit-highlight{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-highlight::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;top:-1px;background:repeating-linear-gradient( to bottom,currentColor,currentColor 2px,transparent 0px,transparent 3px)}.gg-edit-highlight::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;right:0;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "edit-markup": [ - [ - { - "nr": 261, - "name": "edit-markup", - "css": ".gg-edit-markup{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:22px;overflow:hidden;perspective:20px}.gg-edit-markup::after,.gg-edit-markup::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-edit-markup::before{width:0;height:6px;border-bottom:6px solid;border-left:3px solid transparent;border-right:3px solid transparent;bottom:9px;left:6px}.gg-edit-markup::after{width:10px;height:12px;border:2px solid;border-top:4px solid;border-bottom:0;bottom:0;left:4px;transform:rotateX(60deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-markup.css');", - "json": "https:\/\/css.gg\/json?=edit-markup", - "xml": "https:\/\/css.gg\/xml?=edit-markup", - "svg_link": "https:\/\/css.gg\/edit-markup.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditMarkup = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 22px;\n overflow: hidden;\n perspective: 20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n }\n &::before {\n width: 0;\n height: 6px;\n border-bottom: 6px solid;\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n bottom: 9px;\n left: 6px;\n }\n &::after {\n width: 10px;\n height: 12px;\n border: 2px solid;\n border-top: 4px solid;\n border-bottom: 0;\n bottom: 0;\n left: 4px;\n transform: rotateX(60deg);\n }\n`\n\nexport const EditMarkup = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 261, + "name": "edit-markup", + "tags": "design interface buttons", + "css": ".gg-edit-markup{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:22px;overflow:hidden;perspective:20px}.gg-edit-markup::after,.gg-edit-markup::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-edit-markup::before{width:0;height:6px;border-bottom:6px solid;border-left:3px solid transparent;border-right:3px solid transparent;bottom:9px;left:6px}.gg-edit-markup::after{width:10px;height:12px;border:2px solid;border-top:4px solid;border-bottom:0;bottom:0;left:4px;transform:rotateX(60deg)}", + "svg": "\n \n<\/svg>" + } ], "edit-mask": [ - [ - { - "nr": 262, - "name": "edit-mask", - "css": ".gg-edit-mask,.gg-edit-mask::after{display:block;box-sizing:border-box;border-radius:22px}.gg-edit-mask{position:relative;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;overflow:hidden}.gg-edit-mask::after{content:\"\";position:absolute;width:4px;height:4px;background:currentColor;top:6px;left:6px;box-shadow:0 7px 0 1px,0 -7px 0 1px,-7px 0 0 1px,7px 0 0 1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-mask.css');", - "json": "https:\/\/css.gg\/json?=edit-mask", - "xml": "https:\/\/css.gg\/xml?=edit-mask", - "svg_link": "https:\/\/css.gg\/edit-mask.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditMask = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n border-radius: 22px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n border: 2px solid;\n overflow: hidden;\n }\n &::after {\n content: '';\n position: absolute;\n width: 4px;\n height: 4px;\n background: currentColor;\n top: 6px;\n left: 6px;\n box-shadow: 0 7px 0 1px, 0 -7px 0 1px, -7px 0 0 1px, 7px 0 0 1px;\n }\n`\n\nexport const EditMask = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 262, + "name": "edit-mask", + "tags": "design interface buttons", + "css": ".gg-edit-mask,.gg-edit-mask::after{display:block;box-sizing:border-box;border-radius:22px}.gg-edit-mask{position:relative;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;overflow:hidden}.gg-edit-mask::after{content:\"\";position:absolute;width:4px;height:4px;background:currentColor;top:6px;left:6px;box-shadow:0 7px 0 1px,0 -7px 0 1px,-7px 0 0 1px,7px 0 0 1px}", + "svg": "\n \n \n<\/svg>" + } ], "edit-noise": [ - [ - { - "nr": 263, - "name": "edit-noise", - "css": ".gg-edit-noise{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-noise::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:12px;background-image:radial-gradient(circle,currentColor 25%,transparent 25%),radial-gradient(circle,currentColor 25%,transparent 25%);background-position:4px 4px,2px 2px;background-size:4px 4px;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-noise.css');", - "json": "https:\/\/css.gg\/json?=edit-noise", - "xml": "https:\/\/css.gg\/xml?=edit-noise", - "svg_link": "https:\/\/css.gg\/edit-noise.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditNoise = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n border-radius: 100px;\n overflow: hidden;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 12px;\n height: 12px;\n background-image: radial-gradient(circle, currentColor 25%, transparent 25%),\n radial-gradient(circle, currentColor 25%, transparent 25%);\n background-position: 4px 4px, 2px 2px;\n background-size: 4px 4px;\n }\n`\n\nexport const EditNoise = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 263, + "name": "edit-noise", + "tags": "interface design", + "css": ".gg-edit-noise{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-noise::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:12px;background-image:radial-gradient(circle,currentColor 25%,transparent 25%),radial-gradient(circle,currentColor 25%,transparent 25%);background-position:4px 4px,2px 2px;background-size:4px 4px;}", + "svg": "\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n<\/svg>" + } ], "edit-shadows": [ - [ - { - "nr": 264, - "name": "edit-shadows", - "css": ".gg-edit-shadows{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-shadows::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;right:0;top:-1px;background:repeating-linear-gradient( to bottom,currentColor,currentColor 2px,transparent 0px,transparent 3px)}.gg-edit-shadows::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;left:0;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-shadows.css');", - "json": "https:\/\/css.gg\/json?=edit-shadows", - "xml": "https:\/\/css.gg\/xml?=edit-shadows", - "svg_link": "https:\/\/css.gg\/edit-shadows.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditShadows = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n border-radius: 100px;\n overflow: hidden;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 14px;\n right: 0;\n top: -1px;\n background: repeating-linear-gradient(\n to bottom,\n currentColor,\n currentColor 2px,\n transparent 0px,\n transparent 3px\n );\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 14px;\n left: 0;\n background: currentColor;\n }\n`\n\nexport const EditShadows = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 264, + "name": "edit-shadows", + "tags": "interface design", + "css": ".gg-edit-shadows{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:100px;overflow:hidden}.gg-edit-shadows::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;right:0;top:-1px;background:repeating-linear-gradient( to bottom,currentColor,currentColor 2px,transparent 0px,transparent 3px)}.gg-edit-shadows::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;left:0;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "edit-straight": [ - [ - { - "nr": 265, - "name": "edit-straight", - "css": ".gg-edit-straight{box-sizing:border-box;position:relative;display:block;width:22px;height:16px;transform:scale(var(--ggs,1));background:linear-gradient( to left,currentColor 22px,transparent 0) no-repeat left center\/4px 2px,linear-gradient( to left,currentColor 22px,transparent 0) no-repeat right center\/4px 2px}.gg-edit-straight::after,.gg-edit-straight::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:7px;background:currentColor;left:4px}.gg-edit-straight::before{border-top-left-radius:10px;border-top-right-radius:10px}.gg-edit-straight::after{border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-straight.css');", - "json": "https:\/\/css.gg\/json?=edit-straight", - "xml": "https:\/\/css.gg\/xml?=edit-straight", - "svg_link": "https:\/\/css.gg\/edit-straight.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditStraight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 22px;\n height: 16px;\n transform: scale(var(--ggs, 1));\n background: linear-gradient(to left, currentColor 22px, transparent 0) no-repeat left center\/4px\n 2px,\n linear-gradient(to left, currentColor 22px, transparent 0) no-repeat right center\/4px 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 14px;\n height: 7px;\n background: currentColor;\n left: 4px;\n }\n &::before {\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n }\n &::after {\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px;\n bottom: 0;\n }\n`\n\nexport const EditStraight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 265, + "name": "edit-straight", + "tags": "interface", + "css": ".gg-edit-straight{box-sizing:border-box;position:relative;display:block;width:22px;height:16px;transform:scale(var(--ggs,1));background:linear-gradient( to left,currentColor 22px,transparent 0) no-repeat left center\/4px 2px,linear-gradient( to left,currentColor 22px,transparent 0) no-repeat right center\/4px 2px}.gg-edit-straight::after,.gg-edit-straight::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:7px;background:currentColor;left:4px}.gg-edit-straight::before{border-top-left-radius:10px;border-top-right-radius:10px}.gg-edit-straight::after{border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "edit-unmask": [ - [ - { - "nr": 266, - "name": "edit-unmask", - "css": ".gg-edit-unmask,.gg-edit-unmask::after{display:block;box-sizing:border-box;border-radius:22px}.gg-edit-unmask{position:relative;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid transparent}.gg-edit-unmask::after{content:\"\";position:absolute;width:4px;height:4px;background:currentColor;top:6px;left:6px;box-shadow:0 7px 0 1px,0 -7px 0 1px,-7px 0 0 1px,7px 0 0 1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/edit-unmask.css');", - "json": "https:\/\/css.gg\/json?=edit-unmask", - "xml": "https:\/\/css.gg\/xml?=edit-unmask", - "svg_link": "https:\/\/css.gg\/edit-unmask.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEditUnmask = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n border-radius: 22px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n border: 2px solid transparent;\n }\n &::after {\n content: '';\n position: absolute;\n width: 4px;\n height: 4px;\n background: currentColor;\n top: 6px;\n left: 6px;\n box-shadow: 0 7px 0 1px, 0 -7px 0 1px, -7px 0 0 1px, 7px 0 0 1px;\n }\n`\n\nexport const EditUnmask = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 266, + "name": "edit-unmask", + "tags": "design interface buttons", + "css": ".gg-edit-unmask,.gg-edit-unmask::after{display:block;box-sizing:border-box;border-radius:22px}.gg-edit-unmask{position:relative;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid transparent}.gg-edit-unmask::after{content:\"\";position:absolute;width:4px;height:4px;background:currentColor;top:6px;left:6px;box-shadow:0 7px 0 1px,0 -7px 0 1px,-7px 0 0 1px,7px 0 0 1px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "eject": [ - [ - { - "nr": 267, - "name": "eject", - "css": ".gg-eject{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-eject::after,.gg-eject::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-eject::before{border-bottom:2px solid;width:12px;height:2px;bottom:0;left:3px}.gg-eject::after{width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:5px;bottom:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/eject.css');", - "json": "https:\/\/css.gg\/json?=eject", - "xml": "https:\/\/css.gg\/xml?=eject", - "svg_link": "https:\/\/css.gg\/eject.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEject = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid transparent;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-bottom: 2px solid;\n width: 12px;\n height: 2px;\n bottom: 0;\n left: 3px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: 5px;\n bottom: 1px;\n }\n`\n\nexport const Eject = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 267, + "name": "eject", + "tags": "interface arrows", + "css": ".gg-eject{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-eject::after,.gg-eject::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-eject::before{border-bottom:2px solid;width:12px;height:2px;bottom:0;left:3px}.gg-eject::after{width:8px;height:8px;border-top:2px solid;border-left:2px solid;transform:rotate(45deg);left:5px;bottom:1px}", + "svg": "\n \n \n<\/svg>" + } ], "enter": [ - [ - { - "nr": 268, - "name": "enter", - "css": ".gg-enter{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:18px;border:2px solid;border-left:0;box-shadow:-8px -6px 0 -6px,-8px 6px 0 -6px}.gg-enter::after,.gg-enter::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-enter::before{background:currentColor;width:16px;height:2px;top:6px}.gg-enter::after{width:6px;height:6px;border-right:2px solid;border-top:2px solid;top:4px;transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/enter.css');", - "json": "https:\/\/css.gg\/json?=enter", - "xml": "https:\/\/css.gg\/xml?=enter", - "svg_link": "https:\/\/css.gg\/enter.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEnter = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 18px;\n border: 2px solid;\n border-left: 0;\n box-shadow: -8px -6px 0 -6px, -8px 6px 0 -6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n right: 4px;\n }\n &::before {\n background: currentColor;\n width: 16px;\n height: 2px;\n top: 6px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-right: 2px solid;\n border-top: 2px solid;\n top: 4px;\n transform: rotate(45deg);\n }\n`\n\nexport const Enter = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 268, + "name": "enter", + "tags": "interface arrows", + "css": ".gg-enter{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:18px;border:2px solid;border-left:0;box-shadow:-8px -6px 0 -6px,-8px 6px 0 -6px}.gg-enter::after,.gg-enter::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:4px}.gg-enter::before{background:currentColor;width:16px;height:2px;top:6px}.gg-enter::after{width:6px;height:6px;border-right:2px solid;border-top:2px solid;top:4px;transform:rotate(45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "erase": [ - [ - { - "nr": 269, - "name": "erase", - "css": ".gg-erase{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:18px}.gg-erase::after,.gg-erase::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-erase::before{width:6px;height:14px;border-bottom:4px solid transparent;border-radius:1px;box-shadow:0 0 0 2px,inset 0 -2px 0 0;left:7px;top:2px;transform:rotate(45deg)}.gg-erase::after{background:currentColor;width:22px;height:2px;bottom:0;border-radius:20px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/erase.css');", - "json": "https:\/\/css.gg\/json?=erase", - "xml": "https:\/\/css.gg\/xml?=erase", - "svg_link": "https:\/\/css.gg\/erase.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledErase = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 18px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n width: 6px;\n height: 14px;\n border-bottom: 4px solid transparent;\n border-radius: 1px;\n box-shadow: 0 0 0 2px, inset 0 -2px 0 0;\n left: 7px;\n top: 2px;\n transform: rotate(45deg);\n }\n &::after {\n background: currentColor;\n width: 22px;\n height: 2px;\n bottom: 0;\n border-radius: 20px;\n }\n`\n\nexport const Erase = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 269, + "name": "erase", + "tags": "content interface", + "css": ".gg-erase{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:18px}.gg-erase::after,.gg-erase::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-erase::before{width:6px;height:14px;border-bottom:4px solid transparent;border-radius:1px;box-shadow:0 0 0 2px,inset 0 -2px 0 0;left:7px;top:2px;transform:rotate(45deg)}.gg-erase::after{background:currentColor;width:22px;height:2px;bottom:0;border-radius:20px}", + "svg": "\n \n<\/svg>" + } ], "ereader": [ - [ - { - "nr": 270, - "name": "ereader", - "css": ".gg-ereader{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:18px;border:2px solid;border-radius:3px}.gg-ereader::after,.gg-ereader::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:18px;right:9px;top:-2px;background:currentColor}.gg-ereader::after{width:5px;height:2px;box-shadow:0 4px 0,0 8px 0;top:2px;right:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/ereader.css');", - "json": "https:\/\/css.gg\/json?=ereader", - "xml": "https:\/\/css.gg\/xml?=ereader", - "svg_link": "https:\/\/css.gg\/ereader.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEreader = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 18px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n height: 18px;\n right: 9px;\n top: -2px;\n background: currentColor;\n }\n &::after {\n width: 5px;\n height: 2px;\n box-shadow: 0 4px 0, 0 8px 0;\n top: 2px;\n right: 2px;\n }\n`\n\nexport const Ereader = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 270, + "name": "ereader", + "tags": "devices multimedia", + "css": ".gg-ereader{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:18px;border:2px solid;border-radius:3px}.gg-ereader::after,.gg-ereader::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:18px;right:9px;top:-2px;background:currentColor}.gg-ereader::after{width:5px;height:2px;box-shadow:0 4px 0,0 8px 0;top:2px;right:2px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "ericsson": [ - [ - { - "nr": 271, - "name": "ericsson", - "css": ".gg-ericsson,.gg-ericsson::before{display:block;box-sizing:border-box}.gg-ericsson{position:relative;transform:scale(var(--ggs,1));width:14px;height:16px}.gg-ericsson::before{content:\"\";position:absolute;background:currentColor;transform:rotate(-25deg);width:16px;height:4px;border-radius:4px;box-shadow:3px -6px 0,-3px 6px 0;top:7px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/ericsson.css');", - "json": "https:\/\/css.gg\/json?=ericsson", - "xml": "https:\/\/css.gg\/xml?=ericsson", - "svg_link": "https:\/\/css.gg\/ericsson.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEricsson = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 16px;\n }\n &::before {\n content: '';\n position: absolute;\n background: currentColor;\n transform: rotate(-25deg);\n width: 16px;\n height: 4px;\n border-radius: 4px;\n box-shadow: 3px -6px 0, -3px 6px 0;\n top: 7px;\n left: 2px;\n }\n`\n\nexport const Ericsson = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 271, + "name": "ericsson", + "tags": "interface", + "css": ".gg-ericsson,.gg-ericsson::before{display:block;box-sizing:border-box}.gg-ericsson{position:relative;transform:scale(var(--ggs,1));width:14px;height:16px}.gg-ericsson::before{content:\"\";position:absolute;background:currentColor;transform:rotate(-25deg);width:16px;height:4px;border-radius:4px;box-shadow:3px -6px 0,-3px 6px 0;top:7px;left:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "ethernet": [ - [ - { - "nr": 272, - "name": "ethernet", - "css": ".gg-ethernet{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:20px;border:2px solid;box-shadow:0 10px 0 -7px}.gg-ethernet::after,.gg-ethernet::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:6px}.gg-ethernet::before{width:8px;height:8px;border:2px solid;border-top:0;left:2px}.gg-ethernet::after{width:16px;height:2px;border-left:6px solid;border-right:6px solid;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/ethernet.css');", - "json": "https:\/\/css.gg\/json?=ethernet", - "xml": "https:\/\/css.gg\/xml?=ethernet", - "svg_link": "https:\/\/css.gg\/ethernet.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEthernet = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 20px;\n border: 2px solid;\n box-shadow: 0 10px 0 -7px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n top: 6px;\n }\n &::before {\n width: 8px;\n height: 8px;\n border: 2px solid;\n border-top: 0;\n left: 2px;\n }\n &::after {\n width: 16px;\n height: 2px;\n border-left: 6px solid;\n border-right: 6px solid;\n left: -2px;\n }\n`\n\nexport const Ethernet = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 272, + "name": "ethernet", + "tags": "interface", + "css": ".gg-ethernet{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:20px;border:2px solid;box-shadow:0 10px 0 -7px}.gg-ethernet::after,.gg-ethernet::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:6px}.gg-ethernet::before{width:8px;height:8px;border:2px solid;border-top:0;left:2px}.gg-ethernet::after{width:16px;height:2px;border-left:6px solid;border-right:6px solid;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "euro": [ - [ - { - "nr": 273, - "name": "euro", - "css": ".gg-euro{position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;border:2px solid;box-sizing:border-box;border-radius:100px;border-right-color:transparent}.gg-euro::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:9px;height:5px;border-top:2px solid;border-bottom:2px solid;transform:skewX(-20deg);left:-4px;top:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/euro.css');", - "json": "https:\/\/css.gg\/json?=euro", - "xml": "https:\/\/css.gg\/xml?=euro", - "svg_link": "https:\/\/css.gg\/euro.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEuro = styled.i`\n & {\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n border: 2px solid;\n box-sizing: border-box;\n border-radius: 100px;\n border-right-color: transparent;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 9px;\n height: 5px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n transform: skewX(-20deg);\n left: -4px;\n top: 3px;\n }\n`\n\nexport const Euro = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 273, + "name": "euro", + "tags": "signs", + "css": ".gg-euro{position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;border:2px solid;box-sizing:border-box;border-radius:100px;border-right-color:transparent}.gg-euro::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:9px;height:5px;border-top:2px solid;border-bottom:2px solid;transform:skewX(-20deg);left:-4px;top:3px}", + "svg": "\n \n<\/svg>" + } ], "eventbrite": [ - [ - { - "nr": 274, - "name": "eventbrite", - "css": ".gg-eventbrite{display:block;position:relative;box-sizing:border-box;transform:rotate(-25deg) scale(var(--ggs,1));width:20px;height:20px;}.gg-eventbrite::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:18px;height:11px;border:4px solid;border-top-right-radius:20px;border-top-left-radius:20px;}.gg-eventbrite::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:18px;height:18px;border:4px solid;border-top-color:transparent;border-right-color:transparent;border-radius:20px;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/eventbrite.css');", - "json": "https:\/\/css.gg\/json?=eventbrite", - "xml": "https:\/\/css.gg\/xml?=eventbrite", - "svg_link": "https:\/\/css.gg\/eventbrite.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEventbrite = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: rotate(-25deg) scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 18px;\n height: 11px;\n border: 4px solid;\n border-top-right-radius: 20px;\n border-top-left-radius: 20px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 18px;\n height: 18px;\n border: 4px solid;\n border-top-color: transparent;\n border-right-color: transparent;\n border-radius: 20px;\n }\n`\n\nexport const Eventbrite = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 274, + "name": "eventbrite", + "tags": "brands", + "css": ".gg-eventbrite{display:block;position:relative;box-sizing:border-box;transform:rotate(-25deg) scale(var(--ggs,1));width:20px;height:20px;}.gg-eventbrite::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:18px;height:11px;border:4px solid;border-top-right-radius:20px;border-top-left-radius:20px;}.gg-eventbrite::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:18px;height:18px;border:4px solid;border-top-color:transparent;border-right-color:transparent;border-radius:20px;}", + "svg": "\n \n<\/svg>" + } ], "expand": [ - [ - { - "nr": 275, - "name": "expand", - "css": ".gg-expand{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:6px;border-bottom:2px solid;border-left:2px solid}.gg-expand::after,.gg-expand::before{content:\"\";display:block;box-sizing:border-box;position:absolute;}.gg-expand::after{background:currentColor;bottom:4px;transform:rotate(-44deg);width:14px;height:2px;left:-2px}.gg-expand::before{width:6px;height:6px;border-top:2px solid;border-right:2px solid;left:5px;top:-7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/expand.css');", - "json": "https:\/\/css.gg\/json?=expand", - "xml": "https:\/\/css.gg\/xml?=expand", - "svg_link": "https:\/\/css.gg\/expand.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledExpand = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n background: currentColor;\n bottom: 4px;\n transform: rotate(-44deg);\n width: 14px;\n height: 2px;\n left: -2px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-right: 2px solid;\n left: 5px;\n top: -7px;\n }\n`\n\nexport const Expand = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 275, + "name": "expand", + "tags": "interface arrows", + "css": ".gg-expand{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:6px;border-bottom:2px solid;border-left:2px solid}.gg-expand::after,.gg-expand::before{content:\"\";display:block;box-sizing:border-box;position:absolute;}.gg-expand::after{background:currentColor;bottom:4px;transform:rotate(-44deg);width:14px;height:2px;left:-2px}.gg-expand::before{width:6px;height:6px;border-top:2px solid;border-right:2px solid;left:5px;top:-7px}", + "svg": "\n \n<\/svg>" + } ], "export": [ - [ - { - "nr": 276, - "name": "export", - "css": ".gg-export{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid;border-top:0;box-shadow:-6px -8px 0 -6px,6px -8px 0 -6px}.gg-export::after,.gg-export::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-export::before{background:currentColor;width:2px;height:14px;right:6px;bottom:5px}.gg-export::after{width:6px;height:6px;border-left:2px solid;border-top:2px solid;right:4px;bottom:14px;transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/export.css');", - "json": "https:\/\/css.gg\/json?=export", - "xml": "https:\/\/css.gg\/xml?=export", - "svg_link": "https:\/\/css.gg\/export.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledExport = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 14px;\n border: 2px solid;\n border-top: 0;\n box-shadow: -6px -8px 0 -6px, 6px -8px 0 -6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n width: 2px;\n height: 14px;\n right: 6px;\n bottom: 5px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-left: 2px solid;\n border-top: 2px solid;\n right: 4px;\n bottom: 14px;\n transform: rotate(45deg);\n }\n`\n\nexport const Export = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 276, + "name": "export", + "tags": "interface arrows", + "css": ".gg-export{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid;border-top:0;box-shadow:-6px -8px 0 -6px,6px -8px 0 -6px}.gg-export::after,.gg-export::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-export::before{background:currentColor;width:2px;height:14px;right:6px;bottom:5px}.gg-export::after{width:6px;height:6px;border-left:2px solid;border-top:2px solid;right:4px;bottom:14px;transform:rotate(45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "extension-add": [ - [ - { - "nr": 277, - "name": "extension-add", - "css": ".gg-extension-add{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 10px 2px\/6px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 12px 0\/2px 6px;width:16px;height:16px}.gg-extension-add::after,.gg-extension-add::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:8px;height:14px;border:2px solid;bottom:0}.gg-extension-add::after{width:14px;height:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/extension-add.css');", - "json": "https:\/\/css.gg\/json?=extension-add", - "xml": "https:\/\/css.gg\/xml?=extension-add", - "svg_link": "https:\/\/css.gg\/extension-add.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledExtensionAdd = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px 2px\/6px\n 2px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 12px 0\/2px 6px;\n width: 16px;\n height: 16px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 8px;\n height: 14px;\n border: 2px solid;\n bottom: 0;\n }\n &::after {\n width: 14px;\n height: 8px;\n }\n`\n\nexport const ExtensionAdd = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 277, + "name": "extension-add", + "tags": "interface content", + "css": ".gg-extension-add{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 10px 2px\/6px 2px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 12px 0\/2px 6px;width:16px;height:16px}.gg-extension-add::after,.gg-extension-add::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:8px;height:14px;border:2px solid;bottom:0}.gg-extension-add::after{width:14px;height:8px}", + "svg": "\n \n \n<\/svg>" + } ], "extension-alt": [ - [ - { - "nr": 278, - "name": "extension-alt", - "css": ".gg-extension-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-extension-alt::after,.gg-extension-alt::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:8px;height:14px;border:2px solid}.gg-extension-alt::after{width:14px;height:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/extension-alt.css');", - "json": "https:\/\/css.gg\/json?=extension-alt", - "xml": "https:\/\/css.gg\/xml?=extension-alt", - "svg_link": "https:\/\/css.gg\/extension-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledExtensionAlt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 8px;\n height: 14px;\n border: 2px solid;\n }\n &::after {\n width: 14px;\n height: 8px;\n }\n`\n\nexport const ExtensionAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 278, + "name": "extension-alt", + "tags": "interface", + "css": ".gg-extension-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-extension-alt::after,.gg-extension-alt::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:8px;height:14px;border:2px solid}.gg-extension-alt::after{width:14px;height:8px}", + "svg": "\n \n<\/svg>" + } ], "extension-remove": [ - [ - { - "nr": 279, - "name": "extension-remove", - "css": ".gg-extension-remove{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 10px 4px\/6px 2px;width:16px;height:16px}.gg-extension-remove::after,.gg-extension-remove::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:8px;height:14px;border:2px solid;bottom:0}.gg-extension-remove::after{width:14px;height:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/extension-remove.css');", - "json": "https:\/\/css.gg\/json?=extension-remove", - "xml": "https:\/\/css.gg\/xml?=extension-remove", - "svg_link": "https:\/\/css.gg\/extension-remove.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledExtensionRemove = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px 4px\/6px\n 2px;\n width: 16px;\n height: 16px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 8px;\n height: 14px;\n border: 2px solid;\n bottom: 0;\n }\n &::after {\n width: 14px;\n height: 8px;\n }\n`\n\nexport const ExtensionRemove = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 279, + "name": "extension-remove", + "tags": "interface content", + "css": ".gg-extension-remove{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 10px 4px\/6px 2px;width:16px;height:16px}.gg-extension-remove::after,.gg-extension-remove::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:8px;height:14px;border:2px solid;bottom:0}.gg-extension-remove::after{width:14px;height:8px}", + "svg": "\n \n \n<\/svg>" + } ], "extension": [ - [ - { - "nr": 280, - "name": "extension", - "css": ".gg-extension,.gg-extension::after,.gg-extension::before{box-sizing:border-box;display:block;border:2px solid}.gg-extension{position:relative;transform:translateX(-10px) scale(var(--ggs,1));width:8px;height:14px}.gg-extension::after,.gg-extension::before{content:\"\";position:absolute;height:8px}.gg-extension::before{bottom:-2px;left:-2px;width:14px}.gg-extension::after{top:-6px;right:-12px;width:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/extension.css');", - "json": "https:\/\/css.gg\/json?=extension", - "xml": "https:\/\/css.gg\/xml?=extension", - "svg_link": "https:\/\/css.gg\/extension.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledExtension = styled.i`\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n display: block;\n border: 2px solid;\n }\n & {\n position: relative;\n transform: translateX(-10px) scale(var(--ggs, 1));\n width: 8px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n height: 8px;\n }\n &::before {\n bottom: -2px;\n left: -2px;\n width: 14px;\n }\n &::after {\n top: -6px;\n right: -12px;\n width: 8px;\n }\n`\n\nexport const Extension = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 280, + "name": "extension", + "tags": "interface content", + "css": ".gg-extension,.gg-extension::after,.gg-extension::before{box-sizing:border-box;display:block;border:2px solid}.gg-extension{position:relative;transform:translateX(-10px) scale(var(--ggs,1));width:8px;height:14px}.gg-extension::after,.gg-extension::before{content:\"\";position:absolute;height:8px}.gg-extension::before{bottom:-2px;left:-2px;width:14px}.gg-extension::after{top:-6px;right:-12px;width:8px}", + "svg": "\n \n \n<\/svg>" + } ], "external": [ - [ - { - "nr": 281, - "name": "external", - "css": ".gg-external{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;box-shadow:-2px 2px 0 0,-4px -4px 0 -2px,4px 4px 0 -2px;margin-left:-2px;margin-top:1px}.gg-external::after,.gg-external::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:-4px}.gg-external::before{background:currentColor;transform:rotate(-45deg);width:12px;height:2px;top:1px}.gg-external::after{width:8px;height:8px;border-right:2px solid;border-top:2px solid;top:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/external.css');", - "json": "https:\/\/css.gg\/json?=external", - "xml": "https:\/\/css.gg\/xml?=external", - "svg_link": "https:\/\/css.gg\/external.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledExternal = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 12px;\n box-shadow: -2px 2px 0 0, -4px -4px 0 -2px, 4px 4px 0 -2px;\n margin-left: -2px;\n margin-top: 1px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n right: -4px;\n }\n &::before {\n background: currentColor;\n transform: rotate(-45deg);\n width: 12px;\n height: 2px;\n top: 1px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-right: 2px solid;\n border-top: 2px solid;\n top: -4px;\n }\n`\n\nexport const External = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 281, + "name": "external", + "tags": "interface arrows", + "css": ".gg-external{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;box-shadow:-2px 2px 0 0,-4px -4px 0 -2px,4px 4px 0 -2px;margin-left:-2px;margin-top:1px}.gg-external::after,.gg-external::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:-4px}.gg-external::before{background:currentColor;transform:rotate(-45deg);width:12px;height:2px;top:1px}.gg-external::after{width:8px;height:8px;border-right:2px solid;border-top:2px solid;top:-4px}", + "svg": "\n \n \n<\/svg>" + } ], "eye-alt": [ - [ - { - "nr": 282, - "name": "eye-alt", - "css": ".gg-eye-alt{position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:18px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.gg-eye-alt::after,.gg-eye-alt::before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.gg-eye-alt::after{top:2px;box-shadow:inset 0 -8px 0 2px,inset 0 0 0 2px;width:24px;height:24px}.gg-eye-alt::before{width:8px;height:8px;border:2px solid transparent;box-shadow:inset 0 0 0 6px,0 0 0 4px,6px 0 0 0,-6px 0 0 0 ;bottom:4px;left:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/eye-alt.css');", - "json": "https:\/\/css.gg\/json?=eye-alt", - "xml": "https:\/\/css.gg\/xml?=eye-alt", - "svg_link": "https:\/\/css.gg\/eye-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEyeAlt = styled.i`\n & {\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 18px;\n border-bottom-right-radius: 100px;\n border-bottom-left-radius: 100px;\n overflow: hidden;\n box-sizing: border-box;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n border-radius: 100px;\n position: absolute;\n box-sizing: border-box;\n }\n &::after {\n top: 2px;\n box-shadow: inset 0 -8px 0 2px, inset 0 0 0 2px;\n width: 24px;\n height: 24px;\n }\n &::before {\n width: 8px;\n height: 8px;\n border: 2px solid transparent;\n box-shadow: inset 0 0 0 6px, 0 0 0 4px, 6px 0 0 0, -6px 0 0 0;\n bottom: 4px;\n left: 8px;\n }\n`\n\nexport const EyeAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 282, + "name": "eye-alt", + "tags": "interface", + "css": ".gg-eye-alt{position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:18px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.gg-eye-alt::after,.gg-eye-alt::before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.gg-eye-alt::after{top:2px;box-shadow:inset 0 -8px 0 2px,inset 0 0 0 2px;width:24px;height:24px}.gg-eye-alt::before{width:8px;height:8px;border:2px solid transparent;box-shadow:inset 0 0 0 6px,0 0 0 4px,6px 0 0 0,-6px 0 0 0 ;bottom:4px;left:8px}", + "svg": "\n \n \n<\/svg>" + } ], "eye": [ - [ - { - "nr": 283, - "name": "eye", - "css": ".gg-eye{position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:18px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.gg-eye::after,.gg-eye::before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.gg-eye::after{top:2px;box-shadow:inset 0 -8px 0 2px,inset 0 0 0 2px;width:24px;height:24px}.gg-eye::before{width:8px;height:8px;border:2px solid;bottom:4px;left:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/eye.css');", - "json": "https:\/\/css.gg\/json?=eye", - "xml": "https:\/\/css.gg\/xml?=eye", - "svg_link": "https:\/\/css.gg\/eye.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledEye = styled.i`\n & {\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 18px;\n border-bottom-right-radius: 100px;\n border-bottom-left-radius: 100px;\n overflow: hidden;\n box-sizing: border-box;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n border-radius: 100px;\n position: absolute;\n box-sizing: border-box;\n }\n &::after {\n top: 2px;\n box-shadow: inset 0 -8px 0 2px, inset 0 0 0 2px;\n width: 24px;\n height: 24px;\n }\n &::before {\n width: 8px;\n height: 8px;\n border: 2px solid;\n bottom: 4px;\n left: 8px;\n }\n`\n\nexport const Eye = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 283, + "name": "eye", + "tags": "signs interface design buttons", + "css": ".gg-eye{position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:18px;border-bottom-right-radius:100px;border-bottom-left-radius:100px;overflow:hidden;box-sizing:border-box}.gg-eye::after,.gg-eye::before{content:\"\";display:block;border-radius:100px;position:absolute;box-sizing:border-box}.gg-eye::after{top:2px;box-shadow:inset 0 -8px 0 2px,inset 0 0 0 2px;width:24px;height:24px}.gg-eye::before{width:8px;height:8px;border:2px solid;bottom:4px;left:8px}", + "svg": "\n \n \n<\/svg>" + } ], "facebook": [ - [ - { - "nr": 284, - "name": "facebook", - "css": ".gg-facebook{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-facebook::after,.gg-facebook::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-facebook::before{width:8px;height:20px;border-left:4px solid;border-top:4px solid;border-top-left-radius:5px;left:6px}.gg-facebook::after{width:10px;height:4px;background:currentColor;top:7px;left:4px;transform:skew(-5deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/facebook.css');", - "json": "https:\/\/css.gg\/json?=facebook", - "xml": "https:\/\/css.gg\/xml?=facebook", - "svg_link": "https:\/\/css.gg\/facebook.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFacebook = 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: 20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n }\n &::before {\n width: 8px;\n height: 20px;\n border-left: 4px solid;\n border-top: 4px solid;\n border-top-left-radius: 5px;\n left: 6px;\n }\n &::after {\n width: 10px;\n height: 4px;\n background: currentColor;\n top: 7px;\n left: 4px;\n transform: skew(-5deg);\n }\n`\n\nexport const Facebook = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 284, + "name": "facebook", + "tags": "brands", + "css": ".gg-facebook{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-facebook::after,.gg-facebook::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-facebook::before{width:8px;height:20px;border-left:4px solid;border-top:4px solid;border-top-left-radius:5px;left:6px}.gg-facebook::after{width:10px;height:4px;background:currentColor;top:7px;left:4px;transform:skew(-5deg)}", + "svg": "\n \n<\/svg>" + } ], "feed": [ - [ - { - "nr": 285, - "name": "feed", - "css": ".gg-feed,.gg-feed::after,.gg-feed::before{display:block;box-sizing:border-box;background:currentColor;box-shadow:0 10px 0 0}.gg-feed{margin-left:-8px;margin-top:-8px;position:relative;transform:scale(var(--ggs,1));width:7px;height:7px;border-radius:1px}.gg-feed::after,.gg-feed::before{content:\"\";position:absolute;border-radius:3px;width:12px;height:2px;top:1px;left:9px;opacity:.8}.gg-feed::after{width:8px;top:4px;opacity:.5}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/feed.css');", - "json": "https:\/\/css.gg\/json?=feed", - "xml": "https:\/\/css.gg\/xml?=feed", - "svg_link": "https:\/\/css.gg\/feed.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFeed = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n background: currentColor;\n box-shadow: 0 10px 0 0;\n }\n & {\n margin-left: -8px;\n margin-top: -8px;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 7px;\n height: 7px;\n border-radius: 1px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n border-radius: 3px;\n width: 12px;\n height: 2px;\n top: 1px;\n left: 9px;\n opacity: 0.8;\n }\n &::after {\n width: 8px;\n top: 4px;\n opacity: 0.5;\n }\n`\n\nexport const Feed = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 285, + "name": "feed", + "tags": "interface buttons", + "css": ".gg-feed,.gg-feed::after,.gg-feed::before{display:block;box-sizing:border-box;background:currentColor;box-shadow:0 10px 0 0}.gg-feed{margin-left:-8px;margin-top:-8px;position:relative;transform:scale(var(--ggs,1));width:7px;height:7px;border-radius:1px}.gg-feed::after,.gg-feed::before{content:\"\";position:absolute;border-radius:3px;width:12px;height:2px;top:1px;left:9px;opacity:.8}.gg-feed::after{width:8px;top:4px;opacity:.5}", + "svg": "\n \n \n \n \n \n \n<\/svg>" + } ], "figma": [ - [ - { - "nr": 286, - "name": "figma", - "css": ".gg-figma{box-sizing:border-box;position:relative;display:block;width:14px;height:20px;transform:scale(var(--ggs,1));background:linear-gradient(to left,currentColor 3px,transparent 0) no-repeat 3px 7px\/3px 6px,linear-gradient(to left,currentColor 3px,transparent 0) no-repeat 3px 14px\/3px 3px}.gg-figma::after,.gg-figma::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:13px;height:6px;background:currentColor;border-radius:22px}.gg-figma::after{width:6px;top:7px;box-shadow:7px 0 0,0 7px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/figma.css');", - "json": "https:\/\/css.gg\/json?=figma", - "xml": "https:\/\/css.gg\/xml?=figma", - "svg_link": "https:\/\/css.gg\/figma.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFigma = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 14px;\n height: 20px;\n transform: scale(var(--ggs, 1));\n background: linear-gradient(to left, currentColor 3px, transparent 0) no-repeat 3px 7px\/3px 6px,\n linear-gradient(to left, currentColor 3px, transparent 0) no-repeat 3px 14px\/3px 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 13px;\n height: 6px;\n background: currentColor;\n border-radius: 22px;\n }\n &::after {\n width: 6px;\n top: 7px;\n box-shadow: 7px 0 0, 0 7px 0;\n }\n`\n\nexport const Figma = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 286, + "name": "figma", + "tags": "brands", + "css": ".gg-figma{box-sizing:border-box;position:relative;display:block;width:14px;height:20px;transform:scale(var(--ggs,1));background:linear-gradient(to left,currentColor 3px,transparent 0) no-repeat 3px 7px\/3px 6px,linear-gradient(to left,currentColor 3px,transparent 0) no-repeat 3px 14px\/3px 3px}.gg-figma::after,.gg-figma::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:13px;height:6px;background:currentColor;border-radius:22px}.gg-figma::after{width:6px;top:7px;box-shadow:7px 0 0,0 7px 0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "file-add": [ - [ - { - "nr": 287, - "name": "file-add", - "css": ".gg-file-add{background:linear-gradient(to bottom,currentColor 5px,transparent 0)no-repeat 2px 9px\/6px 2px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px;border:2px solid transparent;border-right:0;border-top:0;box-shadow:0 0 0 2px;border-radius:1px;border-top-right-radius:4px;overflow:hidden}.gg-file-add::after,.gg-file-add::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:6px}.gg-file-add::before{background:currentColor;left:4px;width:2px;top:7px}.gg-file-add::after{width:6px;border-left:2px solid;border-bottom:2px solid;right:-1px;top:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/file-add.css');", - "json": "https:\/\/css.gg\/json?=file-add", - "xml": "https:\/\/css.gg\/xml?=file-add", - "svg_link": "https:\/\/css.gg\/file-add.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFileAdd = styled.i`\n & {\n background: linear-gradient(to bottom, currentColor 5px, transparent 0) no-repeat 2px 9px\/6px\n 2px;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 16px;\n border: 2px solid transparent;\n border-right: 0;\n border-top: 0;\n box-shadow: 0 0 0 2px;\n border-radius: 1px;\n border-top-right-radius: 4px;\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 6px;\n }\n &::before {\n background: currentColor;\n left: 4px;\n width: 2px;\n top: 7px;\n }\n &::after {\n width: 6px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n right: -1px;\n top: -1px;\n }\n`\n\nexport const FileAdd = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 287, + "name": "file-add", + "tags": "files interface", + "css": ".gg-file-add{background:linear-gradient(to bottom,currentColor 5px,transparent 0)no-repeat 2px 9px\/6px 2px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px;border:2px solid transparent;border-right:0;border-top:0;box-shadow:0 0 0 2px;border-radius:1px;border-top-right-radius:4px;overflow:hidden}.gg-file-add::after,.gg-file-add::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:6px}.gg-file-add::before{background:currentColor;left:4px;width:2px;top:7px}.gg-file-add::after{width:6px;border-left:2px solid;border-bottom:2px solid;right:-1px;top:-1px}", + "svg": "\n \n \n<\/svg>" + } ], "file-document": [ - [ - { - "nr": 288, - "name": "file-document", - "css": ".gg-file-document{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px;border:2px solid transparent;border-right:0;border-top:0;box-shadow:0 0 0 2px;border-radius:1px;border-top-right-radius:4px;overflow:hidden}.gg-file-document::after,.gg-file-document::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-file-document::before{background:currentColor;box-shadow:0 4px 0,-6px -4px 0;left:0;width:10px;height:2px;top:8px}.gg-file-document::after{width:6px;height:6px;border-left:2px solid;border-bottom:2px solid;right:-1px;top:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/file-document.css');", - "json": "https:\/\/css.gg\/json?=file-document", - "xml": "https:\/\/css.gg\/xml?=file-document", - "svg_link": "https:\/\/css.gg\/file-document.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFileDocument = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 16px;\n border: 2px solid transparent;\n border-right: 0;\n border-top: 0;\n box-shadow: 0 0 0 2px;\n border-radius: 1px;\n border-top-right-radius: 4px;\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n box-shadow: 0 4px 0, -6px -4px 0;\n left: 0;\n width: 10px;\n height: 2px;\n top: 8px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n right: -1px;\n top: -1px;\n }\n`\n\nexport const FileDocument = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 288, + "name": "file-document", + "tags": "files interface", + "css": ".gg-file-document{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px;border:2px solid transparent;border-right:0;border-top:0;box-shadow:0 0 0 2px;border-radius:1px;border-top-right-radius:4px;overflow:hidden}.gg-file-document::after,.gg-file-document::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-file-document::before{background:currentColor;box-shadow:0 4px 0,-6px -4px 0;left:0;width:10px;height:2px;top:8px}.gg-file-document::after{width:6px;height:6px;border-left:2px solid;border-bottom:2px solid;right:-1px;top:-1px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "file-remove": [ - [ - { - "nr": 289, - "name": "file-remove", - "css": ".gg-file-remove{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px;border:2px solid transparent;border-right:0;border-top:0;box-shadow:0 0 0 2px;border-radius:1px;border-top-right-radius:4px;overflow:hidden}.gg-file-remove::after,.gg-file-remove::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px}.gg-file-remove::before{background:currentColor;left:2px;height:2px;top:9px}.gg-file-remove::after{height:6px;border-left:2px solid;border-bottom:2px solid;right:-1px;top:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/file-remove.css');", - "json": "https:\/\/css.gg\/json?=file-remove", - "xml": "https:\/\/css.gg\/xml?=file-remove", - "svg_link": "https:\/\/css.gg\/file-remove.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFileRemove = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 16px;\n border: 2px solid transparent;\n border-right: 0;\n border-top: 0;\n box-shadow: 0 0 0 2px;\n border-radius: 1px;\n border-top-right-radius: 4px;\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n }\n &::before {\n background: currentColor;\n left: 2px;\n height: 2px;\n top: 9px;\n }\n &::after {\n height: 6px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n right: -1px;\n top: -1px;\n }\n`\n\nexport const FileRemove = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 289, + "name": "file-remove", + "tags": "files interface", + "css": ".gg-file-remove{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px;border:2px solid transparent;border-right:0;border-top:0;box-shadow:0 0 0 2px;border-radius:1px;border-top-right-radius:4px;overflow:hidden}.gg-file-remove::after,.gg-file-remove::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px}.gg-file-remove::before{background:currentColor;left:2px;height:2px;top:9px}.gg-file-remove::after{height:6px;border-left:2px solid;border-bottom:2px solid;right:-1px;top:-1px}", + "svg": "\n \n \n<\/svg>" + } ], "file": [ - [ - { - "nr": 290, - "name": "file", - "css": ".gg-file{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px;border:2px solid transparent;border-right:0;border-top:0;box-shadow:0 0 0 2px;border-radius:1px;border-top-right-radius:4px;overflow:hidden}.gg-file::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-left:2px solid;border-bottom:2px solid;right:-1px;top:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/file.css');", - "json": "https:\/\/css.gg\/json?=file", - "xml": "https:\/\/css.gg\/xml?=file", - "svg_link": "https:\/\/css.gg\/file.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFile = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 16px;\n border: 2px solid transparent;\n border-right: 0;\n border-top: 0;\n box-shadow: 0 0 0 2px;\n border-radius: 1px;\n border-top-right-radius: 4px;\n overflow: hidden;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n right: -1px;\n top: -1px;\n }\n`\n\nexport const File = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 290, + "name": "file", + "tags": "files interface", + "css": ".gg-file{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px;border:2px solid transparent;border-right:0;border-top:0;box-shadow:0 0 0 2px;border-radius:1px;border-top-right-radius:4px;overflow:hidden}.gg-file::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-left:2px solid;border-bottom:2px solid;right:-1px;top:-1px}", + "svg": "\n \n<\/svg>" + } ], "film": [ - [ - { - "nr": 291, - "name": "film", - "css": ".gg-film,.gg-film::after{display:block;box-sizing:border-box;border-radius:3px}.gg-film{border:2px solid;position:relative;transform:scale(var(--ggs,1));width:22px;height:18px}.gg-film::after{content:\"\";position:absolute;width:2px;height:2px;background:currentColor;left:2px;top:2px;box-shadow:0 4px 0,0 8px 0,12px 0 0,12px 4px 0,12px 8px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/film.css');", - "json": "https:\/\/css.gg\/json?=film", - "xml": "https:\/\/css.gg\/xml?=film", - "svg_link": "https:\/\/css.gg\/film.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFilm = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n border-radius: 3px;\n }\n & {\n border: 2px solid;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 18px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 2px;\n height: 2px;\n background: currentColor;\n left: 2px;\n top: 2px;\n box-shadow: 0 4px 0, 0 8px 0, 12px 0 0, 12px 4px 0, 12px 8px 0;\n }\n`\n\nexport const Film = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 291, + "name": "film", + "tags": "multimedia interface", + "css": ".gg-film,.gg-film::after{display:block;box-sizing:border-box;border-radius:3px}.gg-film{border:2px solid;position:relative;transform:scale(var(--ggs,1));width:22px;height:18px}.gg-film::after{content:\"\";position:absolute;width:2px;height:2px;background:currentColor;left:2px;top:2px;box-shadow:0 4px 0,0 8px 0,12px 0 0,12px 4px 0,12px 8px 0}", + "svg": "\n \n \n \n \n \n \n \n<\/svg>" + } ], "filters": [ - [ - { - "nr": 292, - "name": "filters", - "css": ".gg-filters{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:19px;height:19px;background:radial-gradient(circle,currentColor 26%,transparent 26%)}.gg-filters::after,.gg-filters::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid;border-radius:100%;width:14px;height:14px}.gg-filters::after{bottom:0;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/filters.css');", - "json": "https:\/\/css.gg\/json?=filters", - "xml": "https:\/\/css.gg\/xml?=filters", - "svg_link": "https:\/\/css.gg\/filters.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFilters = styled.i`\n & {\n display: block;\n box-sizing: border-box;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 19px;\n height: 19px;\n background: radial-gradient(circle, currentColor 26%, transparent 26%);\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n border-radius: 100%;\n width: 14px;\n height: 14px;\n }\n &::after {\n bottom: 0;\n right: 0;\n }\n`\n\nexport const Filters = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 292, + "name": "filters", + "tags": "interface design", + "css": ".gg-filters{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:19px;height:19px;background:radial-gradient(circle,currentColor 26%,transparent 26%)}.gg-filters::after,.gg-filters::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid;border-radius:100%;width:14px;height:14px}.gg-filters::after{bottom:0;right:0}", + "svg": "\n \n<\/svg>" + } ], "flag-alt": [ - [ - { - "nr": 293, - "name": "flag-alt", - "css": ".gg-flag-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:20px;border-left:2px solid}.gg-flag-alt::after,.gg-flag-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-bottom:2px solid}.gg-flag-alt::before{width:12px;height:10px;border-top:2px solid;border-right:2px solid transparent}.gg-flag-alt::after{width:8px;height:8px;border-left:2px solid;border-top-left-radius:2px;border-bottom-right-radius:2px;transform:rotate(45deg);top:1px;left:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/flag-alt.css');", - "json": "https:\/\/css.gg\/json?=flag-alt", - "xml": "https:\/\/css.gg\/xml?=flag-alt", - "svg_link": "https:\/\/css.gg\/flag-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFlagAlt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 20px;\n border-left: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-bottom: 2px solid;\n }\n &::before {\n width: 12px;\n height: 10px;\n border-top: 2px solid;\n border-right: 2px solid transparent;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-left: 2px solid;\n border-top-left-radius: 2px;\n border-bottom-right-radius: 2px;\n transform: rotate(45deg);\n top: 1px;\n left: 6px;\n }\n`\n\nexport const FlagAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 293, + "name": "flag-alt", + "tags": "interface", + "css": ".gg-flag-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:20px;border-left:2px solid}.gg-flag-alt::after,.gg-flag-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-bottom:2px solid}.gg-flag-alt::before{width:12px;height:10px;border-top:2px solid;border-right:2px solid transparent}.gg-flag-alt::after{width:8px;height:8px;border-left:2px solid;border-top-left-radius:2px;border-bottom-right-radius:2px;transform:rotate(45deg);top:1px;left:6px}", + "svg": "\n \n<\/svg>" + } ], "flag": [ - [ - { - "nr": 294, - "name": "flag", - "css": ".gg-flag{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:18px;border-left:2px solid}.gg-flag::after,.gg-flag::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px}.gg-flag::before{border-top:2px solid;border-bottom:2px solid}.gg-flag::after{border:2px solid;border-left:0;top:2px;left:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/flag.css');", - "json": "https:\/\/css.gg\/json?=flag", - "xml": "https:\/\/css.gg\/xml?=flag", - "svg_link": "https:\/\/css.gg\/flag.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFlag = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 18px;\n border-left: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n }\n &::before {\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n &::after {\n border: 2px solid;\n border-left: 0;\n top: 2px;\n left: 7px;\n }\n`\n\nexport const Flag = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 294, + "name": "flag", + "tags": "signs buttons", + "css": ".gg-flag{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:18px;border-left:2px solid}.gg-flag::after,.gg-flag::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px}.gg-flag::before{border-top:2px solid;border-bottom:2px solid}.gg-flag::after{border:2px solid;border-left:0;top:2px;left:7px}", + "svg": "\n \n<\/svg>" + } ], "folder-add": [ - [ - { - "nr": 295, - "name": "folder-add", - "css": ".gg-folder-add{background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center center\/2px 6px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid;border-radius:3px}.gg-folder-add::after,.gg-folder-add::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-folder-add::before{background:currentColor;left:6px;width:6px;height:2px;top:5px}.gg-folder-add::after{width:10px;height:4px;border:2px solid;border-bottom:0;border-top-left-radius:2px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;top:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/folder-add.css');", - "json": "https:\/\/css.gg\/json?=folder-add", - "xml": "https:\/\/css.gg\/xml?=folder-add", - "svg_link": "https:\/\/css.gg\/folder-add.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFolderAdd = styled.i`\n & {\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center\n center\/2px 6px;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 16px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n left: 6px;\n width: 6px;\n height: 2px;\n top: 5px;\n }\n &::after {\n width: 10px;\n height: 4px;\n border: 2px solid;\n border-bottom: 0;\n border-top-left-radius: 2px;\n border-top-right-radius: 4px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n top: -5px;\n }\n`\n\nexport const FolderAdd = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 295, + "name": "folder-add", + "tags": "files interface", + "css": ".gg-folder-add{background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat center center\/2px 6px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid;border-radius:3px}.gg-folder-add::after,.gg-folder-add::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-folder-add::before{background:currentColor;left:6px;width:6px;height:2px;top:5px}.gg-folder-add::after{width:10px;height:4px;border:2px solid;border-bottom:0;border-top-left-radius:2px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;top:-5px}", + "svg": "\n \n \n<\/svg>" + } ], "folder-remove": [ - [ - { - "nr": 296, - "name": "folder-remove", - "css": ".gg-folder-remove{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid;border-radius:3px}.gg-folder-remove::after,.gg-folder-remove::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px}.gg-folder-remove::before{background:currentColor;left:5px;width:8px;height:2px;top:5px}.gg-folder-remove::after{width:10px;height:4px;border:2px solid;border-bottom:0;border-top-left-radius:2px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;top:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/folder-remove.css');", - "json": "https:\/\/css.gg\/json?=folder-remove", - "xml": "https:\/\/css.gg\/xml?=folder-remove", - "svg_link": "https:\/\/css.gg\/folder-remove.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFolderRemove = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 16px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n }\n &::before {\n background: currentColor;\n left: 5px;\n width: 8px;\n height: 2px;\n top: 5px;\n }\n &::after {\n width: 10px;\n height: 4px;\n border: 2px solid;\n border-bottom: 0;\n border-top-left-radius: 2px;\n border-top-right-radius: 4px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n top: -5px;\n }\n`\n\nexport const FolderRemove = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 296, + "name": "folder-remove", + "tags": "files interface", + "css": ".gg-folder-remove{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid;border-radius:3px}.gg-folder-remove::after,.gg-folder-remove::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px}.gg-folder-remove::before{background:currentColor;left:5px;width:8px;height:2px;top:5px}.gg-folder-remove::after{width:10px;height:4px;border:2px solid;border-bottom:0;border-top-left-radius:2px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;top:-5px}", + "svg": "\n \n \n<\/svg>" + } ], "folder": [ - [ - { - "nr": 297, - "name": "folder", - "css": ".gg-folder{transform:scale(var(--ggs,1))}.gg-folder,.gg-folder::after{box-sizing:border-box;position:relative;display:block;width:22px;height:16px;border:2px solid;border-radius:3px}.gg-folder::after{content:\"\";position:absolute;width:10px;height:4px;border-bottom:0;border-top-left-radius:2px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;top:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/folder.css');", - "json": "https:\/\/css.gg\/json?=folder", - "xml": "https:\/\/css.gg\/xml?=folder", - "svg_link": "https:\/\/css.gg\/folder.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFolder = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 22px;\n height: 16px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 10px;\n height: 4px;\n border-bottom: 0;\n border-top-left-radius: 2px;\n border-top-right-radius: 4px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n top: -5px;\n }\n`\n\nexport const Folder = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 297, + "name": "folder", + "tags": "files interface", + "css": ".gg-folder{transform:scale(var(--ggs,1))}.gg-folder,.gg-folder::after{box-sizing:border-box;position:relative;display:block;width:22px;height:16px;border:2px solid;border-radius:3px}.gg-folder::after{content:\"\";position:absolute;width:10px;height:4px;border-bottom:0;border-top-left-radius:2px;border-top-right-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;top:-5px}", + "svg": "\n \n<\/svg>" + } ], "font-height": [ - [ - { - "nr": 298, - "name": "font-height", - "css": ".gg-font-height{box-sizing:border-box;position:relative;display:block;width:18px;height:18px;transform:scale(var(--ggs,1));border-top:2px solid;border-bottom:2px solid;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat center 8px\/6px 2px}.gg-font-height::after,.gg-font-height::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:10px;background:currentColor;top:2px}.gg-font-height::before{transform:rotate(25deg);left:6px}.gg-font-height::after{transform:rotate(-25deg);right:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/font-height.css');", - "json": "https:\/\/css.gg\/json?=font-height", - "xml": "https:\/\/css.gg\/xml?=font-height", - "svg_link": "https:\/\/css.gg\/font-height.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFontHeight = 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-top: 2px solid;\n border-bottom: 2px solid;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center 8px\/6px\n 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: 2px;\n height: 10px;\n background: currentColor;\n top: 2px;\n }\n &::before {\n transform: rotate(25deg);\n left: 6px;\n }\n &::after {\n transform: rotate(-25deg);\n right: 6px;\n }\n`\n\nexport const FontHeight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 298, + "name": "font-height", + "tags": "interface", + "css": ".gg-font-height{box-sizing:border-box;position:relative;display:block;width:18px;height:18px;transform:scale(var(--ggs,1));border-top:2px solid;border-bottom:2px solid;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat center 8px\/6px 2px}.gg-font-height::after,.gg-font-height::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:10px;background:currentColor;top:2px}.gg-font-height::before{transform:rotate(25deg);left:6px}.gg-font-height::after{transform:rotate(-25deg);right:6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "font-spacing": [ - [ - { - "nr": 299, - "name": "font-spacing", - "css": ".gg-font-spacing{box-sizing:border-box;position:relative;display:block;width:18px;height:16px;transform:scale(var(--ggs,1));border-left:2px solid;border-right:2px solid;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat center 8px\/6px 2px}.gg-font-spacing::after,.gg-font-spacing::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:10px;background:currentColor;top:2px}.gg-font-spacing::before{transform:rotate(25deg);left:4px}.gg-font-spacing::after{transform:rotate(-25deg);right:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/font-spacing.css');", - "json": "https:\/\/css.gg\/json?=font-spacing", - "xml": "https:\/\/css.gg\/xml?=font-spacing", - "svg_link": "https:\/\/css.gg\/font-spacing.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFontSpacing = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 18px;\n height: 16px;\n transform: scale(var(--ggs, 1));\n border-left: 2px solid;\n border-right: 2px solid;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center 8px\/6px\n 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: 2px;\n height: 10px;\n background: currentColor;\n top: 2px;\n }\n &::before {\n transform: rotate(25deg);\n left: 4px;\n }\n &::after {\n transform: rotate(-25deg);\n right: 4px;\n }\n`\n\nexport const FontSpacing = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 299, + "name": "font-spacing", + "tags": "interface", + "css": ".gg-font-spacing{box-sizing:border-box;position:relative;display:block;width:18px;height:16px;transform:scale(var(--ggs,1));border-left:2px solid;border-right:2px solid;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat center 8px\/6px 2px}.gg-font-spacing::after,.gg-font-spacing::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:10px;background:currentColor;top:2px}.gg-font-spacing::before{transform:rotate(25deg);left:4px}.gg-font-spacing::after{transform:rotate(-25deg);right:4px}", + "svg": "\n \n \n \n<\/svg>" + } ], "format-bold": [ - [ - { - "nr": 300, - "name": "format-bold", - "css": ".gg-format-bold{transform:scale(var(--ggs,1))}.gg-format-bold,.gg-format-bold::after{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;border:2px solid;border-top-right-radius:100px;border-bottom-right-radius:100px}.gg-format-bold::after{content:\"\";position:absolute;width:10px;left:-2px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-bold.css');", - "json": "https:\/\/css.gg\/json?=format-bold", - "xml": "https:\/\/css.gg\/xml?=format-bold", - "svg_link": "https:\/\/css.gg\/format-bold.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatBold = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 8px;\n height: 8px;\n border: 2px solid;\n border-top-right-radius: 100px;\n border-bottom-right-radius: 100px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 10px;\n left: -2px;\n top: 4px;\n }\n`\n\nexport const FormatBold = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 300, + "name": "format-bold", + "tags": "interface content", + "css": ".gg-format-bold{transform:scale(var(--ggs,1))}.gg-format-bold,.gg-format-bold::after{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;border:2px solid;border-top-right-radius:100px;border-bottom-right-radius:100px}.gg-format-bold::after{content:\"\";position:absolute;width:10px;left:-2px;top:4px}", + "svg": "\n \n<\/svg>" + } ], "format-center": [ - [ - { - "nr": 301, - "name": "format-center", - "css": ".gg-format-center,.gg-format-center::before{display:block;box-sizing:border-box;height:2px;background:currentColor;border-radius:3px;box-shadow:0 8px 0}.gg-format-center{margin-top:-12px;position:relative;transform:scale(var(--ggs,1));width:16px}.gg-format-center::before{content:\"\";position:absolute;width:10px;top:4px;left:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-center.css');", - "json": "https:\/\/css.gg\/json?=format-center", - "xml": "https:\/\/css.gg\/xml?=format-center", - "svg_link": "https:\/\/css.gg\/format-center.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatCenter = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 2px;\n background: currentColor;\n border-radius: 3px;\n box-shadow: 0 8px 0;\n }\n & {\n margin-top: -12px;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 16px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 10px;\n top: 4px;\n left: 3px;\n }\n`\n\nexport const FormatCenter = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 301, + "name": "format-center", + "tags": "interface content", + "css": ".gg-format-center,.gg-format-center::before{display:block;box-sizing:border-box;height:2px;background:currentColor;border-radius:3px;box-shadow:0 8px 0}.gg-format-center{margin-top:-12px;position:relative;transform:scale(var(--ggs,1));width:16px}.gg-format-center::before{content:\"\";position:absolute;width:10px;top:4px;left:3px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "format-color": [ - [ - { - "nr": 302, - "name": "format-color", - "css": ".gg-format-color{box-sizing:border-box;position:relative;display:block;width:9px;height:2px;background:currentColor;transform:scale(var(--ggs,1));border-radius:3px;box-shadow:-2px 8px 0 0,2px 8px 0 0}.gg-format-color::after,.gg-format-color::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:14px;background:currentColor;top:-8px}.gg-format-color::before{transform:rotate(25deg);left:1px}.gg-format-color::after{transform:rotate(-25deg);right:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-color.css');", - "json": "https:\/\/css.gg\/json?=format-color", - "xml": "https:\/\/css.gg\/xml?=format-color", - "svg_link": "https:\/\/css.gg\/format-color.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatColor = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 9px;\n height: 2px;\n background: currentColor;\n transform: scale(var(--ggs, 1));\n border-radius: 3px;\n box-shadow: -2px 8px 0 0, 2px 8px 0 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n height: 14px;\n background: currentColor;\n top: -8px;\n }\n &::before {\n transform: rotate(25deg);\n left: 1px;\n }\n &::after {\n transform: rotate(-25deg);\n right: 1px;\n }\n`\n\nexport const FormatColor = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 302, + "name": "format-color", + "tags": "interface content", + "css": ".gg-format-color{box-sizing:border-box;position:relative;display:block;width:9px;height:2px;background:currentColor;transform:scale(var(--ggs,1));border-radius:3px;box-shadow:-2px 8px 0 0,2px 8px 0 0}.gg-format-color::after,.gg-format-color::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:14px;background:currentColor;top:-8px}.gg-format-color::before{transform:rotate(25deg);left:1px}.gg-format-color::after{transform:rotate(-25deg);right:1px}", + "svg": "\n \n \n<\/svg>" + } ], "format-heading": [ - [ - { - "nr": 303, - "name": "format-heading", - "css": ".gg-format-heading{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:14px;border-left:2px solid;border-right:2px solid}.gg-format-heading::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;background:currentColor;top:6px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-heading.css');", - "json": "https:\/\/css.gg\/json?=format-heading", - "xml": "https:\/\/css.gg\/xml?=format-heading", - "svg_link": "https:\/\/css.gg\/format-heading.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatHeading = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 14px;\n border-left: 2px solid;\n border-right: 2px solid;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 12px;\n height: 2px;\n background: currentColor;\n top: 6px;\n left: -2px;\n }\n`\n\nexport const FormatHeading = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 303, + "name": "format-heading", + "tags": "interface content", + "css": ".gg-format-heading{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:14px;border-left:2px solid;border-right:2px solid}.gg-format-heading::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;background:currentColor;top:6px;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "format-indent-decrease": [ - [ - { - "nr": 304, - "name": "format-indent-decrease", - "css": ".gg-format-indent-decrease{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:14px;border-top:2px solid;border-bottom:2px solid}.gg-format-indent-decrease::after,.gg-format-indent-decrease::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:2px}.gg-format-indent-decrease::before{border-right:4px solid;left:1px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.gg-format-indent-decrease::after{width:8px;height:6px;border-top:2px solid;border-bottom:2px solid;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-indent-decrease.css');", - "json": "https:\/\/css.gg\/json?=format-indent-decrease", - "xml": "https:\/\/css.gg\/xml?=format-indent-decrease", - "svg_link": "https:\/\/css.gg\/format-indent-decrease.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatIndentDecrease = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 14px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n top: 2px;\n }\n &::before {\n border-right: 4px solid;\n left: 1px;\n width: 0;\n height: 0;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n }\n &::after {\n width: 8px;\n height: 6px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n right: 0;\n }\n`\n\nexport const FormatIndentDecrease = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 304, + "name": "format-indent-decrease", + "tags": "interface content arrows", + "css": ".gg-format-indent-decrease{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:14px;border-top:2px solid;border-bottom:2px solid}.gg-format-indent-decrease::after,.gg-format-indent-decrease::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:2px}.gg-format-indent-decrease::before{border-right:4px solid;left:1px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.gg-format-indent-decrease::after{width:8px;height:6px;border-top:2px solid;border-bottom:2px solid;right:0}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "format-indent-increase": [ - [ - { - "nr": 305, - "name": "format-indent-increase", - "css": ".gg-format-indent-increase{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:14px;border-top:2px solid;border-bottom:2px solid}.gg-format-indent-increase::after,.gg-format-indent-increase::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:2px}.gg-format-indent-increase::before{border-left:4px solid;left:1px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.gg-format-indent-increase::after{width:8px;height:6px;border-top:2px solid;border-bottom:2px solid;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-indent-increase.css');", - "json": "https:\/\/css.gg\/json?=format-indent-increase", - "xml": "https:\/\/css.gg\/xml?=format-indent-increase", - "svg_link": "https:\/\/css.gg\/format-indent-increase.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatIndentIncrease = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 14px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n top: 2px;\n }\n &::before {\n border-left: 4px solid;\n left: 1px;\n width: 0;\n height: 0;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n }\n &::after {\n width: 8px;\n height: 6px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n right: 0;\n }\n`\n\nexport const FormatIndentIncrease = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 305, + "name": "format-indent-increase", + "tags": "interface content arrows", + "css": ".gg-format-indent-increase{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:14px;border-top:2px solid;border-bottom:2px solid}.gg-format-indent-increase::after,.gg-format-indent-increase::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:2px}.gg-format-indent-increase::before{border-left:4px solid;left:1px;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.gg-format-indent-increase::after{width:8px;height:6px;border-top:2px solid;border-bottom:2px solid;right:0}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "format-italic": [ - [ - { - "nr": 306, - "name": "format-italic", - "css": ".gg-format-italic{box-sizing:border-box;position:relative;display:block;transform:skewX(-20deg) scale(var(--ggs,1));width:6px;height:12px;border-top:2px solid;border-bottom:2px solid}.gg-format-italic::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:10px;width:2px;background:currentColor;left:2px;top:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-italic.css');", - "json": "https:\/\/css.gg\/json?=format-italic", - "xml": "https:\/\/css.gg\/xml?=format-italic", - "svg_link": "https:\/\/css.gg\/format-italic.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatItalic = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: skewX(-20deg) scale(var(--ggs, 1));\n width: 6px;\n height: 12px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 10px;\n width: 2px;\n background: currentColor;\n left: 2px;\n top: -2px;\n }\n`\n\nexport const FormatItalic = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 306, + "name": "format-italic", + "tags": "interface content", + "css": ".gg-format-italic{box-sizing:border-box;position:relative;display:block;transform:skewX(-20deg) scale(var(--ggs,1));width:6px;height:12px;border-top:2px solid;border-bottom:2px solid}.gg-format-italic::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:10px;width:2px;background:currentColor;left:2px;top:-2px}", + "svg": "\n \n<\/svg>" + } ], "format-justify": [ - [ - { - "nr": 307, - "name": "format-justify", - "css": ".gg-format-justify,.gg-format-justify::before{display:block;box-sizing:border-box;width:16px;height:2px;border-radius:3px;background:currentColor;box-shadow:0 8px 0}.gg-format-justify{margin-top:-11px;transform:scale(var(--ggs,1));position:relative}.gg-format-justify::before{content:\"\";position:absolute;top:4px;left:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-justify.css');", - "json": "https:\/\/css.gg\/json?=format-justify", - "xml": "https:\/\/css.gg\/xml?=format-justify", - "svg_link": "https:\/\/css.gg\/format-justify.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatJustify = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n width: 16px;\n height: 2px;\n border-radius: 3px;\n background: currentColor;\n box-shadow: 0 8px 0;\n }\n & {\n margin-top: -11px;\n transform: scale(var(--ggs, 1));\n position: relative;\n }\n &::before {\n content: '';\n position: absolute;\n top: 4px;\n left: 0;\n }\n`\n\nexport const FormatJustify = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 307, + "name": "format-justify", + "tags": "interface content", + "css": ".gg-format-justify,.gg-format-justify::before{display:block;box-sizing:border-box;width:16px;height:2px;border-radius:3px;background:currentColor;box-shadow:0 8px 0}.gg-format-justify{margin-top:-11px;transform:scale(var(--ggs,1));position:relative}.gg-format-justify::before{content:\"\";position:absolute;top:4px;left:0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "format-left": [ - [ - { - "nr": 308, - "name": "format-left", - "css": ".gg-format-left,.gg-format-left::before{display:block;box-sizing:border-box;height:2px;background:currentColor;border-radius:3px;box-shadow:0 8px 0}.gg-format-left{margin-top:-11px;position:relative;transform:scale(var(--ggs,1));width:16px}.gg-format-left::before{content:\"\";position:absolute;width:10px;top:4px;left:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-left.css');", - "json": "https:\/\/css.gg\/json?=format-left", - "xml": "https:\/\/css.gg\/xml?=format-left", - "svg_link": "https:\/\/css.gg\/format-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatLeft = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 2px;\n background: currentColor;\n border-radius: 3px;\n box-shadow: 0 8px 0;\n }\n & {\n margin-top: -11px;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 16px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 10px;\n top: 4px;\n left: 0;\n }\n`\n\nexport const FormatLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 308, + "name": "format-left", + "tags": "interface content", + "css": ".gg-format-left,.gg-format-left::before{display:block;box-sizing:border-box;height:2px;background:currentColor;border-radius:3px;box-shadow:0 8px 0}.gg-format-left{margin-top:-11px;position:relative;transform:scale(var(--ggs,1));width:16px}.gg-format-left::before{content:\"\";position:absolute;width:10px;top:4px;left:0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "format-line-height": [ - [ - { - "nr": 309, - "name": "format-line-height", - "css": ".gg-format-line-height{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:10px;border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:4px solid transparent;box-shadow:-2px 0 0 0,2px -4px 0 -2px,2px 4px 0 -2px,inset 0 2px 0 0,inset 0 -2px 0 0}.gg-format-line-height::after,.gg-format-line-height::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-right:3px solid transparent;border-left:3px solid transparent;left:-8px}.gg-format-line-height::before{border-top:4px solid;bottom:-5px}.gg-format-line-height::after{border-bottom:4px solid;top:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-line-height.css');", - "json": "https:\/\/css.gg\/json?=format-line-height", - "xml": "https:\/\/css.gg\/xml?=format-line-height", - "svg_link": "https:\/\/css.gg\/format-line-height.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatLineHeight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 10px;\n border-top: 2px solid transparent;\n border-bottom: 2px solid transparent;\n border-left: 4px solid transparent;\n box-shadow: -2px 0 0 0, 2px -4px 0 -2px, 2px 4px 0 -2px, inset 0 2px 0 0, inset 0 -2px 0 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 0;\n border-right: 3px solid transparent;\n border-left: 3px solid transparent;\n left: -8px;\n }\n &::before {\n border-top: 4px solid;\n bottom: -5px;\n }\n &::after {\n border-bottom: 4px solid;\n top: -5px;\n }\n`\n\nexport const FormatLineHeight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 309, + "name": "format-line-height", + "tags": "interface content arrows", + "css": ".gg-format-line-height{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:10px;border-top:2px solid transparent;border-bottom:2px solid transparent;border-left:4px solid transparent;box-shadow:-2px 0 0 0,2px -4px 0 -2px,2px 4px 0 -2px,inset 0 2px 0 0,inset 0 -2px 0 0}.gg-format-line-height::after,.gg-format-line-height::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-right:3px solid transparent;border-left:3px solid transparent;left:-8px}.gg-format-line-height::before{border-top:4px solid;bottom:-5px}.gg-format-line-height::after{border-bottom:4px solid;top:-5px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "format-right": [ - [ - { - "nr": 310, - "name": "format-right", - "css": ".gg-format-right,.gg-format-right::before{display:block;box-sizing:border-box;height:2px;background:currentColor;border-radius:3px;box-shadow:0 8px 0}.gg-format-right{margin-top:-11px;position:relative;transform:scale(var(--ggs,1));width:16px}.gg-format-right::before{content:\"\";position:absolute;width:10px;top:4px;left:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-right.css');", - "json": "https:\/\/css.gg\/json?=format-right", - "xml": "https:\/\/css.gg\/xml?=format-right", - "svg_link": "https:\/\/css.gg\/format-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatRight = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 2px;\n background: currentColor;\n border-radius: 3px;\n box-shadow: 0 8px 0;\n }\n & {\n margin-top: -11px;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 16px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 10px;\n top: 4px;\n left: 6px;\n }\n`\n\nexport const FormatRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 310, + "name": "format-right", + "tags": "interface content", + "css": ".gg-format-right,.gg-format-right::before{display:block;box-sizing:border-box;height:2px;background:currentColor;border-radius:3px;box-shadow:0 8px 0}.gg-format-right{margin-top:-11px;position:relative;transform:scale(var(--ggs,1));width:16px}.gg-format-right::before{content:\"\";position:absolute;width:10px;top:4px;left:6px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "format-separator": [ - [ - { - "nr": 311, - "name": "format-separator", - "css": ".gg-format-separator{transform:scale(var(--ggs,1))}.gg-format-separator,.gg-format-separator::after{box-sizing:border-box;position:relative;display:block;width:18px;height:2px;border-radius:3px;background:currentColor}.gg-format-separator::after{content:\"\";position:absolute;top:-12px;left:3px;opacity:.5;width:12px;box-shadow:0 4px 0 0,0 8px 0 0,0 16px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-separator.css');", - "json": "https:\/\/css.gg\/json?=format-separator", - "xml": "https:\/\/css.gg\/xml?=format-separator", - "svg_link": "https:\/\/css.gg\/format-separator.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n <\/g>\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatSeparator = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 18px;\n height: 2px;\n border-radius: 3px;\n background: currentColor;\n }\n &::after {\n content: '';\n position: absolute;\n top: -12px;\n left: 3px;\n opacity: 0.5;\n width: 12px;\n box-shadow: 0 4px 0 0, 0 8px 0 0, 0 16px 0 0;\n }\n`\n\nexport const FormatSeparator = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 311, + "name": "format-separator", + "tags": "interface content", + "css": ".gg-format-separator{transform:scale(var(--ggs,1))}.gg-format-separator,.gg-format-separator::after{box-sizing:border-box;position:relative;display:block;width:18px;height:2px;border-radius:3px;background:currentColor}.gg-format-separator::after{content:\"\";position:absolute;top:-12px;left:3px;opacity:.5;width:12px;box-shadow:0 4px 0 0,0 8px 0 0,0 16px 0 0}", + "svg": "\n \n \n \n \n \n <\/g>\n \n<\/svg>" + } ], "format-slash": [ - [ - { - "nr": 312, - "name": "format-slash", - "css": ".gg-format-slash{box-sizing:border-box;position:relative;display:block;transform:rotate(25deg) scale(var(--ggs,1));width:2px;height:14px;background:currentColor;border-radius:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-slash.css');", - "json": "https:\/\/css.gg\/json?=format-slash", - "xml": "https:\/\/css.gg\/xml?=format-slash", - "svg_link": "https:\/\/css.gg\/format-slash.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatSlash = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(25deg) scale(var(--ggs, 1));\n width: 2px;\n height: 14px;\n background: currentColor;\n border-radius: 3px;\n }\n`\n\nexport const FormatSlash = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 312, + "name": "format-slash", + "tags": "interface content", + "css": ".gg-format-slash{box-sizing:border-box;position:relative;display:block;transform:rotate(25deg) scale(var(--ggs,1));width:2px;height:14px;background:currentColor;border-radius:3px}", + "svg": "\n \n<\/svg>" + } ], "format-strike": [ - [ - { - "nr": 313, - "name": "format-strike", - "css": ".gg-format-strike{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:3px;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:0 -2px 0 0,inset 0 0 0 2px}.gg-format-strike::after,.gg-format-strike::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;left:-6px;top:4px}.gg-format-strike::after{width:2px;height:4px;left:0;top:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-strike.css');", - "json": "https:\/\/css.gg\/json?=format-strike", - "xml": "https:\/\/css.gg\/xml?=format-strike", - "svg_link": "https:\/\/css.gg\/format-strike.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatStrike = 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: 3px;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n box-shadow: 0 -2px 0 0, inset 0 0 0 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 14px;\n height: 2px;\n background: currentColor;\n left: -6px;\n top: 4px;\n }\n &::after {\n width: 2px;\n height: 4px;\n left: 0;\n top: 7px;\n }\n`\n\nexport const FormatStrike = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 313, + "name": "format-strike", + "tags": "interface content", + "css": ".gg-format-strike{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:3px;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:0 -2px 0 0,inset 0 0 0 2px}.gg-format-strike::after,.gg-format-strike::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:2px;background:currentColor;left:-6px;top:4px}.gg-format-strike::after{width:2px;height:4px;left:0;top:7px}", + "svg": "\n \n \n \n<\/svg>" + } ], "format-text": [ - [ - { - "nr": 314, - "name": "format-text", - "css": ".gg-format-text{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:0 -2px 0 0,inset 0 0 0 2px}.gg-format-text::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:18px;height:18px;border:1px dashed;top:-6px;left:-8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-text.css');", - "json": "https:\/\/css.gg\/json?=format-text", - "xml": "https:\/\/css.gg\/xml?=format-text", - "svg_link": "https:\/\/css.gg\/format-text.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatText = 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: 8px;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n box-shadow: 0 -2px 0 0, inset 0 0 0 2px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 18px;\n height: 18px;\n border: 1px dashed;\n top: -6px;\n left: -8px;\n }\n`\n\nexport const FormatText = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 314, + "name": "format-text", + "tags": "interface content", + "css": ".gg-format-text{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:0 -2px 0 0,inset 0 0 0 2px}.gg-format-text::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:18px;height:18px;border:1px dashed;top:-6px;left:-8px}", + "svg": "\n \n \n \n \n \n \n \n \n \n \n \n \n \n<\/svg>" + } ], "format-underline": [ - [ - { - "nr": 315, - "name": "format-underline", - "css": ".gg-format-underline{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border:2px solid;border-top:0;border-bottom-left-radius:100px;border-bottom-right-radius:100px}.gg-format-underline::after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:12px;height:2px;background:currentColor;left:-2px;bottom:-6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-underline.css');", - "json": "https:\/\/css.gg\/json?=format-underline", - "xml": "https:\/\/css.gg\/xml?=format-underline", - "svg_link": "https:\/\/css.gg\/format-underline.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatUnderline = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 12px;\n border: 2px solid;\n border-top: 0;\n border-bottom-left-radius: 100px;\n border-bottom-right-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 12px;\n height: 2px;\n background: currentColor;\n left: -2px;\n bottom: -6px;\n }\n`\n\nexport const FormatUnderline = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 315, + "name": "format-underline", + "tags": "interface content", + "css": ".gg-format-underline{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border:2px solid;border-top:0;border-bottom-left-radius:100px;border-bottom-right-radius:100px}.gg-format-underline::after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:12px;height:2px;background:currentColor;left:-2px;bottom:-6px}", + "svg": "\n \n \n<\/svg>" + } ], "format-uppercase": [ - [ - { - "nr": 316, - "name": "format-uppercase", - "css": ".gg-format-uppercase{transform:scale(var(--ggs,1))}.gg-format-uppercase,.gg-format-uppercase::after{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;border-left:3px solid transparent;border-right:3px solid transparent;box-shadow:0 -2px 0 0,inset 0 0 0 2px}.gg-format-uppercase::after{content:\"\";position:absolute;width:6px;height:4px;border-left:2px solid transparent;border-right:2px solid transparent;bottom:0;right:-8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/format-uppercase.css');", - "json": "https:\/\/css.gg\/json?=format-uppercase", - "xml": "https:\/\/css.gg\/xml?=format-uppercase", - "svg_link": "https:\/\/css.gg\/format-uppercase.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFormatUppercase = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 8px;\n height: 8px;\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n box-shadow: 0 -2px 0 0, inset 0 0 0 2px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 6px;\n height: 4px;\n border-left: 2px solid transparent;\n border-right: 2px solid transparent;\n bottom: 0;\n right: -8px;\n }\n`\n\nexport const FormatUppercase = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 316, + "name": "format-uppercase", + "tags": "interface content", + "css": ".gg-format-uppercase{transform:scale(var(--ggs,1))}.gg-format-uppercase,.gg-format-uppercase::after{box-sizing:border-box;position:relative;display:block;width:8px;height:8px;border-left:3px solid transparent;border-right:3px solid transparent;box-shadow:0 -2px 0 0,inset 0 0 0 2px}.gg-format-uppercase::after{content:\"\";position:absolute;width:6px;height:4px;border-left:2px solid transparent;border-right:2px solid transparent;bottom:0;right:-8px}", + "svg": "\n \n<\/svg>" + } ], "framer": [ - [ - { - "nr": 317, - "name": "framer", - "css": ".gg-framer{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:20px;overflow:hidden}.gg-framer::after,.gg-framer::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor}.gg-framer::before{width:20px;height:6px;transform:skewX(45deg);top:6px;left:-11px;box-shadow:20px -6px 0}.gg-framer::after{width:6px;height:8px;transform:skewY(45deg);bottom:4px;border-top-left-radius:4px;opacity:.5}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/framer.css');", - "json": "https:\/\/css.gg\/json?=framer", - "xml": "https:\/\/css.gg\/xml?=framer", - "svg_link": "https:\/\/css.gg\/framer.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledFramer = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 20px;\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n }\n &::before {\n width: 20px;\n height: 6px;\n transform: skewX(45deg);\n top: 6px;\n left: -11px;\n box-shadow: 20px -6px 0;\n }\n &::after {\n width: 6px;\n height: 8px;\n transform: skewY(45deg);\n bottom: 4px;\n border-top-left-radius: 4px;\n opacity: 0.5;\n }\n`\n\nexport const Framer = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 317, + "name": "framer", + "tags": "brands", + "css": ".gg-framer{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:20px;overflow:hidden}.gg-framer::after,.gg-framer::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor}.gg-framer::before{width:20px;height:6px;transform:skewX(45deg);top:6px;left:-11px;box-shadow:20px -6px 0}.gg-framer::after{width:6px;height:8px;transform:skewY(45deg);bottom:4px;border-top-left-radius:4px;opacity:.5}", + "svg": "\n \n \n<\/svg>" + } ], "games": [ - [ - { - "nr": 318, - "name": "games", - "css": ".gg-games{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:12px;border:3px solid transparent;border-left:6px solid transparent;box-shadow:0 0 0 2px,inset 2px 0 0;border-radius:40px}.gg-games::after,.gg-games::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor}.gg-games::before{left:-2px;width:6px;top:2px}.gg-games::after{border-radius:3px;width:2px;box-shadow:0 4px 0,-2px 2px 0,2px 2px 0;top:0;right:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/games.css');", - "json": "https:\/\/css.gg\/json?=games", - "xml": "https:\/\/css.gg\/xml?=games", - "svg_link": "https:\/\/css.gg\/games.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGames = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 12px;\n border: 3px solid transparent;\n border-left: 6px solid transparent;\n box-shadow: 0 0 0 2px, inset 2px 0 0;\n border-radius: 40px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n background: currentColor;\n }\n &::before {\n left: -2px;\n width: 6px;\n top: 2px;\n }\n &::after {\n border-radius: 3px;\n width: 2px;\n box-shadow: 0 4px 0, -2px 2px 0, 2px 2px 0;\n top: 0;\n right: 2px;\n }\n`\n\nexport const Games = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 318, + "name": "games", + "tags": "multimedia", + "css": ".gg-games{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:12px;border:3px solid transparent;border-left:6px solid transparent;box-shadow:0 0 0 2px,inset 2px 0 0;border-radius:40px}.gg-games::after,.gg-games::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor}.gg-games::before{left:-2px;width:6px;top:2px}.gg-games::after{border-radius:3px;width:2px;box-shadow:0 4px 0,-2px 2px 0,2px 2px 0;top:0;right:2px}", + "svg": "\n \n \n \n \n \n \n<\/svg>" + } ], "gender-female": [ - [ - { - "nr": 319, - "name": "gender-female", - "css": ".gg-gender-female{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border:2px solid;border-radius:100%;margin-top:-4px}.gg-gender-female::after,.gg-gender-female::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;bottom:-6px;left:-1px}.gg-gender-female::before{width:2px;height:9px;bottom:-9px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/gender-female.css');", - "json": "https:\/\/css.gg\/json?=gender-female", - "xml": "https:\/\/css.gg\/xml?=gender-female", - "svg_link": "https:\/\/css.gg\/gender-female.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGenderFemale = 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: 10px;\n border: 2px solid;\n border-radius: 100%;\n margin-top: -4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 2px;\n background: currentColor;\n bottom: -6px;\n left: -1px;\n }\n &::before {\n width: 2px;\n height: 9px;\n bottom: -9px;\n left: 2px;\n }\n`\n\nexport const GenderFemale = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 319, + "name": "gender-female", + "tags": "signs arrows", + "css": ".gg-gender-female{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border:2px solid;border-radius:100%;margin-top:-4px}.gg-gender-female::after,.gg-gender-female::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;bottom:-6px;left:-1px}.gg-gender-female::before{width:2px;height:9px;bottom:-9px;left:2px}", + "svg": "\n \n<\/svg>" + } ], "gender-male": [ - [ - { - "nr": 320, - "name": "gender-male", - "css": ".gg-gender-male{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border:2px solid;border-radius:100%;margin-left:-4px;margin-top:4px}.gg-gender-male::after,.gg-gender-male::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;top:-6px}.gg-gender-male::after{border-right:2px solid;border-top:2px solid;width:7px;height:7px;left:5px}.gg-gender-male::before{width:2px;background:currentColor;left:7px;transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/gender-male.css');", - "json": "https:\/\/css.gg\/json?=gender-male", - "xml": "https:\/\/css.gg\/xml?=gender-male", - "svg_link": "https:\/\/css.gg\/gender-male.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGenderMale = 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: 10px;\n border: 2px solid;\n border-radius: 100%;\n margin-left: -4px;\n margin-top: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 8px;\n top: -6px;\n }\n &::after {\n border-right: 2px solid;\n border-top: 2px solid;\n width: 7px;\n height: 7px;\n left: 5px;\n }\n &::before {\n width: 2px;\n background: currentColor;\n left: 7px;\n transform: rotate(45deg);\n }\n`\n\nexport const GenderMale = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 320, + "name": "gender-male", + "tags": "signs", + "css": ".gg-gender-male{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border:2px solid;border-radius:100%;margin-left:-4px;margin-top:4px}.gg-gender-male::after,.gg-gender-male::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;top:-6px}.gg-gender-male::after{border-right:2px solid;border-top:2px solid;width:7px;height:7px;left:5px}.gg-gender-male::before{width:2px;background:currentColor;left:7px;transform:rotate(45deg)}", + "svg": "\n \n<\/svg>" + } ], "ghost-character": [ - [ - { - "nr": 321, - "name": "ghost-character", - "css": ".gg-ghost-character{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:18px;border:2px solid;border-bottom:0;border-top-left-radius:22px;border-top-right-radius:22px;overflow:hidden;background:radial-gradient(circle,currentColor 60%,transparent 40%)no-repeat 2px 4px\/2px 2px,radial-gradient(circle,currentColor 60%,transparent 40%)no-repeat 6px 4px\/2px 2px}.gg-ghost-character::after,.gg-ghost-character::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-right:2px solid;bottom:-3px;transform:rotate(-45deg)}.gg-ghost-character::before{left:-1px}.gg-ghost-character::after{right:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/ghost-character.css');", - "json": "https:\/\/css.gg\/json?=ghost-character", - "xml": "https:\/\/css.gg\/xml?=ghost-character", - "svg_link": "https:\/\/css.gg\/ghost-character.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGhostCharacter = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 18px;\n border: 2px solid;\n border-bottom: 0;\n border-top-left-radius: 22px;\n border-top-right-radius: 22px;\n overflow: hidden;\n background: radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 2px 4px\/2px 2px,\n radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 6px 4px\/2px 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 border-top: 2px solid;\n border-right: 2px solid;\n bottom: -3px;\n transform: rotate(-45deg);\n }\n &::before {\n left: -1px;\n }\n &::after {\n right: -1px;\n }\n`\n\nexport const GhostCharacter = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 321, + "name": "ghost-character", + "tags": "design", + "css": ".gg-ghost-character{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:18px;border:2px solid;border-bottom:0;border-top-left-radius:22px;border-top-right-radius:22px;overflow:hidden;background:radial-gradient(circle,currentColor 60%,transparent 40%)no-repeat 2px 4px\/2px 2px,radial-gradient(circle,currentColor 60%,transparent 40%)no-repeat 6px 4px\/2px 2px}.gg-ghost-character::after,.gg-ghost-character::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-right:2px solid;bottom:-3px;transform:rotate(-45deg)}.gg-ghost-character::before{left:-1px}.gg-ghost-character::after{right:-1px}", + "svg": "\n \n \n \n<\/svg>" + } ], "ghost": [ - [ - { - "nr": 322, - "name": "ghost", - "css": ".gg-ghost{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:16px;background:linear-gradient(to left,currentColor 40px,transparent 0)no-repeat -6px center\/40px 4px;overflow:hidden}.gg-ghost::after,.gg-ghost::before{content:\"\";background:currentColor;box-sizing:border-box;position:absolute;display:block;height:4px;width:12px;box-shadow:14px 0 0}.gg-ghost::after{width:20px;left:-12px;box-shadow:22px 0 0;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/ghost.css');", - "json": "https:\/\/css.gg\/json?=ghost", - "xml": "https:\/\/css.gg\/xml?=ghost", - "svg_link": "https:\/\/css.gg\/ghost.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGhost = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 16px;\n background: linear-gradient(to left, currentColor 40px, transparent 0) no-repeat -6px center\/40px\n 4px;\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n background: currentColor;\n box-sizing: border-box;\n position: absolute;\n display: block;\n height: 4px;\n width: 12px;\n box-shadow: 14px 0 0;\n }\n &::after {\n width: 20px;\n left: -12px;\n box-shadow: 22px 0 0;\n bottom: 0;\n }\n`\n\nexport const Ghost = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 322, + "name": "ghost", + "tags": "brands", + "css": ".gg-ghost{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:16px;background:linear-gradient(to left,currentColor 40px,transparent 0)no-repeat -6px center\/40px 4px;overflow:hidden}.gg-ghost::after,.gg-ghost::before{content:\"\";background:currentColor;box-sizing:border-box;position:absolute;display:block;height:4px;width:12px;box-shadow:14px 0 0}.gg-ghost::after{width:20px;left:-12px;box-shadow:22px 0 0;bottom:0}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "gift": [ - [ - { - "nr": 323, - "name": "gift", - "css": ".gg-gift{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:14px;margin-top:8px;border:2px solid transparent;box-shadow:inset 2px 0 0,inset -2px 0 0,0 -2px 0,inset 0 2px 0,inset 0 -2px 0;background:linear-gradient(to left,currentColor 10px,transparent 0),linear-gradient(to left,currentColor 10px,transparent 0),linear-gradient(to left,currentColor 10px,transparent 0);background-repeat:no-repeat;background-size:2px 10px,2px 10px,2px 10px;background-position:8px 0,18px -8px,-2px -8px}.gg-gift::after,.gg-gift::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:6px;height:8px;border:2px solid;top:-10px}.gg-gift::after{left:3px;transform:rotate(-45deg)}.gg-gift::before{right:3px;transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/gift.css');", - "json": "https:\/\/css.gg\/json?=gift", - "xml": "https:\/\/css.gg\/xml?=gift", - "svg_link": "https:\/\/css.gg\/gift.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGift = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 14px;\n margin-top: 8px;\n border: 2px solid transparent;\n box-shadow: inset 2px 0 0, inset -2px 0 0, 0 -2px 0, inset 0 2px 0, inset 0 -2px 0;\n background: linear-gradient(to left, currentColor 10px, transparent 0),\n linear-gradient(to left, currentColor 10px, transparent 0),\n linear-gradient(to left, currentColor 10px, transparent 0);\n background-repeat: no-repeat;\n background-size: 2px 10px, 2px 10px, 2px 10px;\n background-position: 8px 0, 18px -8px, -2px -8px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 6px;\n height: 8px;\n border: 2px solid;\n top: -10px;\n }\n &::after {\n left: 3px;\n transform: rotate(-45deg);\n }\n &::before {\n right: 3px;\n transform: rotate(45deg);\n }\n`\n\nexport const Gift = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 323, + "name": "gift", + "tags": "design", + "css": ".gg-gift{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:14px;margin-top:8px;border:2px solid transparent;box-shadow:inset 2px 0 0,inset -2px 0 0,0 -2px 0,inset 0 2px 0,inset 0 -2px 0;background:linear-gradient(to left,currentColor 10px,transparent 0),linear-gradient(to left,currentColor 10px,transparent 0),linear-gradient(to left,currentColor 10px,transparent 0);background-repeat:no-repeat;background-size:2px 10px,2px 10px,2px 10px;background-position:8px 0,18px -8px,-2px -8px}.gg-gift::after,.gg-gift::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:6px;height:8px;border:2px solid;top:-10px}.gg-gift::after{left:3px;transform:rotate(-45deg)}.gg-gift::before{right:3px;transform:rotate(45deg)}", + "svg": "\n \n<\/svg>" + } ], "girl": [ - [ - { - "nr": 324, - "name": "girl", - "css": ".gg-girl,.gg-girl::after,.gg-girl::before{display:block;box-sizing:border-box;border-radius:42px}.gg-girl{position:relative;transform:scale(var(--ggs,1));width:20px;height:20px;overflow:hidden;box-shadow:inset 0 0 0 2px}.gg-girl::after,.gg-girl::before{content:\"\";position:absolute;width:2px;height:2px;background:currentColor;box-shadow:6px 0 0;left:6px;top:10px}.gg-girl::after{width:20px;height:20px;top:-11px;left:-12px;box-shadow:17px -4px 0 3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/girl.css');", - "json": "https:\/\/css.gg\/json?=girl", - "xml": "https:\/\/css.gg\/xml?=girl", - "svg_link": "https:\/\/css.gg\/girl.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGirl = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n border-radius: 42px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n overflow: hidden;\n box-shadow: inset 0 0 0 2px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 2px;\n height: 2px;\n background: currentColor;\n box-shadow: 6px 0 0;\n left: 6px;\n top: 10px;\n }\n &::after {\n width: 20px;\n height: 20px;\n top: -11px;\n left: -12px;\n box-shadow: 17px -4px 0 3px;\n }\n`\n\nexport const Girl = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 324, + "name": "girl", + "tags": "signs", + "css": ".gg-girl,.gg-girl::after,.gg-girl::before{display:block;box-sizing:border-box;border-radius:42px}.gg-girl{position:relative;transform:scale(var(--ggs,1));width:20px;height:20px;overflow:hidden;box-shadow:inset 0 0 0 2px}.gg-girl::after,.gg-girl::before{content:\"\";position:absolute;width:2px;height:2px;background:currentColor;box-shadow:6px 0 0;left:6px;top:10px}.gg-girl::after{width:20px;height:20px;top:-11px;left:-12px;box-shadow:17px -4px 0 3px}", + "svg": "\n \n \n \n<\/svg>" + } ], "git-branch": [ - [ - { - "nr": 325, - "name": "git-branch", - "css": ".gg-git-branch{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:14px;background:currentColor}.gg-git-branch::after,.gg-git-branch::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-git-branch::before{border-right:2px solid;border-bottom:2px solid;border-bottom-right-radius:4px;bottom:0;width:8px;height:6px;left:0}.gg-git-branch::after{width:4px;height:4px;background:currentColor;box-shadow:0 12px 0 0,6px 6px 0 0;border-radius:100%;left:-1px;top:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/git-branch.css');", - "json": "https:\/\/css.gg\/json?=git-branch", - "xml": "https:\/\/css.gg\/xml?=git-branch", - "svg_link": "https:\/\/css.gg\/git-branch.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGitBranch = 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 }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-right: 2px solid;\n border-bottom: 2px solid;\n border-bottom-right-radius: 4px;\n bottom: 0;\n width: 8px;\n height: 6px;\n left: 0;\n }\n &::after {\n width: 4px;\n height: 4px;\n background: currentColor;\n box-shadow: 0 12px 0 0, 6px 6px 0 0;\n border-radius: 100%;\n left: -1px;\n top: -1px;\n }\n`\n\nexport const GitBranch = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 325, + "name": "git-branch", + "tags": "interface code", + "css": ".gg-git-branch{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:14px;background:currentColor}.gg-git-branch::after,.gg-git-branch::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-git-branch::before{border-right:2px solid;border-bottom:2px solid;border-bottom-right-radius:4px;bottom:0;width:8px;height:6px;left:0}.gg-git-branch::after{width:4px;height:4px;background:currentColor;box-shadow:0 12px 0 0,6px 6px 0 0;border-radius:100%;left:-1px;top:-1px}", + "svg": "\n \n<\/svg>" + } ], "git-commit": [ - [ - { - "nr": 326, - "name": "git-commit", - "css": ".gg-git-commit{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:16px;border-radius:3px;border-top:6px solid;border-bottom:6px solid}.gg-git-commit::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:2px;box-shadow:0 0 0 2px;border-radius:100%;left:0;top:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/git-commit.css');", - "json": "https:\/\/css.gg\/json?=git-commit", - "xml": "https:\/\/css.gg\/xml?=git-commit", - "svg_link": "https:\/\/css.gg\/git-commit.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGitCommit = 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: 16px;\n border-radius: 3px;\n border-top: 6px solid;\n border-bottom: 6px solid;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 2px;\n box-shadow: 0 0 0 2px;\n border-radius: 100%;\n left: 0;\n top: 1px;\n }\n`\n\nexport const GitCommit = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 326, + "name": "git-commit", + "tags": "interface code", + "css": ".gg-git-commit{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:16px;border-radius:3px;border-top:6px solid;border-bottom:6px solid}.gg-git-commit::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:2px;box-shadow:0 0 0 2px;border-radius:100%;left:0;top:1px}", + "svg": "\n \n<\/svg>" + } ], "git-fork": [ - [ - { - "nr": 327, - "name": "git-fork", - "css": ".gg-git-fork{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:14px;background:currentColor}.gg-git-fork::after,.gg-git-fork::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-git-fork::before{border-right:2px solid;border-bottom:2px solid;border-bottom-right-radius:4px;bottom:4px;width:8px;height:6px;left:0}.gg-git-fork::after{width:4px;height:4px;background:currentColor;box-shadow:0 12px 0 0,6px 2px 0 0;border-radius:100%;left:-1px;top:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/git-fork.css');", - "json": "https:\/\/css.gg\/json?=git-fork", - "xml": "https:\/\/css.gg\/xml?=git-fork", - "svg_link": "https:\/\/css.gg\/git-fork.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGitFork = 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 }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-right: 2px solid;\n border-bottom: 2px solid;\n border-bottom-right-radius: 4px;\n bottom: 4px;\n width: 8px;\n height: 6px;\n left: 0;\n }\n &::after {\n width: 4px;\n height: 4px;\n background: currentColor;\n box-shadow: 0 12px 0 0, 6px 2px 0 0;\n border-radius: 100%;\n left: -1px;\n top: -1px;\n }\n`\n\nexport const GitFork = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 327, + "name": "git-fork", + "tags": "interface code", + "css": ".gg-git-fork{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:14px;background:currentColor}.gg-git-fork::after,.gg-git-fork::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-git-fork::before{border-right:2px solid;border-bottom:2px solid;border-bottom-right-radius:4px;bottom:4px;width:8px;height:6px;left:0}.gg-git-fork::after{width:4px;height:4px;background:currentColor;box-shadow:0 12px 0 0,6px 2px 0 0;border-radius:100%;left:-1px;top:-1px}", + "svg": "\n \n<\/svg>" + } ], "git-pull": [ - [ - { - "nr": 328, - "name": "git-pull", - "css": ".gg-git-pull{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:14px;background:currentColor}.gg-git-pull::after,.gg-git-pull::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-git-pull::before{border-right:2px solid;border-top:2px solid;border-top-right-radius:4px;width:8px;height:6px;left:0;top:2px}.gg-git-pull::after{width:4px;height:4px;background:currentColor;box-shadow:0 12px 0 0,6px 8px 0 0;border-radius:100%;left:-1px;top:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/git-pull.css');", - "json": "https:\/\/css.gg\/json?=git-pull", - "xml": "https:\/\/css.gg\/xml?=git-pull", - "svg_link": "https:\/\/css.gg\/git-pull.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGitPull = 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 }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-right: 2px solid;\n border-top: 2px solid;\n border-top-right-radius: 4px;\n width: 8px;\n height: 6px;\n left: 0;\n top: 2px;\n }\n &::after {\n width: 4px;\n height: 4px;\n background: currentColor;\n box-shadow: 0 12px 0 0, 6px 8px 0 0;\n border-radius: 100%;\n left: -1px;\n top: -1px;\n }\n`\n\nexport const GitPull = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 328, + "name": "git-pull", + "tags": "interface code", + "css": ".gg-git-pull{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:14px;background:currentColor}.gg-git-pull::after,.gg-git-pull::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-git-pull::before{border-right:2px solid;border-top:2px solid;border-top-right-radius:4px;width:8px;height:6px;left:0;top:2px}.gg-git-pull::after{width:4px;height:4px;background:currentColor;box-shadow:0 12px 0 0,6px 8px 0 0;border-radius:100%;left:-1px;top:-1px}", + "svg": "\n \n<\/svg>" + } ], "gitter": [ - [ - { - "nr": 329, - "name": "gitter", - "css": ".gg-gitter{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:18px;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:inset 2px 0 0,inset -2px 0 0}.gg-gitter::after,.gg-gitter::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:2px;background:currentColor}.gg-gitter::before{height:13px;top:-3px;left:-4px}.gg-gitter::after{height:10px;left:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/gitter.css');", - "json": "https:\/\/css.gg\/json?=gitter", - "xml": "https:\/\/css.gg\/xml?=gitter", - "svg_link": "https:\/\/css.gg\/gitter.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGitter = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 18px;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n box-shadow: inset 2px 0 0, inset -2px 0 0;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n width: 2px;\n background: currentColor;\n }\n &::before {\n height: 13px;\n top: -3px;\n left: -4px;\n }\n &::after {\n height: 10px;\n left: 8px;\n }\n`\n\nexport const Gitter = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 329, + "name": "gitter", + "tags": "brands", + "css": ".gg-gitter{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:18px;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:inset 2px 0 0,inset -2px 0 0}.gg-gitter::after,.gg-gitter::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:2px;background:currentColor}.gg-gitter::before{height:13px;top:-3px;left:-4px}.gg-gitter::after{height:10px;left:8px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "glass-alt": [ - [ - { - "nr": 330, - "name": "glass-alt", - "css": ".gg-glass-alt,.gg-glass-alt::before{display:block;box-sizing:border-box;height:20px}.gg-glass-alt{position:relative;transform:scale(var(--ggs,1));width:14px}.gg-glass-alt::before{content:\"\";position:absolute;width:10px;border:2px solid;border-bottom:3px solid;transform:perspective(20px)rotateX(-20deg);top:2px;left:2px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat center 2px\/6px 2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/glass-alt.css');", - "json": "https:\/\/css.gg\/json?=glass-alt", - "xml": "https:\/\/css.gg\/xml?=glass-alt", - "svg_link": "https:\/\/css.gg\/glass-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGlassAlt = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 20px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 14px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 10px;\n border: 2px solid;\n border-bottom: 3px solid;\n transform: perspective(20px) rotateX(-20deg);\n top: 2px;\n left: 2px;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat center 2px\/6px\n 2px;\n }\n`\n\nexport const GlassAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 330, + "name": "glass-alt", + "tags": "interface", + "css": ".gg-glass-alt,.gg-glass-alt::before{display:block;box-sizing:border-box;height:20px}.gg-glass-alt{position:relative;transform:scale(var(--ggs,1));width:14px}.gg-glass-alt::before{content:\"\";position:absolute;width:10px;border:2px solid;border-bottom:3px solid;transform:perspective(20px)rotateX(-20deg);top:2px;left:2px;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat center 2px\/6px 2px}", + "svg": "\n \n<\/svg>" + } ], "glass": [ - [ - { - "nr": 331, - "name": "glass", - "css": ".gg-glass{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:13px;border-top:8px solid transparent;border-left:2px solid transparent;border-right:2px solid transparent;box-shadow:inset 0 0 0 2px,0 2px 0 0}.gg-glass::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border:2px solid;border-bottom-left-radius:100px;border-bottom-right-radius:100px;left:-4px;bottom:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/glass.css');", - "json": "https:\/\/css.gg\/json?=glass", - "xml": "https:\/\/css.gg\/xml?=glass", - "svg_link": "https:\/\/css.gg\/glass.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGlass = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 6px;\n height: 13px;\n border-top: 8px solid transparent;\n border-left: 2px solid transparent;\n border-right: 2px solid transparent;\n box-shadow: inset 0 0 0 2px, 0 2px 0 0;\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 border-bottom-left-radius: 100px;\n border-bottom-right-radius: 100px;\n left: -4px;\n bottom: 3px;\n }\n`\n\nexport const Glass = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 331, + "name": "glass", + "tags": "design", + "css": ".gg-glass{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:13px;border-top:8px solid transparent;border-left:2px solid transparent;border-right:2px solid transparent;box-shadow:inset 0 0 0 2px,0 2px 0 0}.gg-glass::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border:2px solid;border-bottom-left-radius:100px;border-bottom-right-radius:100px;left:-4px;bottom:3px}", + "svg": "\n \n<\/svg>" + } ], "globe-alt": [ - [ - { - "nr": 332, - "name": "globe-alt", - "css": ".gg-globe-alt,.gg-globe-alt::after,.gg-globe-alt::before{display:block;box-sizing:border-box;height:18px;border:2px solid}.gg-globe-alt{position:relative;transform:scale(var(--ggs,1));width:18px;border-radius:22px}.gg-globe-alt::after,.gg-globe-alt::before{content:\"\";position:absolute;width:8px;border-radius:100%;top:-2px;left:3px}.gg-globe-alt::after{width:24px;height:20px;border:2px solid transparent;border-bottom:2px solid;top:-11px;left:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/globe-alt.css');", - "json": "https:\/\/css.gg\/json?=globe-alt", - "xml": "https:\/\/css.gg\/xml?=globe-alt", - "svg_link": "https:\/\/css.gg\/globe-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGlobeAlt = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 18px;\n border: 2px solid;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 18px;\n border-radius: 22px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 8px;\n border-radius: 100%;\n top: -2px;\n left: 3px;\n }\n &::after {\n width: 24px;\n height: 20px;\n border: 2px solid transparent;\n border-bottom: 2px solid;\n top: -11px;\n left: -5px;\n }\n`\n\nexport const GlobeAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 332, + "name": "globe-alt", + "tags": "interface", + "css": ".gg-globe-alt,.gg-globe-alt::after,.gg-globe-alt::before{display:block;box-sizing:border-box;height:18px;border:2px solid}.gg-globe-alt{position:relative;transform:scale(var(--ggs,1));width:18px;border-radius:22px}.gg-globe-alt::after,.gg-globe-alt::before{content:\"\";position:absolute;width:8px;border-radius:100%;top:-2px;left:3px}.gg-globe-alt::after{width:24px;height:20px;border:2px solid transparent;border-bottom:2px solid;top:-11px;left:-5px}", + "svg": "\n \n<\/svg>" + } ], "globe": [ - [ - { - "nr": 333, - "name": "globe", - "css": ".gg-globe{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border:2px solid;border-radius:100px;margin-left:-3px;margin-top:-7px}.gg-globe::after,.gg-globe::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-globe::before{top:11px;border-right:2px solid transparent;box-shadow:0 2px 0,inset -2px 0 0;left:1px;width:6px;height:2px}.gg-globe::after{width:16px;height:10px;border-radius:50px;border-top-left-radius:0;border-top-right-radius:0;border:2px solid;border-top-color:transparent;right:-7px;bottom:-5px;transform:rotate(-35deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/globe.css');", - "json": "https:\/\/css.gg\/json?=globe", - "xml": "https:\/\/css.gg\/xml?=globe", - "svg_link": "https:\/\/css.gg\/globe.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGlobe = 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: 10px;\n border: 2px solid;\n border-radius: 100px;\n margin-left: -3px;\n margin-top: -7px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n top: 11px;\n border-right: 2px solid transparent;\n box-shadow: 0 2px 0, inset -2px 0 0;\n left: 1px;\n width: 6px;\n height: 2px;\n }\n &::after {\n width: 16px;\n height: 10px;\n border-radius: 50px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border: 2px solid;\n border-top-color: transparent;\n right: -7px;\n bottom: -5px;\n transform: rotate(-35deg);\n }\n`\n\nexport const Globe = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 333, + "name": "globe", + "tags": "interface", + "css": ".gg-globe{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border:2px solid;border-radius:100px;margin-left:-3px;margin-top:-7px}.gg-globe::after,.gg-globe::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-globe::before{top:11px;border-right:2px solid transparent;box-shadow:0 2px 0,inset -2px 0 0;left:1px;width:6px;height:2px}.gg-globe::after{width:16px;height:10px;border-radius:50px;border-top-left-radius:0;border-top-right-radius:0;border:2px solid;border-top-color:transparent;right:-7px;bottom:-5px;transform:rotate(-35deg)}", + "svg": "\n \n \n<\/svg>" + } ], "google-tasks": [ - [ - { - "nr": 334, - "name": "google-tasks", - "css": ".gg-google-tasks{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px}.gg-google-tasks::after,.gg-google-tasks::before{content:\"\";position:absolute;display:block;background:currentColor}.gg-google-tasks::before{width:6px;height:6px;border-radius:10px;bottom:6px;left:2px}.gg-google-tasks::after{height:18px;width:4px;border-radius:20px;transform:rotate(40deg);right:2px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/google-tasks.css');", - "json": "https:\/\/css.gg\/json?=google-tasks", - "xml": "https:\/\/css.gg\/xml?=google-tasks", - "svg_link": "https:\/\/css.gg\/google-tasks.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGoogleTasks = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n background: currentColor;\n }\n &::before {\n width: 6px;\n height: 6px;\n border-radius: 10px;\n bottom: 6px;\n left: 2px;\n }\n &::after {\n height: 18px;\n width: 4px;\n border-radius: 20px;\n transform: rotate(40deg);\n right: 2px;\n bottom: 0;\n }\n`\n\nexport const GoogleTasks = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 334, + "name": "google-tasks", + "tags": "brands", + "css": ".gg-google-tasks{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px}.gg-google-tasks::after,.gg-google-tasks::before{content:\"\";position:absolute;display:block;background:currentColor}.gg-google-tasks::before{width:6px;height:6px;border-radius:10px;bottom:6px;left:2px}.gg-google-tasks::after{height:18px;width:4px;border-radius:20px;transform:rotate(40deg);right:2px;bottom:0}", + "svg": "\n \n \n<\/svg>" + } ], "google": [ - [ - { - "nr": 335, - "name": "google", - "css": ".gg-google,.gg-google::before{box-sizing:border-box;display:block}.gg-google{position:relative;transform:scale(var(--ggs,1));width:20px;height:20px;border:4px solid;border-right-color:transparent;border-radius:22px}.gg-google::before{content:\"\";position:absolute;border-top:4px solid;border-right:4px solid;border-bottom:4px solid;border-radius:0 0 10px 0;width:10px;height:12px;right:-4px;bottom:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/google.css');", - "json": "https:\/\/css.gg\/json?=google", - "xml": "https:\/\/css.gg\/xml?=google", - "svg_link": "https:\/\/css.gg\/google.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGoogle = styled.i`\n &,\n &::before {\n box-sizing: border-box;\n display: block;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n border: 4px solid;\n border-right-color: transparent;\n border-radius: 22px;\n }\n &::before {\n content: '';\n position: absolute;\n border-top: 4px solid;\n border-right: 4px solid;\n border-bottom: 4px solid;\n border-radius: 0 0 10px 0;\n width: 10px;\n height: 12px;\n right: -4px;\n bottom: -4px;\n }\n`\n\nexport const Google = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 335, + "name": "google", + "tags": "brands", + "css": ".gg-google,.gg-google::before{box-sizing:border-box;display:block}.gg-google{position:relative;transform:scale(var(--ggs,1));width:20px;height:20px;border:4px solid;border-right-color:transparent;border-radius:22px}.gg-google::before{content:\"\";position:absolute;border-top:4px solid;border-right:4px solid;border-bottom:4px solid;border-radius:0 0 10px 0;width:10px;height:12px;right:-4px;bottom:-4px}", + "svg": "\n \n<\/svg>" + } ], "gym": [ - [ - { - "nr": 336, - "name": "gym", - "css": ".gg-gym{box-sizing:border-box;position:relative;display:block;transform:rotate(-35deg) scale(var(--ggs,1));width:8px;height:20px;border-top:9px solid transparent;border-bottom:9px solid transparent;box-shadow:inset 0 0 0 2px}.gg-gym::after,.gg-gym::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-gym::before{box-shadow:-3px 0 0 -1px,3px 0 0 -1px,inset 2px 0 0 0,inset -2px 0 0 0;width:14px;height:8px;border-left:1px solid transparent;border-right:1px solid transparent;top:-3px;left:-3px}.gg-gym::after{width:22px;height:2px;border-left:2px solid;border-right:2px solid;top:0;left:-7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/gym.css');", - "json": "https:\/\/css.gg\/json?=gym", - "xml": "https:\/\/css.gg\/xml?=gym", - "svg_link": "https:\/\/css.gg\/gym.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledGym = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-35deg) scale(var(--ggs, 1));\n width: 8px;\n height: 20px;\n border-top: 9px solid transparent;\n border-bottom: 9px solid transparent;\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 }\n &::before {\n box-shadow: -3px 0 0 -1px, 3px 0 0 -1px, inset 2px 0 0 0, inset -2px 0 0 0;\n width: 14px;\n height: 8px;\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n top: -3px;\n left: -3px;\n }\n &::after {\n width: 22px;\n height: 2px;\n border-left: 2px solid;\n border-right: 2px solid;\n top: 0;\n left: -7px;\n }\n`\n\nexport const Gym = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 336, + "name": "gym", + "tags": "interface", + "css": ".gg-gym{box-sizing:border-box;position:relative;display:block;transform:rotate(-35deg) scale(var(--ggs,1));width:8px;height:20px;border-top:9px solid transparent;border-bottom:9px solid transparent;box-shadow:inset 0 0 0 2px}.gg-gym::after,.gg-gym::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-gym::before{box-shadow:-3px 0 0 -1px,3px 0 0 -1px,inset 2px 0 0 0,inset -2px 0 0 0;width:14px;height:8px;border-left:1px solid transparent;border-right:1px solid transparent;top:-3px;left:-3px}.gg-gym::after{width:22px;height:2px;border-left:2px solid;border-right:2px solid;top:0;left:-7px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "hashtag": [ - [ - { - "nr": 337, - "name": "hashtag", - "css": ".gg-hashtag{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:16px;border-left:2px solid;border-right:2px solid}.gg-hashtag::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:16px;height:8px;border-top:2px solid;border-bottom:2px solid;left:-6px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/hashtag.css');", - "json": "https:\/\/css.gg\/json?=hashtag", - "xml": "https:\/\/css.gg\/xml?=hashtag", - "svg_link": "https:\/\/css.gg\/hashtag.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledHashtag = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 16px;\n border-left: 2px solid;\n border-right: 2px solid;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 16px;\n height: 8px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n left: -6px;\n top: 4px;\n }\n`\n\nexport const Hashtag = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 337, + "name": "hashtag", + "tags": "interface code", + "css": ".gg-hashtag{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:16px;border-left:2px solid;border-right:2px solid}.gg-hashtag::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:16px;height:8px;border-top:2px solid;border-bottom:2px solid;left:-6px;top:4px}", + "svg": "\n \n<\/svg>" + } ], "headset": [ - [ - { - "nr": 338, - "name": "headset", - "css": ".gg-headset{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border-top-left-radius:120px;border-top-right-radius:120px;border:2px solid;border-bottom:0}.gg-headset::after,.gg-headset::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid;width:6px;height:8px;top:8px}.gg-headset::before{border-top-right-radius:2px;border-bottom-right-radius:2px;left:-2px}.gg-headset::after{border-top-left-radius:2px;border-bottom-left-radius:2px;left:10px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/headset.css');", - "json": "https:\/\/css.gg\/json?=headset", - "xml": "https:\/\/css.gg\/xml?=headset", - "svg_link": "https:\/\/css.gg\/headset.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledHeadset = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border-top-left-radius: 120px;\n border-top-right-radius: 120px;\n border: 2px solid;\n border-bottom: 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n width: 6px;\n height: 8px;\n top: 8px;\n }\n &::before {\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n left: -2px;\n }\n &::after {\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n left: 10px;\n }\n`\n\nexport const Headset = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 338, + "name": "headset", + "tags": "multimedia music", + "css": ".gg-headset{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border-top-left-radius:120px;border-top-right-radius:120px;border:2px solid;border-bottom:0}.gg-headset::after,.gg-headset::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid;width:6px;height:8px;top:8px}.gg-headset::before{border-top-right-radius:2px;border-bottom-right-radius:2px;left:-2px}.gg-headset::after{border-top-left-radius:2px;border-bottom-left-radius:2px;left:10px}", + "svg": "\n \n<\/svg>" + } ], "heart": [ - [ - { - "nr": 339, - "name": "heart", - "css": ".gg-heart,.gg-heart::after{border:2px solid;border-top-left-radius:100px;border-top-right-radius:100px;width:10px;height:8px;border-bottom:0}.gg-heart{box-sizing:border-box;position:relative;transform:translate(calc(-10px \/ 2 * var(--ggs,1)),calc(-6px \/ 2 * var(--ggs,1)))rotate(-45deg)scale(var(--ggs,1));display:block}.gg-heart::after,.gg-heart::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-heart::after{right:-9px;transform:rotate(90deg);top:5px}.gg-heart::before{width:11px;height:11px;border-left:2px solid;border-bottom:2px solid;left:-2px;top:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/heart.css');", - "json": "https:\/\/css.gg\/json?=heart", - "xml": "https:\/\/css.gg\/xml?=heart", - "svg_link": "https:\/\/css.gg\/heart.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledHeart = styled.i`\n &,\n &::after {\n border: 2px solid;\n border-top-left-radius: 100px;\n border-top-right-radius: 100px;\n width: 10px;\n height: 8px;\n border-bottom: 0;\n }\n & {\n box-sizing: border-box;\n position: relative;\n transform: translate(calc(-10px \/ 2 * var(--ggs, 1)), calc(-6px \/ 2 * var(--ggs, 1)))\n rotate(-45deg) scale(var(--ggs, 1));\n display: block;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n right: -9px;\n transform: rotate(90deg);\n top: 5px;\n }\n &::before {\n width: 11px;\n height: 11px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n left: -2px;\n top: 3px;\n }\n`\n\nexport const Heart = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 339, + "name": "heart", + "tags": "design", + "css": ".gg-heart,.gg-heart::after{border:2px solid;border-top-left-radius:100px;border-top-right-radius:100px;width:10px;height:8px;border-bottom:0}.gg-heart{box-sizing:border-box;position:relative;transform:translate(calc(-10px \/ 2 * var(--ggs,1)),calc(-6px \/ 2 * var(--ggs,1)))rotate(-45deg)scale(var(--ggs,1));display:block}.gg-heart::after,.gg-heart::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-heart::after{right:-9px;transform:rotate(90deg);top:5px}.gg-heart::before{width:11px;height:11px;border-left:2px solid;border-bottom:2px solid;left:-2px;top:3px}", + "svg": "\n \n<\/svg>" + } ], "hello": [ - [ - { - "nr": 340, - "name": "hello", - "css": ".gg-hello{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));overflow:hidden;width:20px;height:20px;border-radius:6px;border-bottom-left-radius:0}.gg-hello::after,.gg-hello::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-hello::before{width:30px;height:30px;border:8px solid;left:-5px;top:-5px;border-radius:30px}.gg-hello::after{width:10px;height:5px;background:currentColor;border-bottom-left-radius:30px;border-bottom-right-radius:30px;bottom:5px;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/hello.css');", - "json": "https:\/\/css.gg\/json?=hello", - "xml": "https:\/\/css.gg\/xml?=hello", - "svg_link": "https:\/\/css.gg\/hello.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledHello = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n overflow: hidden;\n width: 20px;\n height: 20px;\n border-radius: 6px;\n border-bottom-left-radius: 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n }\n &::before {\n width: 30px;\n height: 30px;\n border: 8px solid;\n left: -5px;\n top: -5px;\n border-radius: 30px;\n }\n &::after {\n width: 10px;\n height: 5px;\n background: currentColor;\n border-bottom-left-radius: 30px;\n border-bottom-right-radius: 30px;\n bottom: 5px;\n left: 5px;\n }\n`\n\nexport const Hello = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 340, + "name": "hello", + "tags": "brands", + "css": ".gg-hello{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));overflow:hidden;width:20px;height:20px;border-radius:6px;border-bottom-left-radius:0}.gg-hello::after,.gg-hello::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-hello::before{width:30px;height:30px;border:8px solid;left:-5px;top:-5px;border-radius:30px}.gg-hello::after{width:10px;height:5px;background:currentColor;border-bottom-left-radius:30px;border-bottom-right-radius:30px;bottom:5px;left:5px}", + "svg": "\n \n \n<\/svg>" + } ], "home-alt": [ - [ - { - "nr": 341, - "name": "home-alt", - "css": ".gg-home-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid;border-top:0;border-radius:2px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;margin-bottom:-2px}.gg-home-alt::after,.gg-home-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-home-alt::before{border-top:2px solid;border-left:2px solid;border-top-left-radius:4px;transform:rotate(45deg);top:-5px;border-radius:3px;width:14px;height:14px;left:0}.gg-home-alt::after{width:6px;height:10px;background:currentColor;border-top-left-radius:100px;border-top-right-radius:100px;left:4px;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/home-alt.css');", - "json": "https:\/\/css.gg\/json?=home-alt", - "xml": "https:\/\/css.gg\/xml?=home-alt", - "svg_link": "https:\/\/css.gg\/home-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledHomeAlt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 14px;\n border: 2px solid;\n border-top: 0;\n border-radius: 2px;\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n margin-bottom: -2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-top: 2px solid;\n border-left: 2px solid;\n border-top-left-radius: 4px;\n transform: rotate(45deg);\n top: -5px;\n border-radius: 3px;\n width: 14px;\n height: 14px;\n left: 0;\n }\n &::after {\n width: 6px;\n height: 10px;\n background: currentColor;\n border-top-left-radius: 100px;\n border-top-right-radius: 100px;\n left: 4px;\n bottom: -2px;\n }\n`\n\nexport const HomeAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 341, + "name": "home-alt", + "tags": "interface", + "css": ".gg-home-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid;border-top:0;border-radius:2px;border-bottom-left-radius:3px;border-bottom-right-radius:3px;margin-bottom:-2px}.gg-home-alt::after,.gg-home-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-home-alt::before{border-top:2px solid;border-left:2px solid;border-top-left-radius:4px;transform:rotate(45deg);top:-5px;border-radius:3px;width:14px;height:14px;left:0}.gg-home-alt::after{width:6px;height:10px;background:currentColor;border-top-left-radius:100px;border-top-right-radius:100px;left:4px;bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "home-screen": [ - [ - { - "nr": 342, - "name": "home-screen", - "css": ".gg-home-screen{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:22px;border-radius:3px;border:2px solid}.gg-home-screen::after,.gg-home-screen::before{content:\"\";display:block;position:absolute;box-sizing:border-box;border-radius:2px;width:2px;height:2px;left:1px;background:currentColor}.gg-home-screen::after{top:1px;box-shadow:3px 0,6px 0,0 3px,3px 3px,6px 3px,0 6px}.gg-home-screen::before{bottom:1px;box-shadow:3px 0 0,6px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/home-screen.css');", - "json": "https:\/\/css.gg\/json?=home-screen", - "xml": "https:\/\/css.gg\/xml?=home-screen", - "svg_link": "https:\/\/css.gg\/home-screen.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledHomeScreen = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 22px;\n border-radius: 3px;\n border: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n border-radius: 2px;\n width: 2px;\n height: 2px;\n left: 1px;\n background: currentColor;\n }\n &::after {\n top: 1px;\n box-shadow: 3px 0, 6px 0, 0 3px, 3px 3px, 6px 3px, 0 6px;\n }\n &::before {\n bottom: 1px;\n box-shadow: 3px 0 0, 6px 0 0;\n }\n`\n\nexport const HomeScreen = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 342, + "name": "home-screen", + "tags": "devices", + "css": ".gg-home-screen{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:22px;border-radius:3px;border:2px solid}.gg-home-screen::after,.gg-home-screen::before{content:\"\";display:block;position:absolute;box-sizing:border-box;border-radius:2px;width:2px;height:2px;left:1px;background:currentColor}.gg-home-screen::after{top:1px;box-shadow:3px 0,6px 0,0 3px,3px 3px,6px 3px,0 6px}.gg-home-screen::before{bottom:1px;box-shadow:3px 0 0,6px 0 0}", + "svg": "\n \n \n \n \n \n \n \n \n \n \n \n<\/svg>" + } ], "home": [ - [ - { - "nr": 343, - "name": "home", - "css": ".gg-home{background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 0 bottom\/4px 2px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat right bottom\/4px 2px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid;border-top:0;border-bottom:0;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:-2px}.gg-home::after,.gg-home::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-home::before{border-top:2px solid;border-left:2px solid;border-top-left-radius:4px;transform:rotate(45deg);top:-5px;border-radius:3px;width:14px;height:14px;left:0}.gg-home::after{width:8px;height:10px;border:2px solid;border-radius:100px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;left:3px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/home.css');", - "json": "https:\/\/css.gg\/json?=home", - "xml": "https:\/\/css.gg\/xml?=home", - "svg_link": "https:\/\/css.gg\/home.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledHome = styled.i`\n & {\n background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 0 bottom\/4px 2px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat right bottom\/4px 2px;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 14px;\n border: 2px solid;\n border-top: 0;\n border-bottom: 0;\n border-top-right-radius: 3px;\n border-top-left-radius: 3px;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n margin-bottom: -2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-top: 2px solid;\n border-left: 2px solid;\n border-top-left-radius: 4px;\n transform: rotate(45deg);\n top: -5px;\n border-radius: 3px;\n width: 14px;\n height: 14px;\n left: 0;\n }\n &::after {\n width: 8px;\n height: 10px;\n border: 2px solid;\n border-radius: 100px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom: 0;\n left: 3px;\n bottom: 0;\n }\n`\n\nexport const Home = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 343, + "name": "home", + "tags": "interface", + "css": ".gg-home{background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 0 bottom\/4px 2px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat right bottom\/4px 2px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid;border-top:0;border-bottom:0;border-top-right-radius:3px;border-top-left-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:-2px}.gg-home::after,.gg-home::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-home::before{border-top:2px solid;border-left:2px solid;border-top-left-radius:4px;transform:rotate(45deg);top:-5px;border-radius:3px;width:14px;height:14px;left:0}.gg-home::after{width:8px;height:10px;border:2px solid;border-radius:100px;border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:0;left:3px;bottom:0}", + "svg": "\n \n<\/svg>" + } ], "icecream": [ - [ - { - "nr": 344, - "name": "icecream", - "css": ".gg-icecream{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px;border:2px solid;border-top-left-radius:12px;border-top-right-radius:12px;margin-top:-8px;border-bottom:0}.gg-icecream::after,.gg-icecream::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-icecream::before{border-left:4px solid;border-right:4px solid;width:12px;height:2px;bottom:0;left:-2px}.gg-icecream::after{width:6px;height:8px;border:2px solid;bottom:-6px;left:2px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;border-top:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/icecream.css');", - "json": "https:\/\/css.gg\/json?=icecream", - "xml": "https:\/\/css.gg\/xml?=icecream", - "svg_link": "https:\/\/css.gg\/icecream.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledIcecream = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 16px;\n border: 2px solid;\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n margin-top: -8px;\n border-bottom: 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-left: 4px solid;\n border-right: 4px solid;\n width: 12px;\n height: 2px;\n bottom: 0;\n left: -2px;\n }\n &::after {\n width: 6px;\n height: 8px;\n border: 2px solid;\n bottom: -6px;\n left: 2px;\n border-bottom-left-radius: 100px;\n border-bottom-right-radius: 100px;\n border-top: 0;\n }\n`\n\nexport const Icecream = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 344, + "name": "icecream", + "tags": "design", + "css": ".gg-icecream{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:16px;border:2px solid;border-top-left-radius:12px;border-top-right-radius:12px;margin-top:-8px;border-bottom:0}.gg-icecream::after,.gg-icecream::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-icecream::before{border-left:4px solid;border-right:4px solid;width:12px;height:2px;bottom:0;left:-2px}.gg-icecream::after{width:6px;height:8px;border:2px solid;bottom:-6px;left:2px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;border-top:0}", + "svg": "\n \n<\/svg>" + } ], "if-design": [ - [ - { - "nr": 345, - "name": "if-design", - "css": ".gg-if-design{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;background:linear-gradient(to left,currentColor 18px,transparent 0)no-repeat center center\/4px 18px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 10px top\/4px 4px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 10px 5px\/4px 4px,linear-gradient(to left,currentColor 14px,transparent 0)no-repeat 0 5px\/4px 14px}.gg-if-design::before{content:\"\";display:block;position:absolute;width:4px;height:4px;border-radius:10px;background-color:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/if-design.css');", - "json": "https:\/\/css.gg\/json?=if-design", - "xml": "https:\/\/css.gg\/xml?=if-design", - "svg_link": "https:\/\/css.gg\/if-design.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledIfDesign = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n background: linear-gradient(to left, currentColor 18px, transparent 0) no-repeat center\n center\/4px 18px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px top\/4px 4px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px 5px\/4px 4px,\n linear-gradient(to left, currentColor 14px, transparent 0) no-repeat 0 5px\/4px 14px;\n }\n &::before {\n content: '';\n display: block;\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 10px;\n background-color: currentColor;\n }\n`\n\nexport const IfDesign = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 345, + "name": "if-design", + "tags": "brands", + "css": ".gg-if-design{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;background:linear-gradient(to left,currentColor 18px,transparent 0)no-repeat center center\/4px 18px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 10px top\/4px 4px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 10px 5px\/4px 4px,linear-gradient(to left,currentColor 14px,transparent 0)no-repeat 0 5px\/4px 14px}.gg-if-design::before{content:\"\";display:block;position:absolute;width:4px;height:4px;border-radius:10px;background-color:currentColor}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "image": [ - [ - { - "nr": 346, - "name": "image", - "css": ".gg-image{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:16px;overflow:hidden;box-shadow:0 0 0 2px;border-radius:2px}.gg-image::after,.gg-image::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-image::after{transform:rotate(45deg);border-radius:3px;width:16px;height:16px;top:9px;left:6px}.gg-image::before{width:6px;height:6px;border-radius:100%;top:2px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/image.css');", - "json": "https:\/\/css.gg\/json?=image", - "xml": "https:\/\/css.gg\/xml?=image", - "svg_link": "https:\/\/css.gg\/image.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledImage = 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: 16px;\n overflow: hidden;\n box-shadow: 0 0 0 2px;\n border-radius: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n }\n &::after {\n transform: rotate(45deg);\n border-radius: 3px;\n width: 16px;\n height: 16px;\n top: 9px;\n left: 6px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border-radius: 100%;\n top: 2px;\n left: 2px;\n }\n`\n\nexport const Image = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 346, + "name": "image", + "tags": "multimedia interface", + "css": ".gg-image{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:16px;overflow:hidden;box-shadow:0 0 0 2px;border-radius:2px}.gg-image::after,.gg-image::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-image::after{transform:rotate(45deg);border-radius:3px;width:16px;height:16px;top:9px;left:6px}.gg-image::before{width:6px;height:6px;border-radius:100%;top:2px;left:2px}", + "svg": "\n \n \n<\/svg>" + } ], "import": [ - [ - { - "nr": 347, - "name": "import", - "css": ".gg-import{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid;border-top:0;box-shadow:-6px -8px 0 -6px,6px -8px 0 -6px}.gg-import::after,.gg-import::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-import::before{background:currentColor;width:2px;height:14px;right:6px;bottom:5px}.gg-import::after{width:6px;height:6px;border-right:2px solid;border-bottom:2px solid;right:4px;bottom:4px;transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/import.css');", - "json": "https:\/\/css.gg\/json?=import", - "xml": "https:\/\/css.gg\/xml?=import", - "svg_link": "https:\/\/css.gg\/import.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledImport = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 14px;\n border: 2px solid;\n border-top: 0;\n box-shadow: -6px -8px 0 -6px, 6px -8px 0 -6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n width: 2px;\n height: 14px;\n right: 6px;\n bottom: 5px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-right: 2px solid;\n border-bottom: 2px solid;\n right: 4px;\n bottom: 4px;\n transform: rotate(45deg);\n }\n`\n\nexport const Import = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 347, + "name": "import", + "tags": "interface arrows", + "css": ".gg-import{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:14px;border:2px solid;border-top:0;box-shadow:-6px -8px 0 -6px,6px -8px 0 -6px}.gg-import::after,.gg-import::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-import::before{background:currentColor;width:2px;height:14px;right:6px;bottom:5px}.gg-import::after{width:6px;height:6px;border-right:2px solid;border-bottom:2px solid;right:4px;bottom:4px;transform:rotate(45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "inbox": [ - [ - { - "nr": 348, - "name": "inbox", - "css": ".gg-inbox{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;box-shadow:inset 0 -2px 0 0;border-radius:3px}.gg-inbox::after,.gg-inbox::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;height:7px;width:7px;border-radius:2px;bottom:-2px}.gg-inbox::before{left:-2px}.gg-inbox::after{right:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/inbox.css');", - "json": "https:\/\/css.gg\/json?=inbox", - "xml": "https:\/\/css.gg\/xml?=inbox", - "svg_link": "https:\/\/css.gg\/inbox.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInbox = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n box-shadow: inset 0 -2px 0 0;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n height: 7px;\n width: 7px;\n border-radius: 2px;\n bottom: -2px;\n }\n &::before {\n left: -2px;\n }\n &::after {\n right: -2px;\n }\n`\n\nexport const Inbox = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 348, + "name": "inbox", + "tags": "buttons interface", + "css": ".gg-inbox{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;box-shadow:inset 0 -2px 0 0;border-radius:3px}.gg-inbox::after,.gg-inbox::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;height:7px;width:7px;border-radius:2px;bottom:-2px}.gg-inbox::before{left:-2px}.gg-inbox::after{right:-2px}", + "svg": "\n \n<\/svg>" + } ], "indie-hackers": [ - [ - { - "nr": 349, - "name": "indie-hackers", - "css": ".gg-indie-hackers{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:12px}.gg-indie-hackers::after,.gg-indie-hackers::before{content:\"\";position:absolute;box-sizing:border-box;display:block;height:12px}.gg-indie-hackers::before{width:3px;background:currentColor}.gg-indie-hackers::after{width:10px;right:0;border-left:3px solid;border-right:3px solid;background:linear-gradient(to left,currentColor 14px,transparent 0)no-repeat 0 center\/14px 3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/indie-hackers.css');", - "json": "https:\/\/css.gg\/json?=indie-hackers", - "xml": "https:\/\/css.gg\/xml?=indie-hackers", - "svg_link": "https:\/\/css.gg\/indie-hackers.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledIndieHackers = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 12px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n height: 12px;\n }\n &::before {\n width: 3px;\n background: currentColor;\n }\n &::after {\n width: 10px;\n right: 0;\n border-left: 3px solid;\n border-right: 3px solid;\n background: linear-gradient(to left, currentColor 14px, transparent 0) no-repeat 0 center\/14px\n 3px;\n }\n`\n\nexport const IndieHackers = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 349, + "name": "indie-hackers", + "tags": "brands", + "css": ".gg-indie-hackers{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:12px}.gg-indie-hackers::after,.gg-indie-hackers::before{content:\"\";position:absolute;box-sizing:border-box;display:block;height:12px}.gg-indie-hackers::before{width:3px;background:currentColor}.gg-indie-hackers::after{width:10px;right:0;border-left:3px solid;border-right:3px solid;background:linear-gradient(to left,currentColor 14px,transparent 0)no-repeat 0 center\/14px 3px}", + "svg": "\n \n \n<\/svg>" + } ], "infinity": [ - [ - { - "nr": 350, - "name": "infinity", - "css": ".gg-infinity{background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat -4px 4px\/2px 2px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 4px 4px\/2px 2px;box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:10px;height:18px;border:4px solid transparent;box-shadow:inset 0 0 0 2px}.gg-infinity::after,.gg-infinity::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border:2px solid;border-radius:200px;transform:rotate(45deg)}.gg-infinity::after{border-right-color:transparent;left:-8px;top:-4px}.gg-infinity::before{border-left-color:transparent;right:-8px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/infinity.css');", - "json": "https:\/\/css.gg\/json?=infinity", - "xml": "https:\/\/css.gg\/xml?=infinity", - "svg_link": "https:\/\/css.gg\/infinity.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInfinity = styled.i`\n & {\n background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat -4px 4px\/2px 2px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 4px\/2px 2px;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-45deg) scale(var(--ggs, 1));\n width: 10px;\n height: 18px;\n border: 4px solid transparent;\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 width: 10px;\n height: 10px;\n border: 2px solid;\n border-radius: 200px;\n transform: rotate(45deg);\n }\n &::after {\n border-right-color: transparent;\n left: -8px;\n top: -4px;\n }\n &::before {\n border-left-color: transparent;\n right: -8px;\n top: 4px;\n }\n`\n\nexport const Infinity = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 350, + "name": "infinity", + "tags": "signs interface", + "css": ".gg-infinity{background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat -4px 4px\/2px 2px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 4px 4px\/2px 2px;box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:10px;height:18px;border:4px solid transparent;box-shadow:inset 0 0 0 2px}.gg-infinity::after,.gg-infinity::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border:2px solid;border-radius:200px;transform:rotate(45deg)}.gg-infinity::after{border-right-color:transparent;left:-8px;top:-4px}.gg-infinity::before{border-left-color:transparent;right:-8px;top:4px}", + "svg": "\n \n<\/svg>" + } ], "info": [ - [ - { - "nr": 351, - "name": "info", - "css": ".gg-info{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:40px}.gg-info::after,.gg-info::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;background:currentColor;left:7px}.gg-info::after{bottom:2px;height:8px}.gg-info::before{height:2px;top:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/info.css');", - "json": "https:\/\/css.gg\/json?=info", - "xml": "https:\/\/css.gg\/xml?=info", - "svg_link": "https:\/\/css.gg\/info.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInfo = 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: 20px;\n border: 2px solid;\n border-radius: 40px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n background: currentColor;\n left: 7px;\n }\n &::after {\n bottom: 2px;\n height: 8px;\n }\n &::before {\n height: 2px;\n top: 2px;\n }\n`\n\nexport const Info = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 351, + "name": "info", + "tags": "alerts interface buttons", + "css": ".gg-info{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:40px}.gg-info::after,.gg-info::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;background:currentColor;left:7px}.gg-info::after{bottom:2px;height:8px}.gg-info::before{height:2px;top:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "inpicture": [ - [ - { - "nr": 352, - "name": "inpicture", - "css": ".gg-inpicture{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid;border-radius:2px}.gg-inpicture::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:5px;background:currentColor;right:2px;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/inpicture.css');", - "json": "https:\/\/css.gg\/json?=inpicture", - "xml": "https:\/\/css.gg\/xml?=inpicture", - "svg_link": "https:\/\/css.gg\/inpicture.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInpicture = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 16px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 5px;\n background: currentColor;\n right: 2px;\n bottom: 2px;\n }\n`\n\nexport const Inpicture = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 352, + "name": "inpicture", + "tags": "multimedia interface", + "css": ".gg-inpicture{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid;border-radius:2px}.gg-inpicture::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:5px;background:currentColor;right:2px;bottom:2px}", + "svg": "\n \n \n<\/svg>" + } ], "insert-after-o": [ - [ - { - "nr": 353, - "name": "insert-after-o", - "css": ".gg-insert-after-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:20px}.gg-insert-after-o::before{box-shadow:-2px 12px 0,2px 12px 0;}.gg-insert-after-o::after,.gg-insert-after-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;border-radius:5px;top:5px;left:2px}.gg-insert-after-o::after{width:2px;height:8px;top:2px;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/insert-after-o.css');", - "json": "https:\/\/css.gg\/json?=insert-after-o", - "xml": "https:\/\/css.gg\/xml?=insert-after-o", - "svg_link": "https:\/\/css.gg\/insert-after-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInsertAfterO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-radius: 20px;\n }\n &::before {\n box-shadow: -2px 12px 0, 2px 12px 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 2px;\n background: currentColor;\n border-radius: 5px;\n top: 5px;\n left: 2px;\n }\n &::after {\n width: 2px;\n height: 8px;\n top: 2px;\n left: 5px;\n }\n`\n\nexport const InsertAfterO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 353, + "name": "insert-after-o", + "tags": "design", + "css": ".gg-insert-after-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:20px}.gg-insert-after-o::before{box-shadow:-2px 12px 0,2px 12px 0;}.gg-insert-after-o::after,.gg-insert-after-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;border-radius:5px;top:5px;left:2px}.gg-insert-after-o::after{width:2px;height:8px;top:2px;left:5px}", + "svg": "\n \n \n \n<\/svg>" + } ], "insert-after-r": [ - [ - { - "nr": 354, - "name": "insert-after-r", - "css": ".gg-insert-after-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:4px}.gg-insert-after-r::before{box-shadow:-2px 12px 0,2px 12px 0;}.gg-insert-after-r::after,.gg-insert-after-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;border-radius:5px;top:5px;left:2px}.gg-insert-after-r::after{width:2px;height:8px;top:2px;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/insert-after-r.css');", - "json": "https:\/\/css.gg\/json?=insert-after-r", - "xml": "https:\/\/css.gg\/xml?=insert-after-r", - "svg_link": "https:\/\/css.gg\/insert-after-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInsertAfterR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::before {\n box-shadow: -2px 12px 0, 2px 12px 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 2px;\n background: currentColor;\n border-radius: 5px;\n top: 5px;\n left: 2px;\n }\n &::after {\n width: 2px;\n height: 8px;\n top: 2px;\n left: 5px;\n }\n`\n\nexport const InsertAfterR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 354, + "name": "insert-after-r", + "tags": "design", + "css": ".gg-insert-after-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:4px}.gg-insert-after-r::before{box-shadow:-2px 12px 0,2px 12px 0;}.gg-insert-after-r::after,.gg-insert-after-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;border-radius:5px;top:5px;left:2px}.gg-insert-after-r::after{width:2px;height:8px;top:2px;left:5px}", + "svg": "\n \n \n \n<\/svg>" + } ], "insert-after": [ - [ - { - "nr": 355, - "name": "insert-after", - "css": ".gg-insert-after{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px}.gg-insert-after::before{box-shadow:-2px 10px 0,2px 10px 0;}.gg-insert-after::after,.gg-insert-after::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}.gg-insert-after::after{width:2px;height:10px;top:4px;left:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/insert-after.css');", - "json": "https:\/\/css.gg\/json?=insert-after", - "xml": "https:\/\/css.gg\/xml?=insert-after", - "svg_link": "https:\/\/css.gg\/insert-after.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInsertAfter = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n }\n &::before {\n box-shadow: -2px 10px 0, 2px 10px 0;\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 InsertAfter = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 355, + "name": "insert-after", + "tags": "design", + "css": ".gg-insert-after{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px}.gg-insert-after::before{box-shadow:-2px 10px 0,2px 10px 0;}.gg-insert-after::after,.gg-insert-after::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}.gg-insert-after::after{width:2px;height:10px;top:4px;left:8px}", + "svg": "\n \n \n<\/svg>" + } ], "insert-before-o": [ - [ - { - "nr": 356, - "name": "insert-before-o", - "css": ".gg-insert-before-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:20px}.gg-insert-before-o::before{box-shadow:-2px -12px 0,2px -12px 0;}.gg-insert-before-o::after,.gg-insert-before-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;border-radius:5px;top:5px;left:2px}.gg-insert-before-o::after{width:2px;height:8px;top:2px;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/insert-before-o.css');", - "json": "https:\/\/css.gg\/json?=insert-before-o", - "xml": "https:\/\/css.gg\/xml?=insert-before-o", - "svg_link": "https:\/\/css.gg\/insert-before-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInsertBeforeO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-radius: 20px;\n }\n &::before {\n box-shadow: -2px -12px 0, 2px -12px 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 2px;\n background: currentColor;\n border-radius: 5px;\n top: 5px;\n left: 2px;\n }\n &::after {\n width: 2px;\n height: 8px;\n top: 2px;\n left: 5px;\n }\n`\n\nexport const InsertBeforeO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 356, + "name": "insert-before-o", + "tags": "design", + "css": ".gg-insert-before-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:20px}.gg-insert-before-o::before{box-shadow:-2px -12px 0,2px -12px 0;}.gg-insert-before-o::after,.gg-insert-before-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;border-radius:5px;top:5px;left:2px}.gg-insert-before-o::after{width:2px;height:8px;top:2px;left:5px}", + "svg": "\n \n \n \n<\/svg>" + } ], "insert-before-r": [ - [ - { - "nr": 357, - "name": "insert-before-r", - "css": ".gg-insert-before-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:4px}.gg-insert-before-r::before{box-shadow:-2px -12px 0,2px -12px 0;}.gg-insert-before-r::after,.gg-insert-before-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;border-radius:5px;top:5px;left:2px}.gg-insert-before-r::after{width:2px;height:8px;top:2px;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/insert-before-r.css');", - "json": "https:\/\/css.gg\/json?=insert-before-r", - "xml": "https:\/\/css.gg\/xml?=insert-before-r", - "svg_link": "https:\/\/css.gg\/insert-before-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInsertBeforeR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::before {\n box-shadow: -2px -12px 0, 2px -12px 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 2px;\n background: currentColor;\n border-radius: 5px;\n top: 5px;\n left: 2px;\n }\n &::after {\n width: 2px;\n height: 8px;\n top: 2px;\n left: 5px;\n }\n`\n\nexport const InsertBeforeR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 357, + "name": "insert-before-r", + "tags": "design", + "css": ".gg-insert-before-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:4px}.gg-insert-before-r::before{box-shadow:-2px -12px 0,2px -12px 0;}.gg-insert-before-r::after,.gg-insert-before-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;border-radius:5px;top:5px;left:2px}.gg-insert-before-r::after{width:2px;height:8px;top:2px;left:5px}", + "svg": "\n \n \n \n<\/svg>" + } ], "insert-before": [ - [ - { - "nr": 358, - "name": "insert-before", - "css": ".gg-insert-before{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px}.gg-insert-before::before{box-shadow:-2px -10px 0,2px -10px 0;}.gg-insert-before::after,.gg-insert-before::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}.gg-insert-before::after{width:2px;height:10px;top:4px;left:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/insert-before.css');", - "json": "https:\/\/css.gg\/json?=insert-before", - "xml": "https:\/\/css.gg\/xml?=insert-before", - "svg_link": "https:\/\/css.gg\/insert-before.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInsertBefore = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n }\n &::before {\n box-shadow: -2px -10px 0, 2px -10px 0;\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 InsertBefore = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 358, + "name": "insert-before", + "tags": "design", + "css": ".gg-insert-before{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px}.gg-insert-before::before{box-shadow:-2px -10px 0,2px -10px 0;}.gg-insert-before::after,.gg-insert-before::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}.gg-insert-before::after{width:2px;height:10px;top:4px;left:8px}", + "svg": "\n \n \n<\/svg>" + } ], "insights": [ - [ - { - "nr": 359, - "name": "insights", - "css": ".gg-insights{box-sizing:border-box;position:relative;display:block;width:14px;height:16px;transform:scale(var(--ggs,1));border-left:8px solid transparent;border-top:4px solid transparent;box-shadow:inset 0 0 0 2px}.gg-insights::after,.gg-insights::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:16px;border:2px solid;right:4px;bottom:0}.gg-insights::before{height:8px;right:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/insights.css');", - "json": "https:\/\/css.gg\/json?=insights", - "xml": "https:\/\/css.gg\/xml?=insights", - "svg_link": "https:\/\/css.gg\/insights.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInsights = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 14px;\n height: 16px;\n transform: scale(var(--ggs, 1));\n border-left: 8px solid transparent;\n border-top: 4px solid transparent;\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 width: 6px;\n height: 16px;\n border: 2px solid;\n right: 4px;\n bottom: 0;\n }\n &::before {\n height: 8px;\n right: 8px;\n }\n`\n\nexport const Insights = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 359, + "name": "insights", + "tags": "interface", + "css": ".gg-insights{box-sizing:border-box;position:relative;display:block;width:14px;height:16px;transform:scale(var(--ggs,1));border-left:8px solid transparent;border-top:4px solid transparent;box-shadow:inset 0 0 0 2px}.gg-insights::after,.gg-insights::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:16px;border:2px solid;right:4px;bottom:0}.gg-insights::before{height:8px;right:8px}", + "svg": "\n \n<\/svg>" + } ], "instagram": [ - [ - { - "nr": 360, - "name": "instagram", - "css": ".gg-instagram{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:4px;width:20px;height:20px}.gg-instagram::after,.gg-instagram::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-instagram::after{border:2px solid;left:3px;width:10px;height:10px;border-radius:100%;top:3px}.gg-instagram::before{border-radius:3px;width:2px;height:2px;background:currentColor;right:1px;top:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/instagram.css');", - "json": "https:\/\/css.gg\/json?=instagram", - "xml": "https:\/\/css.gg\/xml?=instagram", - "svg_link": "https:\/\/css.gg\/instagram.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInstagram = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n border-radius: 4px;\n width: 20px;\n height: 20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n border: 2px solid;\n left: 3px;\n width: 10px;\n height: 10px;\n border-radius: 100%;\n top: 3px;\n }\n &::before {\n border-radius: 3px;\n width: 2px;\n height: 2px;\n background: currentColor;\n right: 1px;\n top: 1px;\n }\n`\n\nexport const Instagram = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 360, + "name": "instagram", + "tags": "brands", + "css": ".gg-instagram{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:4px;width:20px;height:20px}.gg-instagram::after,.gg-instagram::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-instagram::after{border:2px solid;left:3px;width:10px;height:10px;border-radius:100%;top:3px}.gg-instagram::before{border-radius:3px;width:2px;height:2px;background:currentColor;right:1px;top:1px}", + "svg": "\n \n \n \n<\/svg>" + } ], "internal": [ - [ - { - "nr": 361, - "name": "internal", - "css": ".gg-internal{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;box-shadow:-2px 2px 0 0,-4px -4px 0 -2px,4px 4px 0 -2px;margin-left:-2px;margin-top:1px}.gg-internal::after,.gg-internal::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:2px}.gg-internal::before{background:currentColor;transform:rotate(-45deg);width:14px;height:2px;bottom:8px}.gg-internal::after{width:7px;height:7px;border-left:2px solid;border-bottom:2px solid;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/internal.css');", - "json": "https:\/\/css.gg\/json?=internal", - "xml": "https:\/\/css.gg\/xml?=internal", - "svg_link": "https:\/\/css.gg\/internal.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledInternal = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 12px;\n box-shadow: -2px 2px 0 0, -4px -4px 0 -2px, 4px 4px 0 -2px;\n margin-left: -2px;\n margin-top: 1px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 2px;\n }\n &::before {\n background: currentColor;\n transform: rotate(-45deg);\n width: 14px;\n height: 2px;\n bottom: 8px;\n }\n &::after {\n width: 7px;\n height: 7px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n bottom: 2px;\n }\n`\n\nexport const Internal = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 361, + "name": "internal", + "tags": "interface arrows", + "css": ".gg-internal{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;box-shadow:-2px 2px 0 0,-4px -4px 0 -2px,4px 4px 0 -2px;margin-left:-2px;margin-top:1px}.gg-internal::after,.gg-internal::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:2px}.gg-internal::before{background:currentColor;transform:rotate(-45deg);width:14px;height:2px;bottom:8px}.gg-internal::after{width:7px;height:7px;border-left:2px solid;border-bottom:2px solid;bottom:2px}", + "svg": "\n \n \n<\/svg>" + } ], "key": [ - [ - { - "nr": 362, - "name": "key", - "css": ".gg-key{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:8px;border:2px solid;border-radius:100px;margin-left:-12px}.gg-key::after,.gg-key::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:-12px}.gg-key::before{background:currentColor;width:12px;height:2px;top:1px}.gg-key::after{width:5px;height:3px;top:2px;border-left:2px solid;border-right:2px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/key.css');", - "json": "https:\/\/css.gg\/json?=key", - "xml": "https:\/\/css.gg\/xml?=key", - "svg_link": "https:\/\/css.gg\/key.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledKey = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 6px;\n height: 8px;\n border: 2px solid;\n border-radius: 100px;\n margin-left: -12px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n right: -12px;\n }\n &::before {\n background: currentColor;\n width: 12px;\n height: 2px;\n top: 1px;\n }\n &::after {\n width: 5px;\n height: 3px;\n top: 2px;\n border-left: 2px solid;\n border-right: 2px solid;\n }\n`\n\nexport const Key = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 362, + "name": "key", + "tags": "interface design", + "css": ".gg-key{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:8px;border:2px solid;border-radius:100px;margin-left:-12px}.gg-key::after,.gg-key::before{content:\"\";display:block;box-sizing:border-box;position:absolute;right:-12px}.gg-key::before{background:currentColor;width:12px;height:2px;top:1px}.gg-key::after{width:5px;height:3px;top:2px;border-left:2px solid;border-right:2px solid}", + "svg": "\n \n<\/svg>" + } ], "keyboard": [ - [ - { - "nr": 363, - "name": "keyboard", - "css": ".gg-keyboard{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-keyboard::after,.gg-keyboard::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;border-radius:4px;background:currentColor}.gg-keyboard::before{top:2px;box-shadow:4px 0 0,8px 0 0,0 4px 0,4px 4px 0,8px 4px 0 ;width:2px;left:2px}.gg-keyboard::after{width:8px;bottom:2px;left:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/keyboard.css');", - "json": "https:\/\/css.gg\/json?=keyboard", - "xml": "https:\/\/css.gg\/xml?=keyboard", - "svg_link": "https:\/\/css.gg\/keyboard.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledKeyboard = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n border-radius: 4px;\n background: currentColor;\n }\n &::before {\n top: 2px;\n box-shadow: 4px 0 0, 8px 0 0, 0 4px 0, 4px 4px 0, 8px 4px 0;\n width: 2px;\n left: 2px;\n }\n &::after {\n width: 8px;\n bottom: 2px;\n left: 3px;\n }\n`\n\nexport const Keyboard = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 363, + "name": "keyboard", + "tags": "interface devices", + "css": ".gg-keyboard{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-keyboard::after,.gg-keyboard::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;border-radius:4px;background:currentColor}.gg-keyboard::before{top:2px;box-shadow:4px 0 0,8px 0 0,0 4px 0,4px 4px 0,8px 4px 0 ;width:2px;left:2px}.gg-keyboard::after{width:8px;bottom:2px;left:3px}", + "svg": "\n \n \n \n \n \n \n \n \n<\/svg>" + } ], "keyhole": [ - [ - { - "nr": 364, - "name": "keyhole", - "css": ".gg-keyhole,.gg-keyhole::after,.gg-keyhole::before{display:block;box-sizing:border-box;border-radius:20px}.gg-keyhole{position:relative;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid}.gg-keyhole::after,.gg-keyhole::before{content:\"\";position:absolute}.gg-keyhole::before{width:6px;height:6px;border:2px solid;left:5px;top:3px}.gg-keyhole::after{background:currentColor;width:2px;height:5px;left:7px;bottom:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/keyhole.css');", - "json": "https:\/\/css.gg\/json?=keyhole", - "xml": "https:\/\/css.gg\/xml?=keyhole", - "svg_link": "https:\/\/css.gg\/keyhole.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledKeyhole = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n border-radius: 20px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n border: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n }\n &::before {\n width: 6px;\n height: 6px;\n border: 2px solid;\n left: 5px;\n top: 3px;\n }\n &::after {\n background: currentColor;\n width: 2px;\n height: 5px;\n left: 7px;\n bottom: 3px;\n }\n`\n\nexport const Keyhole = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 364, + "name": "keyhole", + "tags": "interface design", + "css": ".gg-keyhole,.gg-keyhole::after,.gg-keyhole::before{display:block;box-sizing:border-box;border-radius:20px}.gg-keyhole{position:relative;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid}.gg-keyhole::after,.gg-keyhole::before{content:\"\";position:absolute}.gg-keyhole::before{width:6px;height:6px;border:2px solid;left:5px;top:3px}.gg-keyhole::after{background:currentColor;width:2px;height:5px;left:7px;bottom:3px}", + "svg": "\n \n \n<\/svg>" + } ], "laptop": [ - [ - { - "nr": 365, - "name": "laptop", - "css": ".gg-laptop{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;border:2px solid;border-radius:2px}.gg-laptop::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:22px;height:2px;background:currentColor;left:-4px;bottom:-5px;border-radius:100px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/laptop.css');", - "json": "https:\/\/css.gg\/json?=laptop", - "xml": "https:\/\/css.gg\/xml?=laptop", - "svg_link": "https:\/\/css.gg\/laptop.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLaptop = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 12px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 22px;\n height: 2px;\n background: currentColor;\n left: -4px;\n bottom: -5px;\n border-radius: 100px;\n }\n`\n\nexport const Laptop = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 365, + "name": "laptop", + "tags": "devices multimedia", + "css": ".gg-laptop{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;border:2px solid;border-radius:2px}.gg-laptop::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:22px;height:2px;background:currentColor;left:-4px;bottom:-5px;border-radius:100px}", + "svg": "\n \n \n<\/svg>" + } ], "lastpass": [ - [ - { - "nr": 366, - "name": "lastpass", - "css": ".gg-lastpass{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:12px}.gg-lastpass::after,.gg-lastpass::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;border-radius:22px}.gg-lastpass::before{width:4px;height:4px;box-shadow:6px 0 0,12px 0 0;top:4px}.gg-lastpass::after{width:2px;height:12px;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/lastpass.css');", - "json": "https:\/\/css.gg\/json?=lastpass", - "xml": "https:\/\/css.gg\/xml?=lastpass", - "svg_link": "https:\/\/css.gg\/lastpass.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLastpass = 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: 12px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n border-radius: 22px;\n }\n &::before {\n width: 4px;\n height: 4px;\n box-shadow: 6px 0 0, 12px 0 0;\n top: 4px;\n }\n &::after {\n width: 2px;\n height: 12px;\n right: 0;\n }\n`\n\nexport const Lastpass = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 366, + "name": "lastpass", + "tags": "brands", + "css": ".gg-lastpass{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:12px}.gg-lastpass::after,.gg-lastpass::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;border-radius:22px}.gg-lastpass::before{width:4px;height:4px;box-shadow:6px 0 0,12px 0 0;top:4px}.gg-lastpass::after{width:2px;height:12px;right:0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "layout-grid-small": [ - [ - { - "nr": 367, - "name": "layout-grid-small", - "css": ".gg-layout-grid-small{transform:scale(var(--ggs,1))}.gg-layout-grid-small,.gg-layout-grid-small::after,.gg-layout-grid-small::before{box-sizing:border-box;position:relative;display:block;width:10px;height:2px;border-left:6px double;border-right:2px solid}.gg-layout-grid-small::after,.gg-layout-grid-small::before{content:\"\";position:absolute;left:-6px}.gg-layout-grid-small::after{bottom:4px}.gg-layout-grid-small::before{top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/layout-grid-small.css');", - "json": "https:\/\/css.gg\/json?=layout-grid-small", - "xml": "https:\/\/css.gg\/xml?=layout-grid-small", - "svg_link": "https:\/\/css.gg\/layout-grid-small.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n \n<\/svg>\n", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLayoutGridSmall = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 10px;\n height: 2px;\n border-left: 6px double;\n border-right: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n left: -6px;\n }\n &::after {\n bottom: 4px;\n }\n &::before {\n top: 4px;\n }\n`\n\nexport const LayoutGridSmall = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 367, + "name": "layout-grid-small", + "tags": "interface design content", + "css": ".gg-layout-grid-small{transform:scale(var(--ggs,1))}.gg-layout-grid-small,.gg-layout-grid-small::after,.gg-layout-grid-small::before{box-sizing:border-box;position:relative;display:block;width:10px;height:2px;border-left:6px double;border-right:2px solid}.gg-layout-grid-small::after,.gg-layout-grid-small::before{content:\"\";position:absolute;left:-6px}.gg-layout-grid-small::after{bottom:4px}.gg-layout-grid-small::before{top:4px}", + "svg": "\n \n \n \n \n \n \n \n \n \n<\/svg>\n" + } ], "layout-grid": [ - [ - { - "nr": 368, - "name": "layout-grid", - "css": ".gg-layout-grid{transform:scale(var(--ggs,1))}.gg-layout-grid,.gg-layout-grid::after,.gg-layout-grid::before{box-sizing:border-box;position:relative;display:block;width:10px;height:10px}.gg-layout-grid::after,.gg-layout-grid::before{content:\"\";position:absolute;height:4px;border-left:4px solid;border-right:4px solid}.gg-layout-grid::before{top:0}.gg-layout-grid::after{bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/layout-grid.css');", - "json": "https:\/\/css.gg\/json?=layout-grid", - "xml": "https:\/\/css.gg\/xml?=layout-grid", - "svg_link": "https:\/\/css.gg\/layout-grid.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLayoutGrid = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 10px;\n height: 10px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n height: 4px;\n border-left: 4px solid;\n border-right: 4px solid;\n }\n &::before {\n top: 0;\n }\n &::after {\n bottom: 0;\n }\n`\n\nexport const LayoutGrid = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 368, + "name": "layout-grid", + "tags": "interface design content", + "css": ".gg-layout-grid{transform:scale(var(--ggs,1))}.gg-layout-grid,.gg-layout-grid::after,.gg-layout-grid::before{box-sizing:border-box;position:relative;display:block;width:10px;height:10px}.gg-layout-grid::after,.gg-layout-grid::before{content:\"\";position:absolute;height:4px;border-left:4px solid;border-right:4px solid}.gg-layout-grid::before{top:0}.gg-layout-grid::after{bottom:0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "layout-list": [ - [ - { - "nr": 369, - "name": "layout-list", - "css": ".gg-layout-list{transform:scale(var(--ggs,1))}.gg-layout-list,.gg-layout-list::after,.gg-layout-list::before{box-sizing:border-box;position:relative;display:block;width:10px;height:2px;border-left:6px double;border-right:4px solid}.gg-layout-list::after,.gg-layout-list::before{content:\"\";position:absolute;left:-6px}.gg-layout-list::after{bottom:4px}.gg-layout-list::before{top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/layout-list.css');", - "json": "https:\/\/css.gg\/json?=layout-list", - "xml": "https:\/\/css.gg\/xml?=layout-list", - "svg_link": "https:\/\/css.gg\/layout-list.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLayoutList = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 10px;\n height: 2px;\n border-left: 6px double;\n border-right: 4px solid;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n left: -6px;\n }\n &::after {\n bottom: 4px;\n }\n &::before {\n top: 4px;\n }\n`\n\nexport const LayoutList = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 369, + "name": "layout-list", + "tags": "interface design content", + "css": ".gg-layout-list{transform:scale(var(--ggs,1))}.gg-layout-list,.gg-layout-list::after,.gg-layout-list::before{box-sizing:border-box;position:relative;display:block;width:10px;height:2px;border-left:6px double;border-right:4px solid}.gg-layout-list::after,.gg-layout-list::before{content:\"\";position:absolute;left:-6px}.gg-layout-list::after{bottom:4px}.gg-layout-list::before{top:4px}", + "svg": "\n \n \n \n \n \n \n<\/svg>" + } ], "layout-pin": [ - [ - { - "nr": 370, - "name": "layout-pin", - "css": ".gg-layout-pin{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:3px}.gg-layout-pin::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-radius:4px;top:3px;left:3px;box-shadow:-7px 0 0,7px 0 0,0 -7px 0,0 7px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/layout-pin.css');", - "json": "https:\/\/css.gg\/json?=layout-pin", - "xml": "https:\/\/css.gg\/xml?=layout-pin", - "svg_link": "https:\/\/css.gg\/layout-pin.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLayoutPin = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-radius: 4px;\n top: 3px;\n left: 3px;\n box-shadow: -7px 0 0, 7px 0 0, 0 -7px 0, 0 7px 0;\n }\n`\n\nexport const LayoutPin = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 370, + "name": "layout-pin", + "tags": "interface design content", + "css": ".gg-layout-pin{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:3px}.gg-layout-pin::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-radius:4px;top:3px;left:3px;box-shadow:-7px 0 0,7px 0 0,0 -7px 0,0 7px 0}", + "svg": "\n \n<\/svg>" + } ], "linear": [ - [ - { - "nr": 371, - "name": "linear", - "css": ".gg-linear{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:18px;height:18px;overflow:hidden;border-radius:100px}.gg-linear::after,.gg-linear::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:25px;height:25px;transform:rotate(-45deg);background:currentColor;top:-14px;left:4px}.gg-linear::after{width:2px;box-shadow:-3px 4px 0 0,-6px -2px 0 0;top:-3px;left:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/linear.css');", - "json": "https:\/\/css.gg\/json?=linear", - "xml": "https:\/\/css.gg\/xml?=linear", - "svg_link": "https:\/\/css.gg\/linear.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLinear = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n overflow: hidden;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 25px;\n height: 25px;\n transform: rotate(-45deg);\n background: currentColor;\n top: -14px;\n left: 4px;\n }\n &::after {\n width: 2px;\n box-shadow: -3px 4px 0 0, -6px -2px 0 0;\n top: -3px;\n left: 6px;\n }\n`\n\nexport const Linear = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 371, + "name": "linear", + "tags": "brands", + "css": ".gg-linear{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:18px;height:18px;overflow:hidden;border-radius:100px}.gg-linear::after,.gg-linear::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:25px;height:25px;transform:rotate(-45deg);background:currentColor;top:-14px;left:4px}.gg-linear::after{width:2px;box-shadow:-3px 4px 0 0,-6px -2px 0 0;top:-3px;left:6px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "link": [ - [ - { - "nr": 372, - "name": "link", - "css": ".gg-link{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:8px;height:2px;background:currentColor;border-radius:4px}.gg-link::after,.gg-link::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:8px;height:10px;border:2px solid;top:-4px}.gg-link::before{border-right:0;border-top-left-radius:40px;border-bottom-left-radius:40px;left:-6px}.gg-link::after{border-left:0;border-top-right-radius:40px;border-bottom-right-radius:40px;right:-6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/link.css');", - "json": "https:\/\/css.gg\/json?=link", - "xml": "https:\/\/css.gg\/xml?=link", - "svg_link": "https:\/\/css.gg\/link.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLink = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-45deg) scale(var(--ggs, 1));\n width: 8px;\n height: 2px;\n background: currentColor;\n border-radius: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 8px;\n height: 10px;\n border: 2px solid;\n top: -4px;\n }\n &::before {\n border-right: 0;\n border-top-left-radius: 40px;\n border-bottom-left-radius: 40px;\n left: -6px;\n }\n &::after {\n border-left: 0;\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n right: -6px;\n }\n`\n\nexport const Link = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 372, + "name": "link", + "tags": "interface content", + "css": ".gg-link{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:8px;height:2px;background:currentColor;border-radius:4px}.gg-link::after,.gg-link::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:8px;height:10px;border:2px solid;top:-4px}.gg-link::before{border-right:0;border-top-left-radius:40px;border-bottom-left-radius:40px;left:-6px}.gg-link::after{border-left:0;border-top-right-radius:40px;border-bottom-right-radius:40px;right:-6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "list-tree": [ - [ - { - "nr": 373, - "name": "list-tree", - "css": ".gg-list-tree{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;transform:scale(var(--ggs,1));background:linear-gradient(to left,currentcolor 8px,transparent 0) no-repeat left top\/8px 8px,linear-gradient(to left,currentcolor 8px,transparent 0) no-repeat center 3px\/8px 2px,linear-gradient(to left,currentcolor 8px,transparent 0) no-repeat 10px 17px\/6px 2px,linear-gradient(to left,currentcolor 8px,transparent 0) no-repeat 10px 3px\/2px 16px}.gg-list-tree::after,.gg-list-tree::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;right:0}.gg-list-tree::after{bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/list-tree.css');", - "json": "https:\/\/css.gg\/json?=list-tree", - "xml": "https:\/\/css.gg\/xml?=list-tree", - "svg_link": "https:\/\/css.gg\/list-tree.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledListTree = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 22px;\n height: 22px;\n transform: scale(var(--ggs, 1));\n background: linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat left top\/8px 8px,\n linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat center 3px\/8px 2px,\n linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat 10px 17px\/6px 2px,\n linear-gradient(to left, currentcolor 8px, transparent 0) no-repeat 10px 3px\/2px 16px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border: 2px solid;\n right: 0;\n }\n &::after {\n bottom: 0;\n }\n`\n\nexport const ListTree = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 373, + "name": "list-tree", + "tags": "interface design", + "css": ".gg-list-tree{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;transform:scale(var(--ggs,1));background:linear-gradient(to left,currentcolor 8px,transparent 0) no-repeat left top\/8px 8px,linear-gradient(to left,currentcolor 8px,transparent 0) no-repeat center 3px\/8px 2px,linear-gradient(to left,currentcolor 8px,transparent 0) no-repeat 10px 17px\/6px 2px,linear-gradient(to left,currentcolor 8px,transparent 0) no-repeat 10px 3px\/2px 16px}.gg-list-tree::after,.gg-list-tree::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;right:0}.gg-list-tree::after{bottom:0}", + "svg": "\n \n<\/svg>" + } ], "list": [ - [ - { - "nr": 374, - "name": "list", - "css": ".gg-list{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:20px;border:2px solid;border-radius:3px}.gg-list::after,.gg-list::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:2px;background:currentColor;top:3px;left:3px;box-shadow:0 4px 0,0 8px 0}.gg-list::after{border-radius:3px;width:8px;left:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/list.css');", - "json": "https:\/\/css.gg\/json?=list", - "xml": "https:\/\/css.gg\/xml?=list", - "svg_link": "https:\/\/css.gg\/list.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledList = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 20px;\n border: 2px solid;\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: 2px;\n background: currentColor;\n top: 3px;\n left: 3px;\n box-shadow: 0 4px 0, 0 8px 0;\n }\n &::after {\n border-radius: 3px;\n width: 8px;\n left: 7px;\n }\n`\n\nexport const List = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 374, + "name": "list", + "tags": "interface design content", + "css": ".gg-list{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:20px;border:2px solid;border-radius:3px}.gg-list::after,.gg-list::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:2px;background:currentColor;top:3px;left:3px;box-shadow:0 4px 0,0 8px 0}.gg-list::after{border-radius:3px;width:8px;left:7px}", + "svg": "\n \n<\/svg>" + } ], "live-photo": [ - [ - { - "nr": 375, - "name": "live-photo", - "css": ".gg-live-photo{transform:scale(var(--ggs,1))}.gg-live-photo,.gg-live-photo::after{box-sizing:border-box;position:relative;display:block;width:20px;height:20px;border-radius:100px;border:2px dotted currentColor}.gg-live-photo::after{content:\"\";position:absolute;width:8px;height:8px;border:1px solid transparent;top:4px;left:4px;box-shadow:0 0 0 2px,inset 0 0 0 2px currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/live-photo.css');", - "json": "https:\/\/css.gg\/json?=live-photo", - "xml": "https:\/\/css.gg\/xml?=live-photo", - "svg_link": "https:\/\/css.gg\/live-photo.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLivePhoto = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 20px;\n border-radius: 100px;\n border: 2px dotted currentColor;\n }\n &::after {\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n border: 1px solid transparent;\n top: 4px;\n left: 4px;\n box-shadow: 0 0 0 2px, inset 0 0 0 2px currentColor;\n }\n`\n\nexport const LivePhoto = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 375, + "name": "live-photo", + "tags": "design multimedia", + "css": ".gg-live-photo{transform:scale(var(--ggs,1))}.gg-live-photo,.gg-live-photo::after{box-sizing:border-box;position:relative;display:block;width:20px;height:20px;border-radius:100px;border:2px dotted currentColor}.gg-live-photo::after{content:\"\";position:absolute;width:8px;height:8px;border:1px solid transparent;top:4px;left:4px;box-shadow:0 0 0 2px,inset 0 0 0 2px currentColor}", + "svg": "\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n<\/svg>" + } ], "loadbar-alt": [ - [ - { - "nr": 376, - "name": "loadbar-alt", - "css": "@keyframes loadbaralt{0%,to{left:0;right:80%}25%,75%{left:0;right:0}50%{left:80%;right:0}}.gg-loadbar-alt,.gg-loadbar-alt::before,.gg-loadbar-alt::after{display:block;box-sizing:border-box;height:4px;border-radius:4px}.gg-loadbar-alt{position:relative;transform:scale(var(--ggs,1));width:18px}.gg-loadbar-alt::after,.gg-loadbar-alt::before{background:currentColor;content:\"\";position:absolute}.gg-loadbar-alt::before{animation:loadbaralt 2s cubic-bezier(0,0,.58,1) infinite}.gg-loadbar-alt::after{width:18px;opacity:.3}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/loadbar-alt.css');", - "json": "https:\/\/css.gg\/json?=loadbar-alt", - "xml": "https:\/\/css.gg\/xml?=loadbar-alt", - "svg_link": "https:\/\/css.gg\/loadbar-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLoadbarAlt = styled.i`\n @keyframes loadbaralt {\n 0%,\n to {\n left: 0;\n right: 80%;\n }\n 25%,\n 75% {\n left: 0;\n right: 0;\n }\n 50% {\n left: 80%;\n right: 0;\n }\n }\n &,\n &::before,\n &::after {\n display: block;\n box-sizing: border-box;\n height: 4px;\n border-radius: 4px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 18px;\n }\n &::after,\n &::before {\n background: currentColor;\n content: '';\n position: absolute;\n }\n &::before {\n animation: loadbaralt 2s cubic-bezier(0, 0, 0.58, 1) infinite;\n }\n &::after {\n width: 18px;\n opacity: 0.3;\n }\n`\n\nexport const LoadbarAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 376, + "name": "loadbar-alt", + "tags": "interface signs", + "css": "@keyframes loadbaralt{0%,to{left:0;right:80%}25%,75%{left:0;right:0}50%{left:80%;right:0}}.gg-loadbar-alt,.gg-loadbar-alt::before,.gg-loadbar-alt::after{display:block;box-sizing:border-box;height:4px;border-radius:4px}.gg-loadbar-alt{position:relative;transform:scale(var(--ggs,1));width:18px}.gg-loadbar-alt::after,.gg-loadbar-alt::before{background:currentColor;content:\"\";position:absolute}.gg-loadbar-alt::before{animation:loadbaralt 2s cubic-bezier(0,0,.58,1) infinite}.gg-loadbar-alt::after{width:18px;opacity:.3}", + "svg": "\n \n \n<\/svg>" + } ], "loadbar-doc": [ - [ - { - "nr": 377, - "name": "loadbar-doc", - "css": "@keyframes gg-doc{0%{left:-16px}60%,to{left:0}}.gg-loadbar-doc{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:1px;width:12px;height:14px;overflow:hidden}.gg-loadbar-doc::after,.gg-loadbar-doc::before{content:\"\";display:block;position:absolute;box-sizing:border-box;height:2px;background:currentColor;animation:gg-doc 1s linear infinite alternate}.gg-loadbar-doc::before{width:14px;box-shadow:-4px 4px 0}.gg-loadbar-doc::after{width:5px;top:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/loadbar-doc.css');", - "json": "https:\/\/css.gg\/json?=loadbar-doc", - "xml": "https:\/\/css.gg\/xml?=loadbar-doc", - "svg_link": "https:\/\/css.gg\/loadbar-doc.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLoadbarDoc = styled.i`\n @keyframes gg-doc {\n 0% {\n left: -16px;\n }\n 60%,\n to {\n left: 0;\n }\n }\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n border-radius: 1px;\n width: 12px;\n height: 14px;\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n height: 2px;\n background: currentColor;\n animation: gg-doc 1s linear infinite alternate;\n }\n &::before {\n width: 14px;\n box-shadow: -4px 4px 0;\n }\n &::after {\n width: 5px;\n top: 8px;\n }\n`\n\nexport const LoadbarDoc = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 377, + "name": "loadbar-doc", + "tags": "interface signs", + "css": "@keyframes gg-doc{0%{left:-16px}60%,to{left:0}}.gg-loadbar-doc{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));border:2px solid transparent;box-shadow:0 0 0 2px;border-radius:1px;width:12px;height:14px;overflow:hidden}.gg-loadbar-doc::after,.gg-loadbar-doc::before{content:\"\";display:block;position:absolute;box-sizing:border-box;height:2px;background:currentColor;animation:gg-doc 1s linear infinite alternate}.gg-loadbar-doc::before{width:14px;box-shadow:-4px 4px 0}.gg-loadbar-doc::after{width:5px;top:8px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "loadbar-sound": [ - [ - { - "nr": 378, - "name": "loadbar-sound", - "css": "@keyframes gg-bar{10%{box-shadow:inset 0 -4px 0}30%{box-shadow:inset 0 -10px 0}60%{box-shadow:inset 0 -6px 0}80%{box-shadow:inset 0 -8px 0}to{box-shadow:inset 0 -2px 0}}.gg-loadbar-sound,.gg-loadbar-sound::after,.gg-loadbar-sound::before{display:block;box-sizing:border-box;width:2px;height:12px;box-shadow:inset 0 -12px 0;animation:gg-bar 1.3s ease infinite alternate}.gg-loadbar-sound{position:relative;transform:scale(var(--ggs,1))}.gg-loadbar-sound::after,.gg-loadbar-sound::before{content:\"\";position:absolute;bottom:0}.gg-loadbar-sound::before{left:-4px;animation-delay:-2.4s}.gg-loadbar-sound::after{right:-4px;animation-delay:-3.7s}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/loadbar-sound.css');", - "json": "https:\/\/css.gg\/json?=loadbar-sound", - "xml": "https:\/\/css.gg\/xml?=loadbar-sound", - "svg_link": "https:\/\/css.gg\/loadbar-sound.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLoadbarSound = styled.i`\n @keyframes gg-bar {\n 10% {\n box-shadow: inset 0 -4px 0;\n }\n 30% {\n box-shadow: inset 0 -10px 0;\n }\n 60% {\n box-shadow: inset 0 -6px 0;\n }\n 80% {\n box-shadow: inset 0 -8px 0;\n }\n to {\n box-shadow: inset 0 -2px 0;\n }\n }\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n width: 2px;\n height: 12px;\n box-shadow: inset 0 -12px 0;\n animation: gg-bar 1.3s ease infinite alternate;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n bottom: 0;\n }\n &::before {\n left: -4px;\n animation-delay: -2.4s;\n }\n &::after {\n right: -4px;\n animation-delay: -3.7s;\n }\n`\n\nexport const LoadbarSound = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 378, + "name": "loadbar-sound", + "tags": "interface signs", + "css": "@keyframes gg-bar{10%{box-shadow:inset 0 -4px 0}30%{box-shadow:inset 0 -10px 0}60%{box-shadow:inset 0 -6px 0}80%{box-shadow:inset 0 -8px 0}to{box-shadow:inset 0 -2px 0}}.gg-loadbar-sound,.gg-loadbar-sound::after,.gg-loadbar-sound::before{display:block;box-sizing:border-box;width:2px;height:12px;box-shadow:inset 0 -12px 0;animation:gg-bar 1.3s ease infinite alternate}.gg-loadbar-sound{position:relative;transform:scale(var(--ggs,1))}.gg-loadbar-sound::after,.gg-loadbar-sound::before{content:\"\";position:absolute;bottom:0}.gg-loadbar-sound::before{left:-4px;animation-delay:-2.4s}.gg-loadbar-sound::after{right:-4px;animation-delay:-3.7s}", + "svg": "\n \n \n \n<\/svg>" + } ], "loadbar": [ - [ - { - "nr": 379, - "name": "loadbar", - "css": "@keyframes loadbar{0%,to{left:0;right:80%}25%,75%{left:0;right:0}50%{left:80%;right:0}}.gg-loadbar,.gg-loadbar::before{display:block;box-sizing:border-box;height:4px}.gg-loadbar{position:relative;transform:scale(var(--ggs,1));width:18px}.gg-loadbar::before{content:\"\";position:absolute;border-radius:4px;background:currentColor;animation:loadbar 2s cubic-bezier(0,0,.58,1) infinite}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/loadbar.css');", - "json": "https:\/\/css.gg\/json?=loadbar", - "xml": "https:\/\/css.gg\/xml?=loadbar", - "svg_link": "https:\/\/css.gg\/loadbar.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLoadbar = styled.i`\n @keyframes loadbar {\n 0%,\n to {\n left: 0;\n right: 80%;\n }\n 25%,\n 75% {\n left: 0;\n right: 0;\n }\n 50% {\n left: 80%;\n right: 0;\n }\n }\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 4px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 18px;\n }\n &::before {\n content: '';\n position: absolute;\n border-radius: 4px;\n background: currentColor;\n animation: loadbar 2s cubic-bezier(0, 0, 0.58, 1) infinite;\n }\n`\n\nexport const Loadbar = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 379, + "name": "loadbar", + "tags": "interface signs", + "css": "@keyframes loadbar{0%,to{left:0;right:80%}25%,75%{left:0;right:0}50%{left:80%;right:0}}.gg-loadbar,.gg-loadbar::before{display:block;box-sizing:border-box;height:4px}.gg-loadbar{position:relative;transform:scale(var(--ggs,1));width:18px}.gg-loadbar::before{content:\"\";position:absolute;border-radius:4px;background:currentColor;animation:loadbar 2s cubic-bezier(0,0,.58,1) infinite}", + "svg": "\n \n<\/svg>" + } ], "lock-unlock": [ - [ - { - "nr": 380, - "name": "lock-unlock", - "css": ".gg-lock-unlock{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border:2px solid;border-top-right-radius:100px;border-top-left-radius:100px;border-bottom:transparent;margin-top:-18px;margin-left:-2px}.gg-lock-unlock::after,.gg-lock-unlock::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-lock-unlock::after{border:2px solid transparent;box-shadow:0 0 0 2px;width:16px;height:10px;border-radius:2px;left:-4px;top:10px}.gg-lock-unlock::before{width:2px;height:6px;background:currentColor;left:-2px;top:4px;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/lock-unlock.css');", - "json": "https:\/\/css.gg\/json?=lock-unlock", - "xml": "https:\/\/css.gg\/xml?=lock-unlock", - "svg_link": "https:\/\/css.gg\/lock-unlock.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLockUnlock = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 6px;\n border: 2px solid;\n border-top-right-radius: 100px;\n border-top-left-radius: 100px;\n border-bottom: transparent;\n margin-top: -18px;\n margin-left: -2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n width: 16px;\n height: 10px;\n border-radius: 2px;\n left: -4px;\n top: 10px;\n }\n &::before {\n width: 2px;\n height: 6px;\n background: currentColor;\n left: -2px;\n top: 4px;\n }\n`\n\nexport const LockUnlock = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 380, + "name": "lock-unlock", + "tags": "interface buttons", + "css": ".gg-lock-unlock{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border:2px solid;border-top-right-radius:100px;border-top-left-radius:100px;border-bottom:transparent;margin-top:-18px;margin-left:-2px}.gg-lock-unlock::after,.gg-lock-unlock::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-lock-unlock::after{border:2px solid transparent;box-shadow:0 0 0 2px;width:16px;height:10px;border-radius:2px;left:-4px;top:10px}.gg-lock-unlock::before{width:2px;height:6px;background:currentColor;left:-2px;top:4px;}", + "svg": "\n \n<\/svg>" + } ], "lock": [ - [ - { - "nr": 381, - "name": "lock", - "css": ".gg-lock{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:11px;border:2px solid;border-top-right-radius:50%;border-top-left-radius:50%;border-bottom:transparent;margin-top:-12px}.gg-lock::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:16px;height:10px;border-radius:2px;border:2px solid transparent;box-shadow:0 0 0 2px;left:-4px;top:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/lock.css');", - "json": "https:\/\/css.gg\/json?=lock", - "xml": "https:\/\/css.gg\/xml?=lock", - "svg_link": "https:\/\/css.gg\/lock.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLock = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 11px;\n border: 2px solid;\n border-top-right-radius: 50%;\n border-top-left-radius: 50%;\n border-bottom: transparent;\n margin-top: -12px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 16px;\n height: 10px;\n border-radius: 2px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n left: -4px;\n top: 9px;\n }\n`\n\nexport const Lock = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 381, + "name": "lock", + "tags": "interface buttons", + "css": ".gg-lock{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:11px;border:2px solid;border-top-right-radius:50%;border-top-left-radius:50%;border-bottom:transparent;margin-top:-12px}.gg-lock::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:16px;height:10px;border-radius:2px;border:2px solid transparent;box-shadow:0 0 0 2px;left:-4px;top:9px}", + "svg": "\n \n<\/svg>" + } ], "log-in": [ - [ - { - "nr": 382, - "name": "log-in", - "css": ".gg-log-in{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:16px;border:2px solid;border-left:0;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.gg-log-in::after,.gg-log-in::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-log-in::after{border-top:2px solid;border-right:2px solid;transform:rotate(45deg);width:8px;height:8px;left:-8px;bottom:2px}.gg-log-in::before{border-radius:3px;width:10px;height:2px;background:currentColor;left:-11px;bottom:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/log-in.css');", - "json": "https:\/\/css.gg\/json?=log-in", - "xml": "https:\/\/css.gg\/xml?=log-in", - "svg_link": "https:\/\/css.gg\/log-in.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLogIn = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 6px;\n height: 16px;\n border: 2px solid;\n border-left: 0;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n margin-right: -10px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n border-top: 2px solid;\n border-right: 2px solid;\n transform: rotate(45deg);\n width: 8px;\n height: 8px;\n left: -8px;\n bottom: 2px;\n }\n &::before {\n border-radius: 3px;\n width: 10px;\n height: 2px;\n background: currentColor;\n left: -11px;\n bottom: 5px;\n }\n`\n\nexport const LogIn = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 382, + "name": "log-in", + "tags": "interface buttons", + "css": ".gg-log-in{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:16px;border:2px solid;border-left:0;border-top-right-radius:2px;border-bottom-right-radius:2px;margin-right:-10px}.gg-log-in::after,.gg-log-in::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-log-in::after{border-top:2px solid;border-right:2px solid;transform:rotate(45deg);width:8px;height:8px;left:-8px;bottom:2px}.gg-log-in::before{border-radius:3px;width:10px;height:2px;background:currentColor;left:-11px;bottom:5px}", + "svg": "\n \n \n<\/svg>" + } ], "log-off": [ - [ - { - "nr": 383, - "name": "log-off", - "css": ".gg-log-off{box-sizing:border-box;position:relative;display:block;border-radius:16px;border:2px solid;transform:scale(var(--ggs,1));width:16px;height:16px;border-top:2px solid transparent}.gg-log-off::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:8px;width:2px;background:currentColor;left:5px;bottom:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/log-off.css');", - "json": "https:\/\/css.gg\/json?=log-off", - "xml": "https:\/\/css.gg\/xml?=log-off", - "svg_link": "https:\/\/css.gg\/log-off.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLogOff = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n border-radius: 16px;\n border: 2px solid;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border-top: 2px solid transparent;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n height: 8px;\n width: 2px;\n background: currentColor;\n left: 5px;\n bottom: 6px;\n }\n`\n\nexport const LogOff = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 383, + "name": "log-off", + "tags": "interface buttons", + "css": ".gg-log-off{box-sizing:border-box;position:relative;display:block;border-radius:16px;border:2px solid;transform:scale(var(--ggs,1));width:16px;height:16px;border-top:2px solid transparent}.gg-log-off::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:8px;width:2px;background:currentColor;left:5px;bottom:6px}", + "svg": "\n \n \n<\/svg>" + } ], "log-out": [ - [ - { - "nr": 384, - "name": "log-out", - "css": ".gg-log-out{box-sizing:border-box;position:relative;display:block;width:6px;height:16px;border:2px solid;transform:scale(var(--ggs,1));border-right:0;border-top-left-radius:2px;border-bottom-left-radius:2px;margin-left:-10px}.gg-log-out::after,.gg-log-out::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-log-out::after{border-top:2px solid;border-left:2px solid;transform:rotate(-45deg);width:8px;height:8px;left:4px;bottom:2px}.gg-log-out::before{border-radius:3px;width:10px;height:2px;background:currentColor;left:5px;bottom:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/log-out.css');", - "json": "https:\/\/css.gg\/json?=log-out", - "xml": "https:\/\/css.gg\/xml?=log-out", - "svg_link": "https:\/\/css.gg\/log-out.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLogOut = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 6px;\n height: 16px;\n border: 2px solid;\n transform: scale(var(--ggs, 1));\n border-right: 0;\n border-top-left-radius: 2px;\n border-bottom-left-radius: 2px;\n margin-left: -10px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n border-top: 2px solid;\n border-left: 2px solid;\n transform: rotate(-45deg);\n width: 8px;\n height: 8px;\n left: 4px;\n bottom: 2px;\n }\n &::before {\n border-radius: 3px;\n width: 10px;\n height: 2px;\n background: currentColor;\n left: 5px;\n bottom: 5px;\n }\n`\n\nexport const LogOut = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 384, + "name": "log-out", + "tags": "interface buttons", + "css": ".gg-log-out{box-sizing:border-box;position:relative;display:block;width:6px;height:16px;border:2px solid;transform:scale(var(--ggs,1));border-right:0;border-top-left-radius:2px;border-bottom-left-radius:2px;margin-left:-10px}.gg-log-out::after,.gg-log-out::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-log-out::after{border-top:2px solid;border-left:2px solid;transform:rotate(-45deg);width:8px;height:8px;left:4px;bottom:2px}.gg-log-out::before{border-radius:3px;width:10px;height:2px;background:currentColor;left:5px;bottom:5px}", + "svg": "\n \n \n<\/svg>" + } ], "loupe": [ - [ - { - "nr": 385, - "name": "loupe", - "css": ".gg-loupe,.gg-loupe::after{display:block;box-sizing:border-box}.gg-loupe{position:relative;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:22px;border-bottom-right-radius:6px;overflow:hidden;background:linear-gradient(to left,currentColor 8px,transparent 0) no-repeat center\/8px 2px,linear-gradient(to left,currentColor 8px,transparent 0) no-repeat center\/2px 8px}.gg-loupe::after{content:\"\";position:absolute;width:14px;height:14px;border-radius:100%;box-shadow:0 0 0 6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/loupe.css');", - "json": "https:\/\/css.gg\/json?=loupe", - "xml": "https:\/\/css.gg\/xml?=loupe", - "svg_link": "https:\/\/css.gg\/loupe.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledLoupe = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 22px;\n border-bottom-right-radius: 6px;\n overflow: hidden;\n background: linear-gradient(to left, currentColor 8px, transparent 0) no-repeat center\/8px 2px,\n linear-gradient(to left, currentColor 8px, transparent 0) no-repeat center\/2px 8px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 14px;\n height: 14px;\n border-radius: 100%;\n box-shadow: 0 0 0 6px;\n }\n`\n\nexport const Loupe = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 385, + "name": "loupe", + "tags": "interface", + "css": ".gg-loupe,.gg-loupe::after{display:block;box-sizing:border-box}.gg-loupe{position:relative;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:22px;border-bottom-right-radius:6px;overflow:hidden;background:linear-gradient(to left,currentColor 8px,transparent 0) no-repeat center\/8px 2px,linear-gradient(to left,currentColor 8px,transparent 0) no-repeat center\/2px 8px}.gg-loupe::after{content:\"\";position:absolute;width:14px;height:14px;border-radius:100%;box-shadow:0 0 0 6px}", + "svg": "\n \n \n<\/svg>" + } ], "magnet": [ - [ - { - "nr": 386, - "name": "magnet", - "css": ".gg-magnet,.gg-magnet::before{display:block;box-sizing:border-box;width:14px}.gg-magnet{border:4px solid;transform:scale(var(--ggs,1));border-bottom-left-radius:100px;border-bottom-right-radius:100px;border-top:0;position:relative;height:12px}.gg-magnet::before{content:\"\";position:absolute;height:3px;border-left:4px solid;border-right:4px solid;top:-5px;left:-4px;opacity:.5}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/magnet.css');", - "json": "https:\/\/css.gg\/json?=magnet", - "xml": "https:\/\/css.gg\/xml?=magnet", - "svg_link": "https:\/\/css.gg\/magnet.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMagnet = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n width: 14px;\n }\n & {\n border: 4px solid;\n transform: scale(var(--ggs, 1));\n border-bottom-left-radius: 100px;\n border-bottom-right-radius: 100px;\n border-top: 0;\n position: relative;\n height: 12px;\n }\n &::before {\n content: '';\n position: absolute;\n height: 3px;\n border-left: 4px solid;\n border-right: 4px solid;\n top: -5px;\n left: -4px;\n opacity: 0.5;\n }\n`\n\nexport const Magnet = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 386, + "name": "magnet", + "tags": "design signs", + "css": ".gg-magnet,.gg-magnet::before{display:block;box-sizing:border-box;width:14px}.gg-magnet{border:4px solid;transform:scale(var(--ggs,1));border-bottom-left-radius:100px;border-bottom-right-radius:100px;border-top:0;position:relative;height:12px}.gg-magnet::before{content:\"\";position:absolute;height:3px;border-left:4px solid;border-right:4px solid;top:-5px;left:-4px;opacity:.5}", + "svg": "\n \n \n \n<\/svg>" + } ], "mail-forward": [ - [ - { - "nr": 387, - "name": "mail-forward", - "css": ".gg-mail-forward,.gg-mail-forward::before{display:block;box-sizing:border-box;height:6px;border-top:2px solid}.gg-mail-forward{border-left:2px solid;transform:scale(var(--ggs,1));border-top-left-radius:4px;position:relative;width:14px}.gg-mail-forward::before{content:\"\";position:absolute;width:6px;border-right:2px solid;top:-4px;right:-1px;transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/mail-forward.css');", - "json": "https:\/\/css.gg\/json?=mail-forward", - "xml": "https:\/\/css.gg\/xml?=mail-forward", - "svg_link": "https:\/\/css.gg\/mail-forward.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMailForward = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 6px;\n border-top: 2px solid;\n }\n & {\n border-left: 2px solid;\n transform: scale(var(--ggs, 1));\n border-top-left-radius: 4px;\n position: relative;\n width: 14px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 6px;\n border-right: 2px solid;\n top: -4px;\n right: -1px;\n transform: rotate(45deg);\n }\n`\n\nexport const MailForward = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 387, + "name": "mail-forward", + "tags": "interface arrows", + "css": ".gg-mail-forward,.gg-mail-forward::before{display:block;box-sizing:border-box;height:6px;border-top:2px solid}.gg-mail-forward{border-left:2px solid;transform:scale(var(--ggs,1));border-top-left-radius:4px;position:relative;width:14px}.gg-mail-forward::before{content:\"\";position:absolute;width:6px;border-right:2px solid;top:-4px;right:-1px;transform:rotate(45deg)}", + "svg": "\n \n<\/svg>" + } ], "mail-open": [ - [ - { - "nr": 388, - "name": "mail-open", - "css": ".gg-mail-open,.gg-mail-open::after{display:block;box-sizing:border-box;height:14px;border:2px solid}.gg-mail-open{border-top:0;transform:scale(var(--ggs,1));position:relative;width:18px;border-radius:2px}.gg-mail-open::after{content:\"\";position:absolute;border-radius:3px;width:14px;transform:rotate(-45deg);bottom:3px;left:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/mail-open.css');", - "json": "https:\/\/css.gg\/json?=mail-open", - "xml": "https:\/\/css.gg\/xml?=mail-open", - "svg_link": "https:\/\/css.gg\/mail-open.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMailOpen = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n height: 14px;\n border: 2px solid;\n }\n & {\n border-top: 0;\n transform: scale(var(--ggs, 1));\n position: relative;\n width: 18px;\n border-radius: 2px;\n }\n &::after {\n content: '';\n position: absolute;\n border-radius: 3px;\n width: 14px;\n transform: rotate(-45deg);\n bottom: 3px;\n left: 0;\n }\n`\n\nexport const MailOpen = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 388, + "name": "mail-open", + "tags": "interface", + "css": ".gg-mail-open,.gg-mail-open::after{display:block;box-sizing:border-box;height:14px;border:2px solid}.gg-mail-open{border-top:0;transform:scale(var(--ggs,1));position:relative;width:18px;border-radius:2px}.gg-mail-open::after{content:\"\";position:absolute;border-radius:3px;width:14px;transform:rotate(-45deg);bottom:3px;left:0}", + "svg": "\n \n<\/svg>" + } ], "mail-reply": [ - [ - { - "nr": 389, - "name": "mail-reply", - "css": ".gg-mail-reply,.gg-mail-reply::before{display:block;box-sizing:border-box;height:6px;border-top:2px solid}.gg-mail-reply{border-right:2px solid;transform:scale(var(--ggs,1));border-top-right-radius:4px;position:relative;width:14px}.gg-mail-reply::before{content:\"\";position:absolute;width:6px;border-left:2px solid;top:-4px;left:-1px;transform:rotate(-45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/mail-reply.css');", - "json": "https:\/\/css.gg\/json?=mail-reply", - "xml": "https:\/\/css.gg\/xml?=mail-reply", - "svg_link": "https:\/\/css.gg\/mail-reply.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMailReply = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 6px;\n border-top: 2px solid;\n }\n & {\n border-right: 2px solid;\n transform: scale(var(--ggs, 1));\n border-top-right-radius: 4px;\n position: relative;\n width: 14px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 6px;\n border-left: 2px solid;\n top: -4px;\n left: -1px;\n transform: rotate(-45deg);\n }\n`\n\nexport const MailReply = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 389, + "name": "mail-reply", + "tags": "interface arrows", + "css": ".gg-mail-reply,.gg-mail-reply::before{display:block;box-sizing:border-box;height:6px;border-top:2px solid}.gg-mail-reply{border-right:2px solid;transform:scale(var(--ggs,1));border-top-right-radius:4px;position:relative;width:14px}.gg-mail-reply::before{content:\"\";position:absolute;width:6px;border-left:2px solid;top:-4px;left:-1px;transform:rotate(-45deg)}", + "svg": "\n \n<\/svg>" + } ], "mail": [ - [ - { - "nr": 390, - "name": "mail", - "css": ".gg-mail,.gg-mail::after{display:block;box-sizing:border-box;height:14px;border:2px solid}.gg-mail{overflow:hidden;transform:scale(var(--ggs,1));position:relative;width:18px;border-radius:2px}.gg-mail::after{content:\"\";position:absolute;border-radius:3px;width:14px;transform:rotate(-45deg);bottom:3px;left:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/mail.css');", - "json": "https:\/\/css.gg\/json?=mail", - "xml": "https:\/\/css.gg\/xml?=mail", - "svg_link": "https:\/\/css.gg\/mail.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMail = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n height: 14px;\n border: 2px solid;\n }\n & {\n overflow: hidden;\n transform: scale(var(--ggs, 1));\n position: relative;\n width: 18px;\n border-radius: 2px;\n }\n &::after {\n content: '';\n position: absolute;\n border-radius: 3px;\n width: 14px;\n transform: rotate(-45deg);\n bottom: 3px;\n left: 0;\n }\n`\n\nexport const Mail = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 390, + "name": "mail", + "tags": "interface", + "css": ".gg-mail,.gg-mail::after{display:block;box-sizing:border-box;height:14px;border:2px solid}.gg-mail{overflow:hidden;transform:scale(var(--ggs,1));position:relative;width:18px;border-radius:2px}.gg-mail::after{content:\"\";position:absolute;border-radius:3px;width:14px;transform:rotate(-45deg);bottom:3px;left:0}", + "svg": "\n \n<\/svg>" + } ], "math-divide": [ - [ - { - "nr": 391, - "name": "math-divide", - "css": ".gg-math-divide{transform:scale(var(--ggs,1))}.gg-math-divide,.gg-math-divide::after,.gg-math-divide::before{box-sizing:border-box;position:relative;display:block;width:16px;height:2px;background:currentColor;border-radius:20px}.gg-math-divide::after,.gg-math-divide::before{content:\"\";position:absolute;width:4px;height:4px;top:-6px;left:6px}.gg-math-divide::after{top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/math-divide.css');", - "json": "https:\/\/css.gg\/json?=math-divide", - "xml": "https:\/\/css.gg\/xml?=math-divide", - "svg_link": "https:\/\/css.gg\/math-divide.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMathDivide = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 16px;\n height: 2px;\n background: currentColor;\n border-radius: 20px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 4px;\n height: 4px;\n top: -6px;\n left: 6px;\n }\n &::after {\n top: 4px;\n }\n`\n\nexport const MathDivide = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 391, + "name": "math-divide", + "tags": "interface content maths", + "css": ".gg-math-divide{transform:scale(var(--ggs,1))}.gg-math-divide,.gg-math-divide::after,.gg-math-divide::before{box-sizing:border-box;position:relative;display:block;width:16px;height:2px;background:currentColor;border-radius:20px}.gg-math-divide::after,.gg-math-divide::before{content:\"\";position:absolute;width:4px;height:4px;top:-6px;left:6px}.gg-math-divide::after{top:4px}", + "svg": "\n \n \n \n<\/svg>" + } ], "math-equal": [ - [ - { - "nr": 392, - "name": "math-equal", - "css": ".gg-math-equal{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:2px;background:currentColor;border-radius:10px;margin-top:-6px;box-shadow:0 6px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/math-equal.css');", - "json": "https:\/\/css.gg\/json?=math-equal", - "xml": "https:\/\/css.gg\/xml?=math-equal", - "svg_link": "https:\/\/css.gg\/math-equal.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMathEqual = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 2px;\n background: currentColor;\n border-radius: 10px;\n margin-top: -6px;\n box-shadow: 0 6px 0;\n }\n`\n\nexport const MathEqual = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 392, + "name": "math-equal", + "tags": "interface content maths", + "css": ".gg-math-equal{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:2px;background:currentColor;border-radius:10px;margin-top:-6px;box-shadow:0 6px 0}", + "svg": "\n \n \n<\/svg>" + } ], "math-minus": [ - [ - { - "nr": 393, - "name": "math-minus", - "css": ".gg-math-minus{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:2px;background:currentColor;border-radius:10px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/math-minus.css');", - "json": "https:\/\/css.gg\/json?=math-minus", - "xml": "https:\/\/css.gg\/xml?=math-minus", - "svg_link": "https:\/\/css.gg\/math-minus.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMathMinus = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 2px;\n background: currentColor;\n border-radius: 10px;\n }\n`\n\nexport const MathMinus = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 393, + "name": "math-minus", + "tags": "interface content maths", + "css": ".gg-math-minus{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:2px;background:currentColor;border-radius:10px}", + "svg": "\n \n<\/svg>" + } ], "math-percent": [ - [ - { - "nr": 394, - "name": "math-percent", - "css": ".gg-math-percent{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:16px;height:2px;background:currentColor;border-radius:20px}.gg-math-percent::after,.gg-math-percent::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:4px;background:currentColor;border-radius:20px;top:-7px;left:6px}.gg-math-percent::after{top:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/math-percent.css');", - "json": "https:\/\/css.gg\/json?=math-percent", - "xml": "https:\/\/css.gg\/xml?=math-percent", - "svg_link": "https:\/\/css.gg\/math-percent.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMathPercent = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-45deg) scale(var(--ggs, 1));\n width: 16px;\n height: 2px;\n background: currentColor;\n border-radius: 20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 4px;\n height: 4px;\n background: currentColor;\n border-radius: 20px;\n top: -7px;\n left: 6px;\n }\n &::after {\n top: 5px;\n }\n`\n\nexport const MathPercent = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 394, + "name": "math-percent", + "tags": "interface content maths", + "css": ".gg-math-percent{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:16px;height:2px;background:currentColor;border-radius:20px}.gg-math-percent::after,.gg-math-percent::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:4px;background:currentColor;border-radius:20px;top:-7px;left:6px}.gg-math-percent::after{top:5px}", + "svg": "\n \n \n \n<\/svg>" + } ], "math-plus": [ - [ - { - "nr": 395, - "name": "math-plus", - "css": ".gg-math-plus,.gg-math-plus::after{display:block;box-sizing:border-box;background:currentColor;border-radius:10px}.gg-math-plus{margin-top:-2px;position:relative;transform:scale(var(--ggs,1));width:16px;height:2px}.gg-math-plus::after{content:\"\";position:absolute;width:2px;height:16px;top:-7px;left:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/math-plus.css');", - "json": "https:\/\/css.gg\/json?=math-plus", - "xml": "https:\/\/css.gg\/xml?=math-plus", - "svg_link": "https:\/\/css.gg\/math-plus.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMathPlus = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n background: currentColor;\n border-radius: 10px;\n }\n & {\n margin-top: -2px;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 2px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 2px;\n height: 16px;\n top: -7px;\n left: 7px;\n }\n`\n\nexport const MathPlus = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 395, + "name": "math-plus", + "tags": "interface content maths", + "css": ".gg-math-plus,.gg-math-plus::after{display:block;box-sizing:border-box;background:currentColor;border-radius:10px}.gg-math-plus{margin-top:-2px;position:relative;transform:scale(var(--ggs,1));width:16px;height:2px}.gg-math-plus::after{content:\"\";position:absolute;width:2px;height:16px;top:-7px;left:7px}", + "svg": "\n \n<\/svg>" + } ], "maximize-alt": [ - [ - { - "nr": 396, - "name": "maximize-alt", - "css": ".gg-maximize-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;box-shadow:-6px -6px 0 -4px,6px 6px 0 -4px,6px -6px 0 -4px,-6px 6px 0 -4px}.gg-maximize-alt::after,.gg-maximize-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:22px;height:2px;border-left:8px solid;border-right:8px solid;transform:rotate(-45deg);bottom:6px;left:-4px}.gg-maximize-alt::before{transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/maximize-alt.css');", - "json": "https:\/\/css.gg\/json?=maximize-alt", - "xml": "https:\/\/css.gg\/xml?=maximize-alt", - "svg_link": "https:\/\/css.gg\/maximize-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMaximizeAlt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 22px;\n height: 2px;\n border-left: 8px solid;\n border-right: 8px solid;\n transform: rotate(-45deg);\n bottom: 6px;\n left: -4px;\n }\n &::before {\n transform: rotate(45deg);\n }\n`\n\nexport const MaximizeAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 396, + "name": "maximize-alt", + "tags": "interface arrows", + "css": ".gg-maximize-alt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;box-shadow:-6px -6px 0 -4px,6px 6px 0 -4px,6px -6px 0 -4px,-6px 6px 0 -4px}.gg-maximize-alt::after,.gg-maximize-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:22px;height:2px;border-left:8px solid;border-right:8px solid;transform:rotate(-45deg);bottom:6px;left:-4px}.gg-maximize-alt::before{transform:rotate(45deg)}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "maximize": [ - [ - { - "nr": 397, - "name": "maximize", - "css": ".gg-maximize{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;box-shadow:-6px -6px 0 -4px,6px 6px 0 -4px,6px -6px 0 -4px,-6px 6px 0 -4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/maximize.css');", - "json": "https:\/\/css.gg\/json?=maximize", - "xml": "https:\/\/css.gg\/xml?=maximize", - "svg_link": "https:\/\/css.gg\/maximize.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMaximize = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px;\n }\n`\n\nexport const Maximize = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 397, + "name": "maximize", + "tags": "interface arrows", + "css": ".gg-maximize{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;box-shadow:-6px -6px 0 -4px,6px 6px 0 -4px,6px -6px 0 -4px,-6px 6px 0 -4px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "maze": [ - [ - { - "nr": 398, - "name": "maze", - "css": ".gg-maze{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:24px;height:14px}.gg-maze::after,.gg-maze::before{content:\"\";display:block;position:absolute;box-sizing:border-box;height:12px;transform:rotate(45deg)}.gg-maze::before{width:12px;right:2px;bottom:-2px;border-left:4px solid;border-top:4px solid}.gg-maze::after{width:4px;background:currentColor;left:3px;bottom:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/maze.css');", - "json": "https:\/\/css.gg\/json?=maze", - "xml": "https:\/\/css.gg\/xml?=maze", - "svg_link": "https:\/\/css.gg\/maze.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMaze = styled.i`\n & {\n display: block;\n box-sizing: border-box;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n height: 12px;\n transform: rotate(45deg);\n }\n &::before {\n width: 12px;\n right: 2px;\n bottom: -2px;\n border-left: 4px solid;\n border-top: 4px solid;\n }\n &::after {\n width: 4px;\n background: currentColor;\n left: 3px;\n bottom: 1px;\n }\n`\n\nexport const Maze = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 398, + "name": "maze", + "tags": "brands", + "css": ".gg-maze{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:24px;height:14px}.gg-maze::after,.gg-maze::before{content:\"\";display:block;position:absolute;box-sizing:border-box;height:12px;transform:rotate(45deg)}.gg-maze::before{width:12px;right:2px;bottom:-2px;border-left:4px solid;border-top:4px solid}.gg-maze::after{width:4px;background:currentColor;left:3px;bottom:1px}", + "svg": "\n \n \n<\/svg>" + } ], "media-live": [ - [ - { - "nr": 399, - "name": "media-live", - "css": ".gg-media-live{transform:scale(var(--ggs,1))}.gg-media-live,.gg-media-live::after{border-top-color:transparent;border-bottom-color:transparent}.gg-media-live,.gg-media-live::after,.gg-media-live::before{box-sizing:border-box;position:relative;display:block;border:2px solid;border-radius:50%;width:14px;height:14px}.gg-media-live::after,.gg-media-live::before{content:\"\";position:absolute;width:6px;height:6px;top:2px;left:2px}.gg-media-live::after{width:22px;height:22px;top:-6px;left:-6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/media-live.css');", - "json": "https:\/\/css.gg\/json?=media-live", - "xml": "https:\/\/css.gg\/xml?=media-live", - "svg_link": "https:\/\/css.gg\/media-live.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMediaLive = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after {\n border-top-color: transparent;\n border-bottom-color: transparent;\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n border: 2px solid;\n border-radius: 50%;\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 6px;\n height: 6px;\n top: 2px;\n left: 2px;\n }\n &::after {\n width: 22px;\n height: 22px;\n top: -6px;\n left: -6px;\n }\n`\n\nexport const MediaLive = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 399, + "name": "media-live", + "tags": "multimedia signs interface", + "css": ".gg-media-live{transform:scale(var(--ggs,1))}.gg-media-live,.gg-media-live::after{border-top-color:transparent;border-bottom-color:transparent}.gg-media-live,.gg-media-live::after,.gg-media-live::before{box-sizing:border-box;position:relative;display:block;border:2px solid;border-radius:50%;width:14px;height:14px}.gg-media-live::after,.gg-media-live::before{content:\"\";position:absolute;width:6px;height:6px;top:2px;left:2px}.gg-media-live::after{width:22px;height:22px;top:-6px;left:-6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "media-podcast": [ - [ - { - "nr": 400, - "name": "media-podcast", - "css": ".gg-media-podcast{transform:scale(var(--ggs,1))}.gg-media-podcast,.gg-media-podcast::after,.gg-media-podcast::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border:2px solid;border-bottom-color:transparent;border-radius:50%}.gg-media-podcast::after,.gg-media-podcast::before{content:\"\";position:absolute;width:6px;height:6px;top:2px;left:2px}.gg-media-podcast::after{width:22px;height:22px;top:-6px;left:-6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/media-podcast.css');", - "json": "https:\/\/css.gg\/json?=media-podcast", - "xml": "https:\/\/css.gg\/xml?=media-podcast", - "svg_link": "https:\/\/css.gg\/media-podcast.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMediaPodcast = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-bottom-color: transparent;\n border-radius: 50%;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 6px;\n height: 6px;\n top: 2px;\n left: 2px;\n }\n &::after {\n width: 22px;\n height: 22px;\n top: -6px;\n left: -6px;\n }\n`\n\nexport const MediaPodcast = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 400, + "name": "media-podcast", + "tags": "multimedia signs interface", + "css": ".gg-media-podcast{transform:scale(var(--ggs,1))}.gg-media-podcast,.gg-media-podcast::after,.gg-media-podcast::before{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;border:2px solid;border-bottom-color:transparent;border-radius:50%}.gg-media-podcast::after,.gg-media-podcast::before{content:\"\";position:absolute;width:6px;height:6px;top:2px;left:2px}.gg-media-podcast::after{width:22px;height:22px;top:-6px;left:-6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "menu-boxed": [ - [ - { - "nr": 401, - "name": "menu-boxed", - "css": ".gg-menu-boxed{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border-radius:3px;border:2px solid;}.gg-menu-boxed::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:3px;top:2px;left:2px;box-shadow:0 4px 0,0 8px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-boxed.css');", - "json": "https:\/\/css.gg\/json?=menu-boxed", - "xml": "https:\/\/css.gg\/xml?=menu-boxed", - "svg_link": "https:\/\/css.gg\/menu-boxed.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuBoxed = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border-radius: 3px;\n border: 2px solid;\n }\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: 3px;\n top: 2px;\n left: 2px;\n box-shadow: 0 4px 0, 0 8px 0;\n }\n`\n\nexport const MenuBoxed = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 401, + "name": "menu-boxed", + "tags": "interface content", + "css": ".gg-menu-boxed{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border-radius:3px;border:2px solid;}.gg-menu-boxed::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:3px;top:2px;left:2px;box-shadow:0 4px 0,0 8px 0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "menu-cake": [ - [ - { - "nr": 402, - "name": "menu-cake", - "css": ".gg-menu-cake{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:18px}.gg-menu-cake::after,.gg-menu-cake::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;border-radius:22px}.gg-menu-cake::before{width:18px;box-shadow:0 -4px 0,0 -8px 0;left:1px;bottom:2px}.gg-menu-cake::after{width:4px;height:4px;left:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-cake.css');", - "json": "https:\/\/css.gg\/json?=menu-cake", - "xml": "https:\/\/css.gg\/xml?=menu-cake", - "svg_link": "https:\/\/css.gg\/menu-cake.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuCake = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 18px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n background: currentColor;\n border-radius: 22px;\n }\n &::before {\n width: 18px;\n box-shadow: 0 -4px 0, 0 -8px 0;\n left: 1px;\n bottom: 2px;\n }\n &::after {\n width: 4px;\n height: 4px;\n left: 8px;\n }\n`\n\nexport const MenuCake = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 402, + "name": "menu-cake", + "tags": "interface", + "css": ".gg-menu-cake{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:18px}.gg-menu-cake::after,.gg-menu-cake::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;border-radius:22px}.gg-menu-cake::before{width:18px;box-shadow:0 -4px 0,0 -8px 0;left:1px;bottom:2px}.gg-menu-cake::after{width:4px;height:4px;left:8px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "menu-cheese": [ - [ - { - "nr": 403, - "name": "menu-cheese", - "css": ".gg-menu-cheese{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:10px}.gg-menu-cheese::after,.gg-menu-cheese::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px}.gg-menu-cheese::before{width:18px;background:currentColor;border-radius:22px;box-shadow:0 -6px 0,0 -12px 0;bottom:0}.gg-menu-cheese::after{width:2px;left:2px;bottom:3px;border-top:3px solid;border-left:4px solid transparent;border-right:4px solid transparent}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-cheese.css');", - "json": "https:\/\/css.gg\/json?=menu-cheese", - "xml": "https:\/\/css.gg\/xml?=menu-cheese", - "svg_link": "https:\/\/css.gg\/menu-cheese.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuCheese = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 10px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n }\n &::before {\n width: 18px;\n background: currentColor;\n border-radius: 22px;\n box-shadow: 0 -6px 0, 0 -12px 0;\n bottom: 0;\n }\n &::after {\n width: 2px;\n left: 2px;\n bottom: 3px;\n border-top: 3px solid;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n }\n`\n\nexport const MenuCheese = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 403, + "name": "menu-cheese", + "tags": "interface", + "css": ".gg-menu-cheese{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:10px}.gg-menu-cheese::after,.gg-menu-cheese::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px}.gg-menu-cheese::before{width:18px;background:currentColor;border-radius:22px;box-shadow:0 -6px 0,0 -12px 0;bottom:0}.gg-menu-cheese::after{width:2px;left:2px;bottom:3px;border-top:3px solid;border-left:4px solid transparent;border-right:4px solid transparent}", + "svg": "\n \n \n \n<\/svg>" + } ], "menu-grid-o": [ - [ - { - "nr": 404, - "name": "menu-grid-o", - "css": ".gg-menu-grid-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;}.gg-menu-grid-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:4px;background:currentColor;box-shadow:0 6px 0,6px 6px 0,12px 6px 0,6px 12px 0,12px 12px 0,6px 0 0,12px 0 0,0 12px 0 ;border-radius:22px;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-grid-o.css');", - "json": "https:\/\/css.gg\/json?=menu-grid-o", - "xml": "https:\/\/css.gg\/xml?=menu-grid-o", - "svg_link": "https:\/\/css.gg\/menu-grid-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuGridO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 4px;\n height: 4px;\n background: currentColor;\n box-shadow: 0 6px 0, 6px 6px 0, 12px 6px 0, 6px 12px 0, 12px 12px 0, 6px 0 0, 12px 0 0, 0 12px 0;\n border-radius: 22px;\n }\n`\n\nexport const MenuGridO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 404, + "name": "menu-grid-o", + "tags": "interface", + "css": ".gg-menu-grid-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;}.gg-menu-grid-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:4px;background:currentColor;box-shadow:0 6px 0,6px 6px 0,12px 6px 0,6px 12px 0,12px 12px 0,6px 0 0,12px 0 0,0 12px 0 ;border-radius:22px;}", + "svg": "\n \n \n \n \n \n \n \n \n \n<\/svg>" + } ], "menu-grid-r": [ - [ - { - "nr": 405, - "name": "menu-grid-r", - "css": ".gg-menu-grid-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;}.gg-menu-grid-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:4px;background:currentColor;box-shadow:0 6px 0,6px 6px 0,12px 6px 0,6px 12px 0,12px 12px 0,6px 0 0,12px 0 0,0 12px 0 ;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-grid-r.css');", - "json": "https:\/\/css.gg\/json?=menu-grid-r", - "xml": "https:\/\/css.gg\/xml?=menu-grid-r", - "svg_link": "https:\/\/css.gg\/menu-grid-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuGridR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 4px;\n height: 4px;\n background: currentColor;\n box-shadow: 0 6px 0, 6px 6px 0, 12px 6px 0, 6px 12px 0, 12px 12px 0, 6px 0 0, 12px 0 0, 0 12px 0;\n }\n`\n\nexport const MenuGridR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 405, + "name": "menu-grid-r", + "tags": "interface", + "css": ".gg-menu-grid-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;}.gg-menu-grid-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:4px;background:currentColor;box-shadow:0 6px 0,6px 6px 0,12px 6px 0,6px 12px 0,12px 12px 0,6px 0 0,12px 0 0,0 12px 0 ;}", + "svg": "\n \n \n \n \n \n \n \n \n \n<\/svg>" + } ], "menu-hotdog": [ - [ - { - "nr": 406, - "name": "menu-hotdog", - "css": ".gg-menu-hotdog{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:12px;border-top:3px solid;border-bottom:3px solid;border-radius:3px}.gg-menu-hotdog::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:20px;height:2px;background:currentColor;border-radius:4px;top:2px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-hotdog.css');", - "json": "https:\/\/css.gg\/json?=menu-hotdog", - "xml": "https:\/\/css.gg\/xml?=menu-hotdog", - "svg_link": "https:\/\/css.gg\/menu-hotdog.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuHotdog = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 12px;\n border-top: 3px solid;\n border-bottom: 3px solid;\n border-radius: 3px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 20px;\n height: 2px;\n background: currentColor;\n border-radius: 4px;\n top: 2px;\n left: -2px;\n }\n`\n\nexport const MenuHotdog = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 406, + "name": "menu-hotdog", + "tags": "interface", + "css": ".gg-menu-hotdog{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:12px;border-top:3px solid;border-bottom:3px solid;border-radius:3px}.gg-menu-hotdog::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:20px;height:2px;background:currentColor;border-radius:4px;top:2px;left:-2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "menu-left-alt": [ - [ - { - "nr": 407, - "name": "menu-left-alt", - "css": ".gg-menu-left-alt{box-sizing:border-box;position:relative;display:block;width:16px;height:14px;transform:scale(var(--ggs,1))}.gg-menu-left-alt::after,.gg-menu-left-alt::before{content:\"\";position:absolute;box-sizing:border-box;display:block;height:2px;border-radius:4px;background:currentColor}.gg-menu-left-alt::before{width:16px;box-shadow:0 12px 0}.gg-menu-left-alt::after{width:10px;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-left-alt.css');", - "json": "https:\/\/css.gg\/json?=menu-left-alt", - "xml": "https:\/\/css.gg\/xml?=menu-left-alt", - "svg_link": "https:\/\/css.gg\/menu-left-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuLeftAlt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 16px;\n height: 14px;\n transform: scale(var(--ggs, 1));\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n height: 2px;\n border-radius: 4px;\n background: currentColor;\n }\n &::before {\n width: 16px;\n box-shadow: 0 12px 0;\n }\n &::after {\n width: 10px;\n top: 6px;\n }\n`\n\nexport const MenuLeftAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 407, + "name": "menu-left-alt", + "tags": "interface", + "css": ".gg-menu-left-alt{box-sizing:border-box;position:relative;display:block;width:16px;height:14px;transform:scale(var(--ggs,1))}.gg-menu-left-alt::after,.gg-menu-left-alt::before{content:\"\";position:absolute;box-sizing:border-box;display:block;height:2px;border-radius:4px;background:currentColor}.gg-menu-left-alt::before{width:16px;box-shadow:0 12px 0}.gg-menu-left-alt::after{width:10px;top:6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "menu-left": [ - [ - { - "nr": 408, - "name": "menu-left", - "css": ".gg-menu-left{transform:scale(var(--ggs,1))}.gg-menu-left,.gg-menu-left::after,.gg-menu-left::before{box-sizing:border-box;position:relative;display:block;width:20px;height:2px;border-radius:3px;background:currentColor}.gg-menu-left::after,.gg-menu-left::before{content:\"\";position:absolute;top:-6px;width:10px}.gg-menu-left::after{top:6px;width:14px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-left.css');", - "json": "https:\/\/css.gg\/json?=menu-left", - "xml": "https:\/\/css.gg\/xml?=menu-left", - "svg_link": "https:\/\/css.gg\/menu-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuLeft = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 2px;\n border-radius: 3px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n top: -6px;\n width: 10px;\n }\n &::after {\n top: 6px;\n width: 14px;\n }\n`\n\nexport const MenuLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 408, + "name": "menu-left", + "tags": "interface content buttons", + "css": ".gg-menu-left{transform:scale(var(--ggs,1))}.gg-menu-left,.gg-menu-left::after,.gg-menu-left::before{box-sizing:border-box;position:relative;display:block;width:20px;height:2px;border-radius:3px;background:currentColor}.gg-menu-left::after,.gg-menu-left::before{content:\"\";position:absolute;top:-6px;width:10px}.gg-menu-left::after{top:6px;width:14px}", + "svg": "\n \n \n \n<\/svg>" + } ], "menu-motion": [ - [ - { - "nr": 409, - "name": "menu-motion", - "css": ".gg-menu-motion{box-sizing:border-box;position:relative;display:block;width:18px;height:14px;transform:scale(var(--ggs,1))}.gg-menu-motion::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:10px;height:2px;bottom:0;box-shadow:4px -6px 0,8px -12px 0;border-radius:4px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-motion.css');", - "json": "https:\/\/css.gg\/json?=menu-motion", - "xml": "https:\/\/css.gg\/xml?=menu-motion", - "svg_link": "https:\/\/css.gg\/menu-motion.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuMotion = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 18px;\n height: 14px;\n transform: scale(var(--ggs, 1));\n }\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n width: 10px;\n height: 2px;\n bottom: 0;\n box-shadow: 4px -6px 0, 8px -12px 0;\n border-radius: 4px;\n background: currentColor;\n }\n`\n\nexport const MenuMotion = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 409, + "name": "menu-motion", + "tags": "interface", + "css": ".gg-menu-motion{box-sizing:border-box;position:relative;display:block;width:18px;height:14px;transform:scale(var(--ggs,1))}.gg-menu-motion::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:10px;height:2px;bottom:0;box-shadow:4px -6px 0,8px -12px 0;border-radius:4px;background:currentColor}", + "svg": "\n \n \n \n<\/svg>" + } ], "menu-oreos": [ - [ - { - "nr": 410, - "name": "menu-oreos", - "css": ".gg-menu-oreos{box-sizing:border-box;position:relative;display:block;width:16px;height:18px;transform:scale(var(--ggs,1))}.gg-menu-oreos::after,.gg-menu-oreos::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:16px;height:8px;border-top:3px solid;border-bottom:3px solid;border-radius:3px}.gg-menu-oreos::after{bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-oreos.css');", - "json": "https:\/\/css.gg\/json?=menu-oreos", - "xml": "https:\/\/css.gg\/xml?=menu-oreos", - "svg_link": "https:\/\/css.gg\/menu-oreos.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuOreos = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 16px;\n height: 18px;\n transform: scale(var(--ggs, 1));\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n width: 16px;\n height: 8px;\n border-top: 3px solid;\n border-bottom: 3px solid;\n border-radius: 3px;\n }\n &::after {\n bottom: 0;\n }\n`\n\nexport const MenuOreos = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 410, + "name": "menu-oreos", + "tags": "interface", + "css": ".gg-menu-oreos{box-sizing:border-box;position:relative;display:block;width:16px;height:18px;transform:scale(var(--ggs,1))}.gg-menu-oreos::after,.gg-menu-oreos::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:16px;height:8px;border-top:3px solid;border-bottom:3px solid;border-radius:3px}.gg-menu-oreos::after{bottom:0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "menu-right-alt": [ - [ - { - "nr": 411, - "name": "menu-right-alt", - "css": ".gg-menu-right-alt{box-sizing:border-box;position:relative;display:block;width:16px;height:14px;transform:scale(var(--ggs,1))}.gg-menu-right-alt::after,.gg-menu-right-alt::before{content:\"\";position:absolute;box-sizing:border-box;display:block;height:2px;border-radius:4px;background:currentColor}.gg-menu-right-alt::before{width:16px;box-shadow:0 12px 0}.gg-menu-right-alt::after{width:10px;right:0;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-right-alt.css');", - "json": "https:\/\/css.gg\/json?=menu-right-alt", - "xml": "https:\/\/css.gg\/xml?=menu-right-alt", - "svg_link": "https:\/\/css.gg\/menu-right-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuRightAlt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 16px;\n height: 14px;\n transform: scale(var(--ggs, 1));\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n height: 2px;\n border-radius: 4px;\n background: currentColor;\n }\n &::before {\n width: 16px;\n box-shadow: 0 12px 0;\n }\n &::after {\n width: 10px;\n right: 0;\n top: 6px;\n }\n`\n\nexport const MenuRightAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 411, + "name": "menu-right-alt", + "tags": "interface", + "css": ".gg-menu-right-alt{box-sizing:border-box;position:relative;display:block;width:16px;height:14px;transform:scale(var(--ggs,1))}.gg-menu-right-alt::after,.gg-menu-right-alt::before{content:\"\";position:absolute;box-sizing:border-box;display:block;height:2px;border-radius:4px;background:currentColor}.gg-menu-right-alt::before{width:16px;box-shadow:0 12px 0}.gg-menu-right-alt::after{width:10px;right:0;top:6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "menu-right": [ - [ - { - "nr": 412, - "name": "menu-right", - "css": ".gg-menu-right{transform:scale(var(--ggs,1))}.gg-menu-right,.gg-menu-right::after,.gg-menu-right::before{box-sizing:border-box;position:relative;display:block;width:20px;height:2px;border-radius:3px;background:currentColor}.gg-menu-right::after,.gg-menu-right::before{content:\"\";position:absolute;top:-6px;right:0;width:10px}.gg-menu-right::after{top:6px;width:14px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-right.css');", - "json": "https:\/\/css.gg\/json?=menu-right", - "xml": "https:\/\/css.gg\/xml?=menu-right", - "svg_link": "https:\/\/css.gg\/menu-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuRight = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 2px;\n border-radius: 3px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n top: -6px;\n right: 0;\n width: 10px;\n }\n &::after {\n top: 6px;\n width: 14px;\n }\n`\n\nexport const MenuRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 412, + "name": "menu-right", + "tags": "interface content buttons", + "css": ".gg-menu-right{transform:scale(var(--ggs,1))}.gg-menu-right,.gg-menu-right::after,.gg-menu-right::before{box-sizing:border-box;position:relative;display:block;width:20px;height:2px;border-radius:3px;background:currentColor}.gg-menu-right::after,.gg-menu-right::before{content:\"\";position:absolute;top:-6px;right:0;width:10px}.gg-menu-right::after{top:6px;width:14px}", + "svg": "\n \n \n \n<\/svg>" + } ], "menu-round": [ - [ - { - "nr": 413, - "name": "menu-round", - "css": ".gg-menu-round{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border-radius:24px;border:2px solid;}.gg-menu-round::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:3px;top:4px;left:4px;box-shadow:0 4px 0,0 8px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu-round.css');", - "json": "https:\/\/css.gg\/json?=menu-round", - "xml": "https:\/\/css.gg\/xml?=menu-round", - "svg_link": "https:\/\/css.gg\/menu-round.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenuRound = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border-radius: 24px;\n border: 2px solid;\n }\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: 3px;\n top: 4px;\n left: 4px;\n box-shadow: 0 4px 0, 0 8px 0;\n }\n`\n\nexport const MenuRound = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 413, + "name": "menu-round", + "tags": "interface content", + "css": ".gg-menu-round{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border-radius:24px;border:2px solid;}.gg-menu-round::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:3px;top:4px;left:4px;box-shadow:0 4px 0,0 8px 0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "menu": [ - [ - { - "nr": 414, - "name": "menu", - "css": ".gg-menu{transform:scale(var(--ggs,1))}.gg-menu,.gg-menu::after,.gg-menu::before{box-sizing:border-box;position:relative;display:block;width:20px;height:2px;border-radius:3px;background:currentColor}.gg-menu::after,.gg-menu::before{content:\"\";position:absolute;top:-6px}.gg-menu::after{top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/menu.css');", - "json": "https:\/\/css.gg\/json?=menu", - "xml": "https:\/\/css.gg\/xml?=menu", - "svg_link": "https:\/\/css.gg\/menu.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMenu = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 2px;\n border-radius: 3px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n top: -6px;\n }\n &::after {\n top: 6px;\n }\n`\n\nexport const Menu = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 414, + "name": "menu", + "tags": "interface content buttons", + "css": ".gg-menu{transform:scale(var(--ggs,1))}.gg-menu,.gg-menu::after,.gg-menu::before{box-sizing:border-box;position:relative;display:block;width:20px;height:2px;border-radius:3px;background:currentColor}.gg-menu::after,.gg-menu::before{content:\"\";position:absolute;top:-6px}.gg-menu::after{top:6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "merge-horizontal": [ - [ - { - "nr": 415, - "name": "merge-horizontal", - "css": ".gg-merge-horizontal{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:2px;border-radius:3px;background:currentColor}.gg-merge-horizontal::after,.gg-merge-horizontal::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(-45deg)}.gg-merge-horizontal::after{border-bottom:2px solid;border-left:2px solid;left:4px;bottom:5px}.gg-merge-horizontal::before{border-top:2px solid;border-right:2px solid;right:4px;top:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/merge-horizontal.css');", - "json": "https:\/\/css.gg\/json?=merge-horizontal", - "xml": "https:\/\/css.gg\/xml?=merge-horizontal", - "svg_link": "https:\/\/css.gg\/merge-horizontal.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMergeHorizontal = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 2px;\n border-radius: 3px;\n background: currentColor;\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 }\n &::after {\n border-bottom: 2px solid;\n border-left: 2px solid;\n left: 4px;\n bottom: 5px;\n }\n &::before {\n border-top: 2px solid;\n border-right: 2px solid;\n right: 4px;\n top: 5px;\n }\n`\n\nexport const MergeHorizontal = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 415, + "name": "merge-horizontal", + "tags": "interface arrows content", + "css": ".gg-merge-horizontal{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:2px;border-radius:3px;background:currentColor}.gg-merge-horizontal::after,.gg-merge-horizontal::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;transform:rotate(-45deg)}.gg-merge-horizontal::after{border-bottom:2px solid;border-left:2px solid;left:4px;bottom:5px}.gg-merge-horizontal::before{border-top:2px solid;border-right:2px solid;right:4px;top:5px}", + "svg": "\n \n \n \n<\/svg>" + } ], "merge-vertical": [ - [ - { - "nr": 416, - "name": "merge-vertical", - "css": ".gg-merge-vertical{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:14px;border-radius:3px;background:currentColor}.gg-merge-vertical::after,.gg-merge-vertical::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;top:4px}.gg-merge-vertical::after{border-left:2px solid;left:5px;transform:rotate(45deg)}.gg-merge-vertical::before{border-right:2px solid;transform:rotate(-45deg);right:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/merge-vertical.css');", - "json": "https:\/\/css.gg\/json?=merge-vertical", - "xml": "https:\/\/css.gg\/xml?=merge-vertical", - "svg_link": "https:\/\/css.gg\/merge-vertical.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMergeVertical = 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 border-radius: 3px;\n background: currentColor;\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 border-bottom: 2px solid;\n top: 4px;\n }\n &::after {\n border-left: 2px solid;\n left: 5px;\n transform: rotate(45deg);\n }\n &::before {\n border-right: 2px solid;\n transform: rotate(-45deg);\n right: 5px;\n }\n`\n\nexport const MergeVertical = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 416, + "name": "merge-vertical", + "tags": "interface arrows content", + "css": ".gg-merge-vertical{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:14px;border-radius:3px;background:currentColor}.gg-merge-vertical::after,.gg-merge-vertical::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-bottom:2px solid;top:4px}.gg-merge-vertical::after{border-left:2px solid;left:5px;transform:rotate(45deg)}.gg-merge-vertical::before{border-right:2px solid;transform:rotate(-45deg);right:5px}", + "svg": "\n \n \n \n<\/svg>" + } ], "mic": [ - [ - { - "nr": 417, - "name": "mic", - "css": ".gg-mic{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:12px;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border:2px solid;border-top:0;margin-top:3px}.gg-mic::after,.gg-mic::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-mic::after{border:2px solid;width:8px;height:18px;left:2px;top:-10px;border-radius:4px}.gg-mic::before{width:10px;height:4px;top:12px;left:1px;border-right:4px solid transparent;box-shadow:0 2px 0,inset -2px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/mic.css');", - "json": "https:\/\/css.gg\/json?=mic", - "xml": "https:\/\/css.gg\/xml?=mic", - "svg_link": "https:\/\/css.gg\/mic.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMic = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 12px;\n border-bottom-left-radius: 120px;\n border-bottom-right-radius: 120px;\n border: 2px solid;\n border-top: 0;\n margin-top: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n border: 2px solid;\n width: 8px;\n height: 18px;\n left: 2px;\n top: -10px;\n border-radius: 4px;\n }\n &::before {\n width: 10px;\n height: 4px;\n top: 12px;\n left: 1px;\n border-right: 4px solid transparent;\n box-shadow: 0 2px 0, inset -2px 0 0;\n }\n`\n\nexport const Mic = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 417, + "name": "mic", + "tags": "interface multimedia", + "css": ".gg-mic{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:12px;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border:2px solid;border-top:0;margin-top:3px}.gg-mic::after,.gg-mic::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-mic::after{border:2px solid;width:8px;height:18px;left:2px;top:-10px;border-radius:4px}.gg-mic::before{width:10px;height:4px;top:12px;left:1px;border-right:4px solid transparent;box-shadow:0 2px 0,inset -2px 0 0}", + "svg": "\n \n \n<\/svg>" + } ], "microbit": [ - [ - { - "nr": 418, - "name": "microbit", - "css": ".gg-microbit,.gg-microbit::before{display:block;box-sizing:border-box;border-radius:20px}.gg-microbit{position:relative;transform:scale(var(--ggs,1));width:24px;height:14px;border:3px solid}.gg-microbit::before{content:\"\";position:absolute;width:4px;height:4px;background:currentColor;top:2px;left:2px;box-shadow:10px 0 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/microbit.css');", - "json": "https:\/\/css.gg\/json?=microbit", - "xml": "https:\/\/css.gg\/xml?=microbit", - "svg_link": "https:\/\/css.gg\/microbit.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMicrobit = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n border-radius: 20px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 14px;\n border: 3px solid;\n }\n &::before {\n content: '';\n position: absolute;\n width: 4px;\n height: 4px;\n background: currentColor;\n top: 2px;\n left: 2px;\n box-shadow: 10px 0 0 0;\n }\n`\n\nexport const Microbit = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 418, + "name": "microbit", + "tags": "brands", + "css": ".gg-microbit,.gg-microbit::before{display:block;box-sizing:border-box;border-radius:20px}.gg-microbit{position:relative;transform:scale(var(--ggs,1));width:24px;height:14px;border:3px solid}.gg-microbit::before{content:\"\";position:absolute;width:4px;height:4px;background:currentColor;top:2px;left:2px;box-shadow:10px 0 0 0}", + "svg": "\n \n \n \n<\/svg>" + } ], "microsoft": [ - [ - { - "nr": 419, - "name": "microsoft", - "css": ".gg-microsoft{transform:scale(var(--ggs,1))}.gg-microsoft,.gg-microsoft::after,.gg-microsoft::before{box-sizing:border-box;position:relative;display:block;width:18px;height:18px}.gg-microsoft::after,.gg-microsoft::before{content:\"\";position:absolute;width:8px;border-top:8px solid;border-bottom:8px solid}.gg-microsoft::after{right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/microsoft.css');", - "json": "https:\/\/css.gg\/json?=microsoft", - "xml": "https:\/\/css.gg\/xml?=microsoft", - "svg_link": "https:\/\/css.gg\/microsoft.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMicrosoft = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 18px;\n height: 18px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 8px;\n border-top: 8px solid;\n border-bottom: 8px solid;\n }\n &::after {\n right: 0;\n }\n`\n\nexport const Microsoft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 419, + "name": "microsoft", + "tags": "brands", + "css": ".gg-microsoft{transform:scale(var(--ggs,1))}.gg-microsoft,.gg-microsoft::after,.gg-microsoft::before{box-sizing:border-box;position:relative;display:block;width:18px;height:18px}.gg-microsoft::after,.gg-microsoft::before{content:\"\";position:absolute;width:8px;border-top:8px solid;border-bottom:8px solid}.gg-microsoft::after{right:0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "mini-player": [ - [ - { - "nr": 420, - "name": "mini-player", - "css": ".gg-mini-player{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-mini-player::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;background:currentColor;border-top-left-radius:3px;border-bottom-right-radius:3px;bottom:-1px;right:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/mini-player.css');", - "json": "https:\/\/css.gg\/json?=mini-player", - "xml": "https:\/\/css.gg\/xml?=mini-player", - "svg_link": "https:\/\/css.gg\/mini-player.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMiniPlayer = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n background: currentColor;\n border-top-left-radius: 3px;\n border-bottom-right-radius: 3px;\n bottom: -1px;\n right: -1px;\n }\n`\n\nexport const MiniPlayer = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 420, + "name": "mini-player", + "tags": "interface", + "css": ".gg-mini-player{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:3px}.gg-mini-player::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;background:currentColor;border-top-left-radius:3px;border-bottom-right-radius:3px;bottom:-1px;right:-1px}", + "svg": "\n \n<\/svg>" + } ], "minimize-alt": [ - [ - { - "nr": 421, - "name": "minimize-alt", - "css": ".gg-minimize-alt{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:26px;height:2px;border-left:10px solid;border-right:10px solid}.gg-minimize-alt::after,.gg-minimize-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;top:-2px}.gg-minimize-alt::before{border-right:2px solid;left:-5px;transform:rotate(45deg)}.gg-minimize-alt::after{border-left:2px solid;right:-5px;transform:rotate(-45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/minimize-alt.css');", - "json": "https:\/\/css.gg\/json?=minimize-alt", - "xml": "https:\/\/css.gg\/xml?=minimize-alt", - "svg_link": "https:\/\/css.gg\/minimize-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMinimizeAlt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-45deg) scale(var(--ggs, 1));\n width: 26px;\n height: 2px;\n border-left: 10px solid;\n border-right: 10px solid;\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 border-top: 2px solid;\n top: -2px;\n }\n &::before {\n border-right: 2px solid;\n left: -5px;\n transform: rotate(45deg);\n }\n &::after {\n border-left: 2px solid;\n right: -5px;\n transform: rotate(-45deg);\n }\n`\n\nexport const MinimizeAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 421, + "name": "minimize-alt", + "tags": "interface arrows", + "css": ".gg-minimize-alt{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:26px;height:2px;border-left:10px solid;border-right:10px solid}.gg-minimize-alt::after,.gg-minimize-alt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;top:-2px}.gg-minimize-alt::before{border-right:2px solid;left:-5px;transform:rotate(45deg)}.gg-minimize-alt::after{border-left:2px solid;right:-5px;transform:rotate(-45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "minimize": [ - [ - { - "nr": 422, - "name": "minimize", - "css": ".gg-minimize{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:4px;height:4px;box-shadow:-8px -4px 0 -1px,-6px -4px 0 -1px,8px 4px 0 -1px,6px 4px 0 -1px,8px -4px 0 -1px,6px -4px 0 -1px,-8px 4px 0 -1px,-6px 4px 0 -1px}.gg-minimize::after,.gg-minimize::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:18px;border-top:6px solid;border-bottom:6px solid;box-shadow:18px 0 0 -2px;top:-7px}.gg-minimize::after{left:-3px}.gg-minimize::before{right:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/minimize.css');", - "json": "https:\/\/css.gg\/json?=minimize", - "xml": "https:\/\/css.gg\/xml?=minimize", - "svg_link": "https:\/\/css.gg\/minimize.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMinimize = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 4px;\n height: 4px;\n box-shadow: -8px -4px 0 -1px, -6px -4px 0 -1px, 8px 4px 0 -1px, 6px 4px 0 -1px, 8px -4px 0 -1px,\n 6px -4px 0 -1px, -8px 4px 0 -1px, -6px 4px 0 -1px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 18px;\n border-top: 6px solid;\n border-bottom: 6px solid;\n box-shadow: 18px 0 0 -2px;\n top: -7px;\n }\n &::after {\n left: -3px;\n }\n &::before {\n right: -3px;\n }\n`\n\nexport const Minimize = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 422, + "name": "minimize", + "tags": "interface arrows", + "css": ".gg-minimize{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:4px;height:4px;box-shadow:-8px -4px 0 -1px,-6px -4px 0 -1px,8px 4px 0 -1px,6px 4px 0 -1px,8px -4px 0 -1px,6px -4px 0 -1px,-8px 4px 0 -1px,-6px 4px 0 -1px}.gg-minimize::after,.gg-minimize::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:18px;border-top:6px solid;border-bottom:6px solid;box-shadow:18px 0 0 -2px;top:-7px}.gg-minimize::after{left:-3px}.gg-minimize::before{right:-3px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "modem": [ - [ - { - "nr": 423, - "name": "modem", - "css": ".gg-modem{position:relative;display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:20px;height:20px;border-radius:4px;border-top:12px solid transparent;box-shadow:inset 0 0 0 2px}.gg-modem::after,.gg-modem::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;right:4px;bottom:3px;width:2px;height:2px;border-radius:22px}.gg-modem::after{right:-1px;bottom:11px;width:20px;transform:rotate(30deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/modem.css');", - "json": "https:\/\/css.gg\/json?=modem", - "xml": "https:\/\/css.gg\/xml?=modem", - "svg_link": "https:\/\/css.gg\/modem.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledModem = styled.i`\n & {\n position: relative;\n display: block;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n border-radius: 4px;\n border-top: 12px solid transparent;\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 background: currentColor;\n right: 4px;\n bottom: 3px;\n width: 2px;\n height: 2px;\n border-radius: 22px;\n }\n &::after {\n right: -1px;\n bottom: 11px;\n width: 20px;\n transform: rotate(30deg);\n }\n`\n\nexport const Modem = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 423, + "name": "modem", + "tags": "interface", + "css": ".gg-modem{position:relative;display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:20px;height:20px;border-radius:4px;border-top:12px solid transparent;box-shadow:inset 0 0 0 2px}.gg-modem::after,.gg-modem::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor;right:4px;bottom:3px;width:2px;height:2px;border-radius:22px}.gg-modem::after{right:-1px;bottom:11px;width:20px;transform:rotate(30deg)}", + "svg": "\n \n \n<\/svg>" + } ], "monday": [ - [ - { - "nr": 424, - "name": "monday", - "css": ".gg-monday{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:21px;height:16px}.gg-monday::after,.gg-monday::before{background:currentColor;content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;border-radius:22px}.gg-monday::before{height:16px;transform:rotate(35deg);box-shadow:7px -5px 0 0}.gg-monday::after{height:6px;bottom:1px;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/monday.css');", - "json": "https:\/\/css.gg\/json?=monday", - "xml": "https:\/\/css.gg\/xml?=monday", - "svg_link": "https:\/\/css.gg\/monday.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMonday = styled.i`\n & {\n display: block;\n box-sizing: border-box;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 21px;\n height: 16px;\n }\n &::after,\n &::before {\n background: currentColor;\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n border-radius: 22px;\n }\n &::before {\n height: 16px;\n transform: rotate(35deg);\n box-shadow: 7px -5px 0 0;\n }\n &::after {\n height: 6px;\n bottom: 1px;\n right: 0;\n }\n`\n\nexport const Monday = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 424, + "name": "monday", + "tags": "brands", + "css": ".gg-monday{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:21px;height:16px}.gg-monday::after,.gg-monday::before{background:currentColor;content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;border-radius:22px}.gg-monday::before{height:16px;transform:rotate(35deg);box-shadow:7px -5px 0 0}.gg-monday::after{height:6px;bottom:1px;right:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "moon": [ - [ - { - "nr": 425, - "name": "moon", - "css": ".gg-moon,.gg-moon::after{display:block;box-sizing:border-box;border-radius:50%}.gg-moon{overflow:hidden;position:relative;transform:rotate(-135deg) scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-bottom-color:transparent}.gg-moon::after{content:\"\";position:absolute;width:12px;height:18px;border:2px solid transparent;box-shadow:0 0 0 2px;top:8px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/moon.css');", - "json": "https:\/\/css.gg\/json?=moon", - "xml": "https:\/\/css.gg\/xml?=moon", - "svg_link": "https:\/\/css.gg\/moon.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoon = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n border-radius: 50%;\n }\n & {\n overflow: hidden;\n position: relative;\n transform: rotate(-135deg) scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n border: 2px solid;\n border-bottom-color: transparent;\n }\n &::after {\n content: '';\n position: absolute;\n width: 12px;\n height: 18px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n top: 8px;\n left: 2px;\n }\n`\n\nexport const Moon = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 425, + "name": "moon", + "tags": "design", + "css": ".gg-moon,.gg-moon::after{display:block;box-sizing:border-box;border-radius:50%}.gg-moon{overflow:hidden;position:relative;transform:rotate(-135deg) scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-bottom-color:transparent}.gg-moon::after{content:\"\";position:absolute;width:12px;height:18px;border:2px solid transparent;box-shadow:0 0 0 2px;top:8px;left:2px}", + "svg": "\n \n<\/svg>" + } ], "more-alt": [ - [ - { - "nr": 426, - "name": "more-alt", - "css": ".gg-more-alt{transform:scale(var(--ggs,1))}.gg-more-alt,.gg-more-alt::after,.gg-more-alt::before{box-sizing:border-box;position:relative;display:block;width:4px;height:4px;background:currentColor;border-radius:100%}.gg-more-alt::after,.gg-more-alt::before{content:\"\";position:absolute;top:0}.gg-more-alt::after{left:-6px}.gg-more-alt::before{right:-6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/more-alt.css');", - "json": "https:\/\/css.gg\/json?=more-alt", - "xml": "https:\/\/css.gg\/xml?=more-alt", - "svg_link": "https:\/\/css.gg\/more-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoreAlt = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 4px;\n height: 4px;\n background: currentColor;\n border-radius: 100%;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n top: 0;\n }\n &::after {\n left: -6px;\n }\n &::before {\n right: -6px;\n }\n`\n\nexport const MoreAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 426, + "name": "more-alt", + "tags": "interface buttons", + "css": ".gg-more-alt{transform:scale(var(--ggs,1))}.gg-more-alt,.gg-more-alt::after,.gg-more-alt::before{box-sizing:border-box;position:relative;display:block;width:4px;height:4px;background:currentColor;border-radius:100%}.gg-more-alt::after,.gg-more-alt::before{content:\"\";position:absolute;top:0}.gg-more-alt::after{left:-6px}.gg-more-alt::before{right:-6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "more-o": [ - [ - { - "nr": 427, - "name": "more-o", - "css": ".gg-more-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:24px;border:2px solid;border-radius:24px}.gg-more-o::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:4px;height:4px;background-color:currentColor;border-radius:20px;top:8px;left:8px;box-shadow:-5px 0 0,5px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/more-o.css');", - "json": "https:\/\/css.gg\/json?=more-o", - "xml": "https:\/\/css.gg\/xml?=more-o", - "svg_link": "https:\/\/css.gg\/more-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoreO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 24px;\n border: 2px solid;\n border-radius: 24px;\n }\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n width: 4px;\n height: 4px;\n background-color: currentColor;\n border-radius: 20px;\n top: 8px;\n left: 8px;\n box-shadow: -5px 0 0, 5px 0 0;\n }\n`\n\nexport const MoreO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 427, + "name": "more-o", + "tags": "interface", + "css": ".gg-more-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:24px;border:2px solid;border-radius:24px}.gg-more-o::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:4px;height:4px;background-color:currentColor;border-radius:20px;top:8px;left:8px;box-shadow:-5px 0 0,5px 0 0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "more-r": [ - [ - { - "nr": 428, - "name": "more-r", - "css": ".gg-more-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:20px;border:2px solid;border-radius:3px;}.gg-more-r::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:4px;height:4px;background-color:currentColor;border-radius:20px;top:6px;left:8px;box-shadow:-5px 0 0,5px 0 0;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/more-r.css');", - "json": "https:\/\/css.gg\/json?=more-r", - "xml": "https:\/\/css.gg\/xml?=more-r", - "svg_link": "https:\/\/css.gg\/more-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoreR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 20px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n width: 4px;\n height: 4px;\n background-color: currentColor;\n border-radius: 20px;\n top: 6px;\n left: 8px;\n box-shadow: -5px 0 0, 5px 0 0;\n }\n`\n\nexport const MoreR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 428, + "name": "more-r", + "tags": "interface", + "css": ".gg-more-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:20px;border:2px solid;border-radius:3px;}.gg-more-r::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:4px;height:4px;background-color:currentColor;border-radius:20px;top:6px;left:8px;box-shadow:-5px 0 0,5px 0 0;}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "more-vertical-alt": [ - [ - { - "nr": 429, - "name": "more-vertical-alt", - "css": ".gg-more-vertical-alt{transform:scale(var(--ggs,1))}.gg-more-vertical-alt,.gg-more-vertical-alt::after,.gg-more-vertical-alt::before{box-sizing:border-box;position:relative;display:block;width:4px;height:4px;background:currentColor;border-radius:100%}.gg-more-vertical-alt::after,.gg-more-vertical-alt::before{content:\"\";position:absolute}.gg-more-vertical-alt::after{left:0;top:6px}.gg-more-vertical-alt::before{top:-6px;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/more-vertical-alt.css');", - "json": "https:\/\/css.gg\/json?=more-vertical-alt", - "xml": "https:\/\/css.gg\/xml?=more-vertical-alt", - "svg_link": "https:\/\/css.gg\/more-vertical-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoreVerticalAlt = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 4px;\n height: 4px;\n background: currentColor;\n border-radius: 100%;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n }\n &::after {\n left: 0;\n top: 6px;\n }\n &::before {\n top: -6px;\n right: 0;\n }\n`\n\nexport const MoreVerticalAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 429, + "name": "more-vertical-alt", + "tags": "interface buttons", + "css": ".gg-more-vertical-alt{transform:scale(var(--ggs,1))}.gg-more-vertical-alt,.gg-more-vertical-alt::after,.gg-more-vertical-alt::before{box-sizing:border-box;position:relative;display:block;width:4px;height:4px;background:currentColor;border-radius:100%}.gg-more-vertical-alt::after,.gg-more-vertical-alt::before{content:\"\";position:absolute}.gg-more-vertical-alt::after{left:0;top:6px}.gg-more-vertical-alt::before{top:-6px;right:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "more-vertical-o": [ - [ - { - "nr": 430, - "name": "more-vertical-o", - "css": ".gg-more-vertical-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:24px;border:2px solid;border-radius:24px}.gg-more-vertical-o::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:4px;height:4px;background-color:currentColor;border-radius:20px;top:8px;left:8px;box-shadow:0 -5px 0,0 5px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/more-vertical-o.css');", - "json": "https:\/\/css.gg\/json?=more-vertical-o", - "xml": "https:\/\/css.gg\/xml?=more-vertical-o", - "svg_link": "https:\/\/css.gg\/more-vertical-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoreVerticalO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 24px;\n border: 2px solid;\n border-radius: 24px;\n }\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n width: 4px;\n height: 4px;\n background-color: currentColor;\n border-radius: 20px;\n top: 8px;\n left: 8px;\n box-shadow: 0 -5px 0, 0 5px 0;\n }\n`\n\nexport const MoreVerticalO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 430, + "name": "more-vertical-o", + "tags": "interface buttons", + "css": ".gg-more-vertical-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:24px;border:2px solid;border-radius:24px}.gg-more-vertical-o::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:4px;height:4px;background-color:currentColor;border-radius:20px;top:8px;left:8px;box-shadow:0 -5px 0,0 5px 0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "more-vertical-r": [ - [ - { - "nr": 431, - "name": "more-vertical-r", - "css": ".gg-more-vertical-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:24px;border:2px solid;border-radius:3px}.gg-more-vertical-r::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:4px;height:4px;background-color:currentColor;border-radius:20px;top:8px;left:6px;box-shadow:0 -5px 0,0 5px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/more-vertical-r.css');", - "json": "https:\/\/css.gg\/json?=more-vertical-r", - "xml": "https:\/\/css.gg\/xml?=more-vertical-r", - "svg_link": "https:\/\/css.gg\/more-vertical-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoreVerticalR = 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: 24px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n width: 4px;\n height: 4px;\n background-color: currentColor;\n border-radius: 20px;\n top: 8px;\n left: 6px;\n box-shadow: 0 -5px 0, 0 5px 0;\n }\n`\n\nexport const MoreVerticalR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 431, + "name": "more-vertical-r", + "tags": "interface buttons", + "css": ".gg-more-vertical-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:24px;border:2px solid;border-radius:3px}.gg-more-vertical-r::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:4px;height:4px;background-color:currentColor;border-radius:20px;top:8px;left:6px;box-shadow:0 -5px 0,0 5px 0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "more-vertical": [ - [ - { - "nr": 432, - "name": "more-vertical", - "css": ".gg-more-vertical{transform:scale(var(--ggs,1))}.gg-more-vertical,.gg-more-vertical::after,.gg-more-vertical::before{box-sizing:border-box;position:relative;display:block;width:6px;height:6px;border:2px solid;border-radius:100%}.gg-more-vertical::after,.gg-more-vertical::before{content:\"\";position:absolute;top:6px;left:-2px}.gg-more-vertical::before{top:-10px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/more-vertical.css');", - "json": "https:\/\/css.gg\/json?=more-vertical", - "xml": "https:\/\/css.gg\/xml?=more-vertical", - "svg_link": "https:\/\/css.gg\/more-vertical.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoreVertical = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 6px;\n height: 6px;\n border: 2px solid;\n border-radius: 100%;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n top: 6px;\n left: -2px;\n }\n &::before {\n top: -10px;\n }\n`\n\nexport const MoreVertical = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 432, + "name": "more-vertical", + "tags": "interface buttons", + "css": ".gg-more-vertical{transform:scale(var(--ggs,1))}.gg-more-vertical,.gg-more-vertical::after,.gg-more-vertical::before{box-sizing:border-box;position:relative;display:block;width:6px;height:6px;border:2px solid;border-radius:100%}.gg-more-vertical::after,.gg-more-vertical::before{content:\"\";position:absolute;top:6px;left:-2px}.gg-more-vertical::before{top:-10px}", + "svg": "\n \n<\/svg>" + } ], "more": [ - [ - { - "nr": 433, - "name": "more", - "css": ".gg-more{transform:scale(var(--ggs,1))}.gg-more,.gg-more::after,.gg-more::before{box-sizing:border-box;position:relative;display:block;width:6px;height:6px;border:2px solid;border-radius:100%}.gg-more::after,.gg-more::before{content:\"\";position:absolute;top:-2px}.gg-more::after{left:-9px}.gg-more::before{right:-9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/more.css');", - "json": "https:\/\/css.gg\/json?=more", - "xml": "https:\/\/css.gg\/xml?=more", - "svg_link": "https:\/\/css.gg\/more.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMore = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 6px;\n height: 6px;\n border: 2px solid;\n border-radius: 100%;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n top: -2px;\n }\n &::after {\n left: -9px;\n }\n &::before {\n right: -9px;\n }\n`\n\nexport const More = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 433, + "name": "more", + "tags": "interface buttons", + "css": ".gg-more{transform:scale(var(--ggs,1))}.gg-more,.gg-more::after,.gg-more::before{box-sizing:border-box;position:relative;display:block;width:6px;height:6px;border:2px solid;border-radius:100%}.gg-more::after,.gg-more::before{content:\"\";position:absolute;top:-2px}.gg-more::after{left:-9px}.gg-more::before{right:-9px}", + "svg": "\n \n \n \n<\/svg>" + } ], "mouse": [ - [ - { - "nr": 434, - "name": "mouse", - "css": ".gg-mouse{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:24px;border:2px solid;border-radius:10px}.gg-mouse::after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:6px;background:currentColor;top:3px;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/mouse.css');", - "json": "https:\/\/css.gg\/json?=mouse", - "xml": "https:\/\/css.gg\/xml?=mouse", - "svg_link": "https:\/\/css.gg\/mouse.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMouse = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 24px;\n border: 2px solid;\n border-radius: 10px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n height: 6px;\n background: currentColor;\n top: 3px;\n left: 5px;\n }\n`\n\nexport const Mouse = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 434, + "name": "mouse", + "tags": "devices", + "css": ".gg-mouse{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:24px;border:2px solid;border-radius:10px}.gg-mouse::after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:6px;background:currentColor;top:3px;left:5px}", + "svg": "\n \n \n<\/svg>" + } ], "move-down": [ - [ - { - "nr": 435, - "name": "move-down", - "css": ".gg-move-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px;border-left:2px solid;border-right:2px solid}.gg-move-down::after,.gg-move-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-move-down::before{background:currentColor;left:2px;top:0;width:2px;height:12px}.gg-move-down::after{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid;bottom:-7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/move-down.css');", - "json": "https:\/\/css.gg\/json?=move-down", - "xml": "https:\/\/css.gg\/xml?=move-down", - "svg_link": "https:\/\/css.gg\/move-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoveDown = 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: 8px;\n border-left: 2px solid;\n border-right: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n left: 2px;\n top: 0;\n width: 2px;\n height: 12px;\n }\n &::after {\n width: 0;\n height: 0;\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n border-top: 5px solid;\n bottom: -7px;\n }\n`\n\nexport const MoveDown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 435, + "name": "move-down", + "tags": "content interface arrows", + "css": ".gg-move-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px;border-left:2px solid;border-right:2px solid}.gg-move-down::after,.gg-move-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-move-down::before{background:currentColor;left:2px;top:0;width:2px;height:12px}.gg-move-down::after{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:5px solid;bottom:-7px}", + "svg": "\n \n \n \n<\/svg>" + } ], "move-left": [ - [ - { - "nr": 436, - "name": "move-left", - "css": ".gg-move-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-top:2px solid;border-bottom:2px solid}.gg-move-left::after,.gg-move-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-move-left::before{background:currentColor;right:0;top:2px;width:12px;height:2px}.gg-move-left::after{width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:5px solid;left:-7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/move-left.css');", - "json": "https:\/\/css.gg\/json?=move-left", - "xml": "https:\/\/css.gg\/xml?=move-left", - "svg_link": "https:\/\/css.gg\/move-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoveLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 10px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n right: 0;\n top: 2px;\n width: 12px;\n height: 2px;\n }\n &::after {\n width: 0;\n height: 0;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n border-right: 5px solid;\n left: -7px;\n }\n`\n\nexport const MoveLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 436, + "name": "move-left", + "tags": "content interface arrows", + "css": ".gg-move-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-top:2px solid;border-bottom:2px solid}.gg-move-left::after,.gg-move-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-move-left::before{background:currentColor;right:0;top:2px;width:12px;height:2px}.gg-move-left::after{width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:5px solid;left:-7px}", + "svg": "\n \n \n \n<\/svg>" + } ], "move-right": [ - [ - { - "nr": 437, - "name": "move-right", - "css": ".gg-move-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-top:2px solid;border-bottom:2px solid}.gg-move-right::after,.gg-move-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-move-right::before{background:currentColor;left:0;top:2px;width:12px;height:2px}.gg-move-right::after{width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid;right:-7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/move-right.css');", - "json": "https:\/\/css.gg\/json?=move-right", - "xml": "https:\/\/css.gg\/xml?=move-right", - "svg_link": "https:\/\/css.gg\/move-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoveRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 10px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n left: 0;\n top: 2px;\n width: 12px;\n height: 2px;\n }\n &::after {\n width: 0;\n height: 0;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n border-left: 5px solid;\n right: -7px;\n }\n`\n\nexport const MoveRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 437, + "name": "move-right", + "tags": "content interface arrows", + "css": ".gg-move-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-top:2px solid;border-bottom:2px solid}.gg-move-right::after,.gg-move-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-move-right::before{background:currentColor;left:0;top:2px;width:12px;height:2px}.gg-move-right::after{width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid;right:-7px}", + "svg": "\n \n \n \n<\/svg>" + } ], "move-task": [ - [ - { - "nr": 438, - "name": "move-task", - "css": ".gg-move-task{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-top:2px solid;border-bottom:2px solid}.gg-move-task::after,.gg-move-task::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-move-task::before{background:currentColor;top:2px;width:8px;height:2px;left:0}.gg-move-task::after{width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid;left:-6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/move-task.css');", - "json": "https:\/\/css.gg\/json?=move-task", - "xml": "https:\/\/css.gg\/xml?=move-task", - "svg_link": "https:\/\/css.gg\/move-task.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoveTask = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 10px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n top: 2px;\n width: 8px;\n height: 2px;\n left: 0;\n }\n &::after {\n width: 0;\n height: 0;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n border-left: 5px solid;\n left: -6px;\n }\n`\n\nexport const MoveTask = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 438, + "name": "move-task", + "tags": "content interface arrows", + "css": ".gg-move-task{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-top:2px solid;border-bottom:2px solid}.gg-move-task::after,.gg-move-task::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-move-task::before{background:currentColor;top:2px;width:8px;height:2px;left:0}.gg-move-task::after{width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid;left:-6px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "move-up": [ - [ - { - "nr": 439, - "name": "move-up", - "css": ".gg-move-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px;border-left:2px solid;border-right:2px solid}.gg-move-up::after,.gg-move-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-move-up::before{background:currentColor;left:2px;bottom:0;width:2px;height:12px}.gg-move-up::after{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid;top:-7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/move-up.css');", - "json": "https:\/\/css.gg\/json?=move-up", - "xml": "https:\/\/css.gg\/xml?=move-up", - "svg_link": "https:\/\/css.gg\/move-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMoveUp = 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: 8px;\n border-left: 2px solid;\n border-right: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n left: 2px;\n bottom: 0;\n width: 2px;\n height: 12px;\n }\n &::after {\n width: 0;\n height: 0;\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n border-bottom: 5px solid;\n top: -7px;\n }\n`\n\nexport const MoveUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 439, + "name": "move-up", + "tags": "content interface arrows", + "css": ".gg-move-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px;border-left:2px solid;border-right:2px solid}.gg-move-up::after,.gg-move-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-move-up::before{background:currentColor;left:2px;bottom:0;width:2px;height:12px}.gg-move-up::after{width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid;top:-7px}", + "svg": "\n \n \n \n<\/svg>" + } ], "music-note": [ - [ - { - "nr": 440, - "name": "music-note", - "css": ".gg-music-note{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:14px;background:currentColor}.gg-music-note::after,.gg-music-note::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-music-note::before{bottom:-4px;width:8px;height:8px;left:-6px;border-radius:10px}.gg-music-note::after{width:10px;height:6px;top:-4px;left:0;border-radius:2px;transform:skewY(-15deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/music-note.css');", - "json": "https:\/\/css.gg\/json?=music-note", - "xml": "https:\/\/css.gg\/xml?=music-note", - "svg_link": "https:\/\/css.gg\/music-note.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMusicNote = 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 }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n }\n &::before {\n bottom: -4px;\n width: 8px;\n height: 8px;\n left: -6px;\n border-radius: 10px;\n }\n &::after {\n width: 10px;\n height: 6px;\n top: -4px;\n left: 0;\n border-radius: 2px;\n transform: skewY(-15deg);\n }\n`\n\nexport const MusicNote = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 440, + "name": "music-note", + "tags": "interface music", + "css": ".gg-music-note{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:14px;background:currentColor}.gg-music-note::after,.gg-music-note::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-music-note::before{bottom:-4px;width:8px;height:8px;left:-6px;border-radius:10px}.gg-music-note::after{width:10px;height:6px;top:-4px;left:0;border-radius:2px;transform:skewY(-15deg)}", + "svg": "\n \n<\/svg>" + } ], "music-speaker": [ - [ - { - "nr": 441, - "name": "music-speaker", - "css": ".gg-music-speaker{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:22px;border:2px solid;border-radius:3px}.gg-music-speaker::after,.gg-music-speaker::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid;border-radius:100px}.gg-music-speaker::before{bottom:2px;width:8px;height:8px;left:2px}.gg-music-speaker::after{width:4px;height:4px;left:4px;top:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/music-speaker.css');", - "json": "https:\/\/css.gg\/json?=music-speaker", - "xml": "https:\/\/css.gg\/xml?=music-speaker", - "svg_link": "https:\/\/css.gg\/music-speaker.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMusicSpeaker = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n border-radius: 100px;\n }\n &::before {\n bottom: 2px;\n width: 8px;\n height: 8px;\n left: 2px;\n }\n &::after {\n width: 4px;\n height: 4px;\n left: 4px;\n top: 2px;\n }\n`\n\nexport const MusicSpeaker = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 441, + "name": "music-speaker", + "tags": "interface music devices", + "css": ".gg-music-speaker{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:22px;border:2px solid;border-radius:3px}.gg-music-speaker::after,.gg-music-speaker::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid;border-radius:100px}.gg-music-speaker::before{bottom:2px;width:8px;height:8px;left:2px}.gg-music-speaker::after{width:4px;height:4px;left:4px;top:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "music": [ - [ - { - "nr": 442, - "name": "music", - "css": ".gg-music,.gg-music::after,.gg-music::before{display:block;box-sizing:border-box;border:2px solid}.gg-music{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:0;margin-top:-4px;position:relative;transform:skewY(-15deg) scale(var(--ggs,1));width:14px;height:16px}.gg-music::after,.gg-music::before{content:\"\";position:absolute;width:7px;height:7px;top:9px;left:-7px;transform:skewY(15deg);border-radius:10px}.gg-music::after{left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/music.css');", - "json": "https:\/\/css.gg\/json?=music", - "xml": "https:\/\/css.gg\/xml?=music", - "svg_link": "https:\/\/css.gg\/music.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledMusic = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n border: 2px solid;\n }\n & {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-bottom: 0;\n margin-top: -4px;\n position: relative;\n transform: skewY(-15deg) scale(var(--ggs, 1));\n width: 14px;\n height: 16px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 7px;\n height: 7px;\n top: 9px;\n left: -7px;\n transform: skewY(15deg);\n border-radius: 10px;\n }\n &::after {\n left: 5px;\n }\n`\n\nexport const Music = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 442, + "name": "music", + "tags": "interface music multimedia", + "css": ".gg-music,.gg-music::after,.gg-music::before{display:block;box-sizing:border-box;border:2px solid}.gg-music{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom:0;margin-top:-4px;position:relative;transform:skewY(-15deg) scale(var(--ggs,1));width:14px;height:16px}.gg-music::after,.gg-music::before{content:\"\";position:absolute;width:7px;height:7px;top:9px;left:-7px;transform:skewY(15deg);border-radius:10px}.gg-music::after{left:5px}", + "svg": "\n \n<\/svg>" + } ], "nametag": [ - [ - { - "nr": 443, - "name": "nametag", - "css": ".gg-nametag{box-sizing:border-box;position:relative;display:block;width:6px;height:6px;border:2px solid;transform:scale(var(--ggs,1))}.gg-nametag::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:12px;box-shadow:-5px -5px 0 -3px,5px 5px 0 -3px,5px -5px 0 -3px,-5px 5px 0 -3px;left:-5px;top:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/nametag.css');", - "json": "https:\/\/css.gg\/json?=nametag", - "xml": "https:\/\/css.gg\/xml?=nametag", - "svg_link": "https:\/\/css.gg\/nametag.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledNametag = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 6px;\n height: 6px;\n border: 2px solid;\n transform: scale(var(--ggs, 1));\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 12px;\n height: 12px;\n box-shadow: -5px -5px 0 -3px, 5px 5px 0 -3px, 5px -5px 0 -3px, -5px 5px 0 -3px;\n left: -5px;\n top: -5px;\n }\n`\n\nexport const Nametag = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 443, + "name": "nametag", + "tags": "interface", + "css": ".gg-nametag{box-sizing:border-box;position:relative;display:block;width:6px;height:6px;border:2px solid;transform:scale(var(--ggs,1))}.gg-nametag::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:12px;box-shadow:-5px -5px 0 -3px,5px 5px 0 -3px,5px -5px 0 -3px,-5px 5px 0 -3px;left:-5px;top:-5px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "notes": [ - [ - { - "nr": 444, - "name": "notes", - "css": ".gg-notes{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:22px;border:2px solid;border-radius:3px}.gg-notes::after,.gg-notes::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:2px;background:currentColor;left:2px}.gg-notes::before{box-shadow:0 4px 0,0 8px 0;width:12px;top:2px}.gg-notes::after{width:6px;top:14px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/notes.css');", - "json": "https:\/\/css.gg\/json?=notes", - "xml": "https:\/\/css.gg\/xml?=notes", - "svg_link": "https:\/\/css.gg\/notes.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledNotes = 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: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n height: 2px;\n background: currentColor;\n left: 2px;\n }\n &::before {\n box-shadow: 0 4px 0, 0 8px 0;\n width: 12px;\n top: 2px;\n }\n &::after {\n width: 6px;\n top: 14px;\n }\n`\n\nexport const Notes = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 444, + "name": "notes", + "tags": "content interface", + "css": ".gg-notes{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:22px;border:2px solid;border-radius:3px}.gg-notes::after,.gg-notes::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:2px;background:currentColor;left:2px}.gg-notes::before{box-shadow:0 4px 0,0 8px 0;width:12px;top:2px}.gg-notes::after{width:6px;top:14px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "notifications": [ - [ - { - "nr": 445, - "name": "notifications", - "css": ".gg-notifications{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat right bottom\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat left top\/8px 2px}.gg-notifications::after,.gg-notifications::before{content:\"\";position:absolute;display:block;box-sizing:border-box}.gg-notifications::before{width:14px;height:14px;border-left:2px solid;border-bottom:2px solid}.gg-notifications::after{width:6px;height:6px;border-radius:4px;background:currentColor;top:-2px;right:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/notifications.css');", - "json": "https:\/\/css.gg\/json?=notifications", - "xml": "https:\/\/css.gg\/xml?=notifications", - "svg_link": "https:\/\/css.gg\/notifications.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledNotifications = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat right\n bottom\/2px 8px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat left top\/8px 2px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n }\n &::before {\n width: 14px;\n height: 14px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-radius: 4px;\n background: currentColor;\n top: -2px;\n right: -2px;\n }\n`\n\nexport const Notifications = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 445, + "name": "notifications", + "tags": "interface", + "css": ".gg-notifications{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat right bottom\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0)no-repeat left top\/8px 2px}.gg-notifications::after,.gg-notifications::before{content:\"\";position:absolute;display:block;box-sizing:border-box}.gg-notifications::before{width:14px;height:14px;border-left:2px solid;border-bottom:2px solid}.gg-notifications::after{width:6px;height:6px;border-radius:4px;background:currentColor;top:-2px;right:-2px}", + "svg": "\n \n \n<\/svg>" + } ], "npm": [ - [ - { - "nr": 446, - "name": "npm", - "css": ".gg-npm,.gg-npm::before{box-sizing:border-box;display:block}.gg-npm{position:relative;width:18px;height:18px;transform:scale(var(--ggs,1));border:3px solid;border-radius:2px}.gg-npm::before{content:\"\";position:absolute;width:3px;height:12px;background:currentColor;bottom:-3px;right:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/npm.css');", - "json": "https:\/\/css.gg\/json?=npm", - "xml": "https:\/\/css.gg\/xml?=npm", - "svg_link": "https:\/\/css.gg\/npm.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledNpm = styled.i`\n &,\n &::before {\n box-sizing: border-box;\n display: block;\n }\n & {\n position: relative;\n width: 18px;\n height: 18px;\n transform: scale(var(--ggs, 1));\n border: 3px solid;\n border-radius: 2px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 3px;\n height: 12px;\n background: currentColor;\n bottom: -3px;\n right: 3px;\n }\n`\n\nexport const Npm = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 446, + "name": "npm", + "tags": "brands", + "css": ".gg-npm,.gg-npm::before{box-sizing:border-box;display:block}.gg-npm{position:relative;width:18px;height:18px;transform:scale(var(--ggs,1));border:3px solid;border-radius:2px}.gg-npm::before{content:\"\";position:absolute;width:3px;height:12px;background:currentColor;bottom:-3px;right:3px}", + "svg": "\n \n<\/svg>" + } ], "oculus": [ - [ - { - "nr": 447, - "name": "oculus", - "css": ".gg-oculus{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:20px;height:12px;border:4px solid;border-radius:22px;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/oculus.css');", - "json": "https:\/\/css.gg\/json?=oculus", - "xml": "https:\/\/css.gg\/xml?=oculus", - "svg_link": "https:\/\/css.gg\/oculus.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledOculus = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 12px;\n border: 4px solid;\n border-radius: 22px;\n }\n`\n\nexport const Oculus = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 447, + "name": "oculus", + "tags": "brands", + "css": ".gg-oculus{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:20px;height:12px;border:4px solid;border-radius:22px;}", + "svg": "\n \n<\/svg>" + } ], "open-collective": [ - [ - { - "nr": 448, - "name": "open-collective", - "css": ".gg-open-collective,.gg-open-collective::before{display:block;box-sizing:border-box;border-radius:22px}.gg-open-collective{position:relative;transform:scale(var(--ggs,1));width:18px;height:18px;border:3px solid;border-right-color:transparent}.gg-open-collective::before{content:\"\";position:absolute;width:14px;height:14px;border:3px solid transparent;border-right:3px solid;top:-1px;right:-3px;opacity:.5}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/open-collective.css');", - "json": "https:\/\/css.gg\/json?=open-collective", - "xml": "https:\/\/css.gg\/xml?=open-collective", - "svg_link": "https:\/\/css.gg\/open-collective.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledOpenCollective = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n border-radius: 22px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 3px solid;\n border-right-color: transparent;\n }\n &::before {\n content: '';\n position: absolute;\n width: 14px;\n height: 14px;\n border: 3px solid transparent;\n border-right: 3px solid;\n top: -1px;\n right: -3px;\n opacity: 0.5;\n }\n`\n\nexport const OpenCollective = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 448, + "name": "open-collective", + "tags": "interface", + "css": ".gg-open-collective,.gg-open-collective::before{display:block;box-sizing:border-box;border-radius:22px}.gg-open-collective{position:relative;transform:scale(var(--ggs,1));width:18px;height:18px;border:3px solid;border-right-color:transparent}.gg-open-collective::before{content:\"\";position:absolute;width:14px;height:14px;border:3px solid transparent;border-right:3px solid;top:-1px;right:-3px;opacity:.5}", + "svg": "\n \n \n<\/svg>" + } ], "options": [ - [ - { - "nr": 449, - "name": "options", - "css": ".gg-options{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:2px;box-shadow:-3px 4px 0 0,3px -4px 0 0}.gg-options::after,.gg-options::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;border-radius:100%}.gg-options::before{top:-7px;left:-4px}.gg-options::after{bottom:-7px;right:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/options.css');", - "json": "https:\/\/css.gg\/json?=options", - "xml": "https:\/\/css.gg\/xml?=options", - "svg_link": "https:\/\/css.gg\/options.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledOptions = 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: 2px;\n box-shadow: -3px 4px 0 0, 3px -4px 0 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border: 2px solid;\n border-radius: 100%;\n }\n &::before {\n top: -7px;\n left: -4px;\n }\n &::after {\n bottom: -7px;\n right: -4px;\n }\n`\n\nexport const Options = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 449, + "name": "options", + "tags": "interface", + "css": ".gg-options{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:2px;box-shadow:-3px 4px 0 0,3px -4px 0 0}.gg-options::after,.gg-options::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;border-radius:100%}.gg-options::before{top:-7px;left:-4px}.gg-options::after{bottom:-7px;right:-4px}", + "svg": "\n \n \n<\/svg>" + } ], "organisation": [ - [ - { - "nr": 450, - "name": "organisation", - "css": ".gg-organisation{background:linear-gradient(to bottom,currentColor 5px,transparent 0)no-repeat center 2px\/12px 2px,linear-gradient(to bottom,currentColor 5px,transparent 0)no-repeat center 6px\/12px 2px,linear-gradient(to bottom,currentColor 5px,transparent 0)no-repeat center 10px\/12px 2px,linear-gradient(to bottom,currentColor 18px,transparent 0)no-repeat center\/2px 18px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:18px;border:2px solid}.gg-organisation::after,.gg-organisation::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-organisation::before{background:currentColor;right:-8px;top:6px;box-shadow:0 4px 0,-4px 4px 0,-4px 0 0;width:2px;height:2px}.gg-organisation::after{width:12px;height:14px;border:2px solid;left:8px;bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/organisation.css');", - "json": "https:\/\/css.gg\/json?=organisation", - "xml": "https:\/\/css.gg\/xml?=organisation", - "svg_link": "https:\/\/css.gg\/organisation.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledOrganisation = styled.i`\n & {\n background: linear-gradient(to bottom, currentColor 5px, transparent 0) no-repeat center 2px\/12px\n 2px,\n linear-gradient(to bottom, currentColor 5px, transparent 0) no-repeat center 6px\/12px 2px,\n linear-gradient(to bottom, currentColor 5px, transparent 0) no-repeat center 10px\/12px 2px,\n linear-gradient(to bottom, currentColor 18px, transparent 0) no-repeat center\/2px 18px;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 18px;\n border: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n right: -8px;\n top: 6px;\n box-shadow: 0 4px 0, -4px 4px 0, -4px 0 0;\n width: 2px;\n height: 2px;\n }\n &::after {\n width: 12px;\n height: 14px;\n border: 2px solid;\n left: 8px;\n bottom: -2px;\n }\n`\n\nexport const Organisation = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 450, + "name": "organisation", + "tags": "signs", + "css": ".gg-organisation{background:linear-gradient(to bottom,currentColor 5px,transparent 0)no-repeat center 2px\/12px 2px,linear-gradient(to bottom,currentColor 5px,transparent 0)no-repeat center 6px\/12px 2px,linear-gradient(to bottom,currentColor 5px,transparent 0)no-repeat center 10px\/12px 2px,linear-gradient(to bottom,currentColor 18px,transparent 0)no-repeat center\/2px 18px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:18px;border:2px solid}.gg-organisation::after,.gg-organisation::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-organisation::before{background:currentColor;right:-8px;top:6px;box-shadow:0 4px 0,-4px 4px 0,-4px 0 0;width:2px;height:2px}.gg-organisation::after{width:12px;height:14px;border:2px solid;left:8px;bottom:-2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "overflow": [ - [ - { - "nr": 451, - "name": "overflow", - "css": ".gg-overflow{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border-radius:20px;border-bottom:8px solid}.gg-overflow::after,.gg-overflow::before{content:\"\";box-sizing:border-box;position:absolute;display:block;border-radius:20px}.gg-overflow::before{width:20px;height:20px;border-bottom:10px solid;opacity:.6;left:-2px;top:-2px}.gg-overflow::after{width:16px;height:16px;border-top:8px solid;opacity:.2;left:0;top:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/overflow.css');", - "json": "https:\/\/css.gg\/json?=overflow", - "xml": "https:\/\/css.gg\/xml?=overflow", - "svg_link": "https:\/\/css.gg\/overflow.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledOverflow = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border-radius: 20px;\n border-bottom: 8px solid;\n }\n &::after,\n &::before {\n content: '';\n box-sizing: border-box;\n position: absolute;\n display: block;\n border-radius: 20px;\n }\n &::before {\n width: 20px;\n height: 20px;\n border-bottom: 10px solid;\n opacity: 0.6;\n left: -2px;\n top: -2px;\n }\n &::after {\n width: 16px;\n height: 16px;\n border-top: 8px solid;\n opacity: 0.2;\n left: 0;\n top: 0;\n }\n`\n\nexport const Overflow = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 451, + "name": "overflow", + "tags": "brands", + "css": ".gg-overflow{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border-radius:20px;border-bottom:8px solid}.gg-overflow::after,.gg-overflow::before{content:\"\";box-sizing:border-box;position:absolute;display:block;border-radius:20px}.gg-overflow::before{width:20px;height:20px;border-bottom:10px solid;opacity:.6;left:-2px;top:-2px}.gg-overflow::after{width:16px;height:16px;border-top:8px solid;opacity:.2;left:0;top:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "pacman": [ - [ - { - "nr": 452, - "name": "pacman", - "css": ".gg-pacman{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:10px;height:10px;border-bottom:2px solid;border-left:2px solid}.gg-pacman::after,.gg-pacman::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-pacman::before{background:currentColor;top:5px;border-radius:3px;width:2px;height:2px;left:-5px}.gg-pacman::after{width:18px;height:18px;border:2px solid;border-radius:100px;border-right-color:transparent;left:-10px;transform:rotate(-45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pacman.css');", - "json": "https:\/\/css.gg\/json?=pacman", - "xml": "https:\/\/css.gg\/xml?=pacman", - "svg_link": "https:\/\/css.gg\/pacman.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPacman = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 10px;\n height: 10px;\n border-bottom: 2px solid;\n border-left: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n }\n &::before {\n background: currentColor;\n top: 5px;\n border-radius: 3px;\n width: 2px;\n height: 2px;\n left: -5px;\n }\n &::after {\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 100px;\n border-right-color: transparent;\n left: -10px;\n transform: rotate(-45deg);\n }\n`\n\nexport const Pacman = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 452, + "name": "pacman", + "tags": "brands", + "css": ".gg-pacman{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:10px;height:10px;border-bottom:2px solid;border-left:2px solid}.gg-pacman::after,.gg-pacman::before{content:\"\";display:block;position:absolute;box-sizing:border-box}.gg-pacman::before{background:currentColor;top:5px;border-radius:3px;width:2px;height:2px;left:-5px}.gg-pacman::after{width:18px;height:18px;border:2px solid;border-radius:100px;border-right-color:transparent;left:-10px;transform:rotate(-45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "password": [ - [ - { - "nr": 453, - "name": "password", - "css": ".gg-password{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:30px;height:12px;border:2px solid;border-radius:3px}.gg-password::after,.gg-password::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;background:currentColor}.gg-password::before{left:2px;top:2px;box-shadow:6px 0 0,12px 0 0;height:4px;border-radius:100%}.gg-password::after{height:2px;right:2px;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/password.css');", - "json": "https:\/\/css.gg\/json?=password", - "xml": "https:\/\/css.gg\/xml?=password", - "svg_link": "https:\/\/css.gg\/password.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPassword = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 30px;\n height: 12px;\n border: 2px solid;\n border-radius: 3px;\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: 2px;\n top: 2px;\n box-shadow: 6px 0 0, 12px 0 0;\n height: 4px;\n border-radius: 100%;\n }\n &::after {\n height: 2px;\n right: 2px;\n bottom: 2px;\n }\n`\n\nexport const Password = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 453, + "name": "password", + "tags": "interface", + "css": ".gg-password{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:30px;height:12px;border:2px solid;border-radius:3px}.gg-password::after,.gg-password::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;background:currentColor}.gg-password::before{left:2px;top:2px;box-shadow:6px 0 0,12px 0 0;height:4px;border-radius:100%}.gg-password::after{height:2px;right:2px;bottom:2px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "path-back": [ - [ - { - "nr": 454, - "name": "path-back", - "css": ".gg-path-back{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-back::after,.gg-path-back::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:10px;height:10px}.gg-path-back::after{border:2px solid}.gg-path-back::before{border-right:5px solid;border-bottom:5px solid;bottom:0;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/path-back.css');", - "json": "https:\/\/css.gg\/json?=path-back", - "xml": "https:\/\/css.gg\/xml?=path-back", - "svg_link": "https:\/\/css.gg\/path-back.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPathBack = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n width: 10px;\n height: 10px;\n }\n &::after {\n border: 2px solid;\n }\n &::before {\n border-right: 5px solid;\n border-bottom: 5px solid;\n bottom: 0;\n right: 0;\n }\n`\n\nexport const PathBack = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 454, + "name": "path-back", + "tags": "interface design", + "css": ".gg-path-back{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-back::after,.gg-path-back::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:10px;height:10px}.gg-path-back::after{border:2px solid}.gg-path-back::before{border-right:5px solid;border-bottom:5px solid;bottom:0;right:0}", + "svg": "\n \n<\/svg>" + } ], "path-crop": [ - [ - { - "nr": 455, - "name": "path-crop", - "css": ".gg-path-crop{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-crop::after,.gg-path-crop::before{content:\"\";position:absolute;display:block;box-sizing:border-box;border:2px solid;width:10px;height:10px}.gg-path-crop::after{opacity:.5}.gg-path-crop::before{background:linear-gradient(to left,currentColor 4px,transparent 0)no-repeat top left\/4px 4px;bottom:0;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/path-crop.css');", - "json": "https:\/\/css.gg\/json?=path-crop", - "xml": "https:\/\/css.gg\/xml?=path-crop", - "svg_link": "https:\/\/css.gg\/path-crop.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPathCrop = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n border: 2px solid;\n width: 10px;\n height: 10px;\n }\n &::after {\n opacity: 0.5;\n }\n &::before {\n background: linear-gradient(to left, currentColor 4px, transparent 0) no-repeat top left\/4px 4px;\n bottom: 0;\n right: 0;\n }\n`\n\nexport const PathCrop = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 455, + "name": "path-crop", + "tags": "interface design", + "css": ".gg-path-crop{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-crop::after,.gg-path-crop::before{content:\"\";position:absolute;display:block;box-sizing:border-box;border:2px solid;width:10px;height:10px}.gg-path-crop::after{opacity:.5}.gg-path-crop::before{background:linear-gradient(to left,currentColor 4px,transparent 0)no-repeat top left\/4px 4px;bottom:0;right:0}", + "svg": "\n \n \n<\/svg>" + } ], "path-divide": [ - [ - { - "nr": 456, - "name": "path-divide", - "css": ".gg-path-divide{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-divide::after,.gg-path-divide::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:10px;height:10px}.gg-path-divide::after{border-top:4px solid;border-left:4px solid}.gg-path-divide::before{background:linear-gradient(to left,currentColor 4px,transparent 0)no-repeat 1px 1px\/4px 4px;border-right:4px solid;border-bottom:4px solid;bottom:0;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/path-divide.css');", - "json": "https:\/\/css.gg\/json?=path-divide", - "xml": "https:\/\/css.gg\/xml?=path-divide", - "svg_link": "https:\/\/css.gg\/path-divide.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPathDivide = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n width: 10px;\n height: 10px;\n }\n &::after {\n border-top: 4px solid;\n border-left: 4px solid;\n }\n &::before {\n background: linear-gradient(to left, currentColor 4px, transparent 0) no-repeat 1px 1px\/4px 4px;\n border-right: 4px solid;\n border-bottom: 4px solid;\n bottom: 0;\n right: 0;\n }\n`\n\nexport const PathDivide = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 456, + "name": "path-divide", + "tags": "interface design", + "css": ".gg-path-divide{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-divide::after,.gg-path-divide::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:10px;height:10px}.gg-path-divide::after{border-top:4px solid;border-left:4px solid}.gg-path-divide::before{background:linear-gradient(to left,currentColor 4px,transparent 0)no-repeat 1px 1px\/4px 4px;border-right:4px solid;border-bottom:4px solid;bottom:0;right:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "path-exclude": [ - [ - { - "nr": 457, - "name": "path-exclude", - "css": ".gg-path-exclude{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-exclude::after,.gg-path-exclude::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:10px;height:10px}.gg-path-exclude::after{border-top:4px solid;border-left:4px solid}.gg-path-exclude::before{border-right:4px solid;border-bottom:4px solid;bottom:0;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/path-exclude.css');", - "json": "https:\/\/css.gg\/json?=path-exclude", - "xml": "https:\/\/css.gg\/xml?=path-exclude", - "svg_link": "https:\/\/css.gg\/path-exclude.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPathExclude = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n width: 10px;\n height: 10px;\n }\n &::after {\n border-top: 4px solid;\n border-left: 4px solid;\n }\n &::before {\n border-right: 4px solid;\n border-bottom: 4px solid;\n bottom: 0;\n right: 0;\n }\n`\n\nexport const PathExclude = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 457, + "name": "path-exclude", + "tags": "interface design", + "css": ".gg-path-exclude{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-exclude::after,.gg-path-exclude::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:10px;height:10px}.gg-path-exclude::after{border-top:4px solid;border-left:4px solid}.gg-path-exclude::before{border-right:4px solid;border-bottom:4px solid;bottom:0;right:0}", + "svg": "\n \n<\/svg>" + } ], "path-front": [ - [ - { - "nr": 458, - "name": "path-front", - "css": ".gg-path-front{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-front::after,.gg-path-front::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:10px;height:10px}.gg-path-front::after{border-left:5px solid;border-top:5px solid}.gg-path-front::before{border:2px solid;bottom:0;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/path-front.css');", - "json": "https:\/\/css.gg\/json?=path-front", - "xml": "https:\/\/css.gg\/xml?=path-front", - "svg_link": "https:\/\/css.gg\/path-front.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPathFront = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n width: 10px;\n height: 10px;\n }\n &::after {\n border-left: 5px solid;\n border-top: 5px solid;\n }\n &::before {\n border: 2px solid;\n bottom: 0;\n right: 0;\n }\n`\n\nexport const PathFront = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 458, + "name": "path-front", + "tags": "interface design", + "css": ".gg-path-front{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-front::after,.gg-path-front::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:10px;height:10px}.gg-path-front::after{border-left:5px solid;border-top:5px solid}.gg-path-front::before{border:2px solid;bottom:0;right:0}", + "svg": "\n \n<\/svg>" + } ], "path-intersect": [ - [ - { - "nr": 459, - "name": "path-intersect", - "css": ".gg-path-intersect{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-intersect::after,.gg-path-intersect::before{content:\"\";position:absolute;display:block;box-sizing:border-box;border:2px solid;width:10px;height:10px}.gg-path-intersect::before{background:linear-gradient(to left,currentColor 4px,transparent 0)no-repeat top left\/4px 4px;bottom:0;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/path-intersect.css');", - "json": "https:\/\/css.gg\/json?=path-intersect", - "xml": "https:\/\/css.gg\/xml?=path-intersect", - "svg_link": "https:\/\/css.gg\/path-intersect.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPathIntersect = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n border: 2px solid;\n width: 10px;\n height: 10px;\n }\n &::before {\n background: linear-gradient(to left, currentColor 4px, transparent 0) no-repeat top left\/4px 4px;\n bottom: 0;\n right: 0;\n }\n`\n\nexport const PathIntersect = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 459, + "name": "path-intersect", + "tags": "interface design", + "css": ".gg-path-intersect{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-intersect::after,.gg-path-intersect::before{content:\"\";position:absolute;display:block;box-sizing:border-box;border:2px solid;width:10px;height:10px}.gg-path-intersect::before{background:linear-gradient(to left,currentColor 4px,transparent 0)no-repeat top left\/4px 4px;bottom:0;right:0}", + "svg": "\n \n<\/svg>" + } ], "path-outline": [ - [ - { - "nr": 460, - "name": "path-outline", - "css": ".gg-path-outline{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-outline::after,.gg-path-outline::before{content:\"\";position:absolute;display:block;box-sizing:border-box;border:2px solid;width:10px;height:10px}.gg-path-outline::before{bottom:0;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/path-outline.css');", - "json": "https:\/\/css.gg\/json?=path-outline", - "xml": "https:\/\/css.gg\/xml?=path-outline", - "svg_link": "https:\/\/css.gg\/path-outline.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPathOutline = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n border: 2px solid;\n width: 10px;\n height: 10px;\n }\n &::before {\n bottom: 0;\n right: 0;\n }\n`\n\nexport const PathOutline = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 460, + "name": "path-outline", + "tags": "interface design", + "css": ".gg-path-outline{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-outline::after,.gg-path-outline::before{content:\"\";position:absolute;display:block;box-sizing:border-box;border:2px solid;width:10px;height:10px}.gg-path-outline::before{bottom:0;right:0}", + "svg": "\n \n<\/svg>" + } ], "path-trim": [ - [ - { - "nr": 461, - "name": "path-trim", - "css": ".gg-path-trim{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-trim::after,.gg-path-trim::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:10px;height:10px}.gg-path-trim::after{border-left:3px solid;border-top:3px solid}.gg-path-trim::before{background:currentColor;bottom:0;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/path-trim.css');", - "json": "https:\/\/css.gg\/json?=path-trim", - "xml": "https:\/\/css.gg\/xml?=path-trim", - "svg_link": "https:\/\/css.gg\/path-trim.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPathTrim = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n width: 10px;\n height: 10px;\n }\n &::after {\n border-left: 3px solid;\n border-top: 3px solid;\n }\n &::before {\n background: currentColor;\n bottom: 0;\n right: 0;\n }\n`\n\nexport const PathTrim = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 461, + "name": "path-trim", + "tags": "interface design", + "css": ".gg-path-trim{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-trim::after,.gg-path-trim::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:10px;height:10px}.gg-path-trim::after{border-left:3px solid;border-top:3px solid}.gg-path-trim::before{background:currentColor;bottom:0;right:0}", + "svg": "\n \n \n<\/svg>" + } ], "path-unite": [ - [ - { - "nr": 462, - "name": "path-unite", - "css": ".gg-path-unite{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-unite::after,.gg-path-unite::before{content:\"\";position:absolute;display:block;box-sizing:border-box;background:currentColor;width:10px;height:10px}.gg-path-unite::before{bottom:0;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/path-unite.css');", - "json": "https:\/\/css.gg\/json?=path-unite", - "xml": "https:\/\/css.gg\/xml?=path-unite", - "svg_link": "https:\/\/css.gg\/path-unite.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPathUnite = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n background: currentColor;\n width: 10px;\n height: 10px;\n }\n &::before {\n bottom: 0;\n right: 0;\n }\n`\n\nexport const PathUnite = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 462, + "name": "path-unite", + "tags": "interface design", + "css": ".gg-path-unite{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:14px}.gg-path-unite::after,.gg-path-unite::before{content:\"\";position:absolute;display:block;box-sizing:border-box;background:currentColor;width:10px;height:10px}.gg-path-unite::before{bottom:0;right:0}", + "svg": "\n \n<\/svg>" + } ], "patreon": [ - [ - { - "nr": 463, - "name": "patreon", - "css": ".gg-patreon{transform:scale(var(--ggs,1))}.gg-patreon,.gg-patreon::after{box-sizing:border-box;position:relative;display:block;width:4px;height:16px;background:currentColor;left:-6px}.gg-patreon::after{content:\"\";position:absolute;width:12px;height:12px;opacity:.5;border-radius:100px;left:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/patreon.css');", - "json": "https:\/\/css.gg\/json?=patreon", - "xml": "https:\/\/css.gg\/xml?=patreon", - "svg_link": "https:\/\/css.gg\/patreon.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPatreon = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 4px;\n height: 16px;\n background: currentColor;\n left: -6px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 12px;\n height: 12px;\n opacity: 0.5;\n border-radius: 100px;\n left: 6px;\n }\n`\n\nexport const Patreon = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 463, + "name": "patreon", + "tags": "brands", + "css": ".gg-patreon{transform:scale(var(--ggs,1))}.gg-patreon,.gg-patreon::after{box-sizing:border-box;position:relative;display:block;width:4px;height:16px;background:currentColor;left:-6px}.gg-patreon::after{content:\"\";position:absolute;width:12px;height:12px;opacity:.5;border-radius:100px;left:6px}", + "svg": "\n \n \n<\/svg>" + } ], "paypal": [ - [ - { - "nr": 464, - "name": "paypal", - "css": ".gg-paypal{position:relative;box-sizing:border-box;display:block;width:16px;height:18px;transform:skew(-10deg)scale(var(--ggs,1));background:linear-gradient(to left,currentColor 20px,transparent 0)no-repeat 3px bottom\/4px 2px,linear-gradient(to left,currentColor 20px,transparent 0)no-repeat 5px bottom\/3px 10px}.gg-paypal::after,.gg-paypal::before{content:\"\";box-sizing:border-box;display:block;position:absolute;border:2px solid}.gg-paypal::before{width:8px;height:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-left:0;left:5px;box-shadow:2px 2px 0}.gg-paypal::after{width:6px;height:16px;border-right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/paypal.css');", - "json": "https:\/\/css.gg\/json?=paypal", - "xml": "https:\/\/css.gg\/xml?=paypal", - "svg_link": "https:\/\/css.gg\/paypal.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPaypal = styled.i`\n & {\n position: relative;\n box-sizing: border-box;\n display: block;\n width: 16px;\n height: 18px;\n transform: skew(-10deg) scale(var(--ggs, 1));\n background: linear-gradient(to left, currentColor 20px, transparent 0) no-repeat 3px bottom\/4px\n 2px,\n linear-gradient(to left, currentColor 20px, transparent 0) no-repeat 5px bottom\/3px 10px;\n }\n &::after,\n &::before {\n content: '';\n box-sizing: border-box;\n display: block;\n position: absolute;\n border: 2px solid;\n }\n &::before {\n width: 8px;\n height: 10px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n border-left: 0;\n left: 5px;\n box-shadow: 2px 2px 0;\n }\n &::after {\n width: 6px;\n height: 16px;\n border-right: 0;\n }\n`\n\nexport const Paypal = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 464, + "name": "paypal", + "tags": "brands", + "css": ".gg-paypal{position:relative;box-sizing:border-box;display:block;width:16px;height:18px;transform:skew(-10deg)scale(var(--ggs,1));background:linear-gradient(to left,currentColor 20px,transparent 0)no-repeat 3px bottom\/4px 2px,linear-gradient(to left,currentColor 20px,transparent 0)no-repeat 5px bottom\/3px 10px}.gg-paypal::after,.gg-paypal::before{content:\"\";box-sizing:border-box;display:block;position:absolute;border:2px solid}.gg-paypal::before{width:8px;height:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-left:0;left:5px;box-shadow:2px 2px 0}.gg-paypal::after{width:6px;height:16px;border-right:0}", + "svg": "\n \n<\/svg>" + } ], "pen": [ - [ - { - "nr": 465, - "name": "pen", - "css": ".gg-pen{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:14px;height:4px;border-right:2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0 0;border-top-right-radius:1px;border-bottom-right-radius:1px;margin-right:-2px}.gg-pen::after,.gg-pen::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-pen::before{background:currentColor;border-left:0;right:-6px;width:3px;height:4px;border-radius:1px;top:0}.gg-pen::after{width:8px;height:7px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:7px solid;left:-11px;top:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pen.css');", - "json": "https:\/\/css.gg\/json?=pen", - "xml": "https:\/\/css.gg\/xml?=pen", - "svg_link": "https:\/\/css.gg\/pen.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPen = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-45deg) scale(var(--ggs, 1));\n width: 14px;\n height: 4px;\n border-right: 2px solid transparent;\n box-shadow: 0 0 0 2px, inset -2px 0 0;\n border-top-right-radius: 1px;\n border-bottom-right-radius: 1px;\n margin-right: -2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n border-left: 0;\n right: -6px;\n width: 3px;\n height: 4px;\n border-radius: 1px;\n top: 0;\n }\n &::after {\n width: 8px;\n height: 7px;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n border-right: 7px solid;\n left: -11px;\n top: -2px;\n }\n`\n\nexport const Pen = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 465, + "name": "pen", + "tags": "interface content design", + "css": ".gg-pen{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:14px;height:4px;border-right:2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0 0;border-top-right-radius:1px;border-bottom-right-radius:1px;margin-right:-2px}.gg-pen::after,.gg-pen::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-pen::before{background:currentColor;border-left:0;right:-6px;width:3px;height:4px;border-radius:1px;top:0}.gg-pen::after{width:8px;height:7px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:7px solid;left:-11px;top:-2px}", + "svg": "\n \n \n<\/svg>" + } ], "pentagon-bottom-left": [ - [ - { - "nr": 466, - "name": "pentagon-bottom-left", - "css": ".gg-pentagon-bottom-left{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:10px;height:10px}.gg-pentagon-bottom-left:before{width:51%}.gg-pentagon-bottom-left:after,.gg-pentagon-bottom-left:before{content:' ';position:absolute;top:0;height:100%}.gg-pentagon-bottom-left:before{left:-2px;border-top:2px solid;border-left:2px solid;border-bottom:2px solid;transform:skew(0deg,30deg)}.gg-pentagon-bottom-left:after{right:-2px;width:50%;border-right:2px solid;border-bottom:2px solid;border-top:2px solid;transform:skew(0deg,-30deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pentagon-bottom-left.css');", - "json": "https:\/\/css.gg\/json?=pentagon-bottom-left", - "xml": "https:\/\/css.gg\/xml?=pentagon-bottom-left", - "svg_link": "https:\/\/css.gg\/pentagon-bottom-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPentagonBottomLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 10px;\n height: 10px;\n }\n &:before {\n width: 51%;\n }\n &:after,\n &:before {\n content: ' ';\n position: absolute;\n top: 0;\n height: 100%;\n }\n &:before {\n left: -2px;\n border-top: 2px solid;\n border-left: 2px solid;\n border-bottom: 2px solid;\n transform: skew(0deg, 30deg);\n }\n &:after {\n right: -2px;\n width: 50%;\n border-right: 2px solid;\n border-bottom: 2px solid;\n border-top: 2px solid;\n transform: skew(0deg, -30deg);\n }\n`\n\nexport const PentagonBottomLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 466, + "name": "pentagon-bottom-left", + "tags": "design shapes", + "css": ".gg-pentagon-bottom-left{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:10px;height:10px}.gg-pentagon-bottom-left:before{width:51%}.gg-pentagon-bottom-left:after,.gg-pentagon-bottom-left:before{content:' ';position:absolute;top:0;height:100%}.gg-pentagon-bottom-left:before{left:-2px;border-top:2px solid;border-left:2px solid;border-bottom:2px solid;transform:skew(0deg,30deg)}.gg-pentagon-bottom-left:after{right:-2px;width:50%;border-right:2px solid;border-bottom:2px solid;border-top:2px solid;transform:skew(0deg,-30deg)}", + "svg": "\n \n<\/svg>" + } ], "pentagon-bottom-right": [ - [ - { - "nr": 467, - "name": "pentagon-bottom-right", - "css": ".gg-pentagon-bottom-right{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:10px;height:10px}.gg-pentagon-bottom-right:before{width:51%}.gg-pentagon-bottom-right:after,.gg-pentagon-bottom-right:before{content:' ';position:absolute;top:0;height:100%}.gg-pentagon-bottom-right:before{left:-2px;border-top:2px solid;border-left:2px solid;border-bottom:2px solid;transform:skew(0deg,30deg)}.gg-pentagon-bottom-right:after{right:-2px;width:50%;border-right:2px solid;border-bottom:2px solid;border-top:2px solid;transform:skew(0deg,-30deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pentagon-bottom-right.css');", - "json": "https:\/\/css.gg\/json?=pentagon-bottom-right", - "xml": "https:\/\/css.gg\/xml?=pentagon-bottom-right", - "svg_link": "https:\/\/css.gg\/pentagon-bottom-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPentagonBottomRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-45deg) scale(var(--ggs, 1));\n width: 10px;\n height: 10px;\n }\n &:before {\n width: 51%;\n }\n &:after,\n &:before {\n content: ' ';\n position: absolute;\n top: 0;\n height: 100%;\n }\n &:before {\n left: -2px;\n border-top: 2px solid;\n border-left: 2px solid;\n border-bottom: 2px solid;\n transform: skew(0deg, 30deg);\n }\n &:after {\n right: -2px;\n width: 50%;\n border-right: 2px solid;\n border-bottom: 2px solid;\n border-top: 2px solid;\n transform: skew(0deg, -30deg);\n }\n`\n\nexport const PentagonBottomRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 467, + "name": "pentagon-bottom-right", + "tags": "design shapes", + "css": ".gg-pentagon-bottom-right{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:10px;height:10px}.gg-pentagon-bottom-right:before{width:51%}.gg-pentagon-bottom-right:after,.gg-pentagon-bottom-right:before{content:' ';position:absolute;top:0;height:100%}.gg-pentagon-bottom-right:before{left:-2px;border-top:2px solid;border-left:2px solid;border-bottom:2px solid;transform:skew(0deg,30deg)}.gg-pentagon-bottom-right:after{right:-2px;width:50%;border-right:2px solid;border-bottom:2px solid;border-top:2px solid;transform:skew(0deg,-30deg)}", + "svg": "\n \n<\/svg>" + } ], "pentagon-down": [ - [ - { - "nr": 468, - "name": "pentagon-down", - "css": ".gg-pentagon-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px}.gg-pentagon-down:before{width:51%}.gg-pentagon-down:after,.gg-pentagon-down:before{content:' ';position:absolute;top:0;height:100%}.gg-pentagon-down:before{left:-2px;border-top:2px solid;border-left:2px solid;border-bottom:2px solid;transform:skew(0deg,30deg)}.gg-pentagon-down:after{right:-2px;width:50%;border-right:2px solid;border-bottom:2px solid;border-top:2px solid;transform:skew(0deg,-30deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pentagon-down.css');", - "json": "https:\/\/css.gg\/json?=pentagon-down", - "xml": "https:\/\/css.gg\/xml?=pentagon-down", - "svg_link": "https:\/\/css.gg\/pentagon-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPentagonDown = 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: 10px;\n }\n &:before {\n width: 51%;\n }\n &:after,\n &:before {\n content: ' ';\n position: absolute;\n top: 0;\n height: 100%;\n }\n &:before {\n left: -2px;\n border-top: 2px solid;\n border-left: 2px solid;\n border-bottom: 2px solid;\n transform: skew(0deg, 30deg);\n }\n &:after {\n right: -2px;\n width: 50%;\n border-right: 2px solid;\n border-bottom: 2px solid;\n border-top: 2px solid;\n transform: skew(0deg, -30deg);\n }\n`\n\nexport const PentagonDown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 468, + "name": "pentagon-down", + "tags": "design shapes", + "css": ".gg-pentagon-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px}.gg-pentagon-down:before{width:51%}.gg-pentagon-down:after,.gg-pentagon-down:before{content:' ';position:absolute;top:0;height:100%}.gg-pentagon-down:before{left:-2px;border-top:2px solid;border-left:2px solid;border-bottom:2px solid;transform:skew(0deg,30deg)}.gg-pentagon-down:after{right:-2px;width:50%;border-right:2px solid;border-bottom:2px solid;border-top:2px solid;transform:skew(0deg,-30deg)}", + "svg": "\n \n<\/svg>" + } ], "pentagon-left": [ - [ - { - "nr": 469, - "name": "pentagon-left", - "css": ".gg-pentagon-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px}.gg-pentagon-left:before{height:51%}.gg-pentagon-left:after,.gg-pentagon-left:before{content:' ';position:absolute;left:0;width:100%}.gg-pentagon-left:before{top:-2px;border-top:2px solid;border-right:2px solid;border-left:2px solid;transform:skewX(-30deg)}.gg-pentagon-left:after{bottom:-2px;height:50%;border-right:2px solid;border-bottom:2px solid;border-left:2px solid;transform:skewX(30deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pentagon-left.css');", - "json": "https:\/\/css.gg\/json?=pentagon-left", - "xml": "https:\/\/css.gg\/xml?=pentagon-left", - "svg_link": "https:\/\/css.gg\/pentagon-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPentagonLeft = 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: 8px;\n }\n &:before {\n height: 51%;\n }\n &:after,\n &:before {\n content: ' ';\n position: absolute;\n left: 0;\n width: 100%;\n }\n &:before {\n top: -2px;\n border-top: 2px solid;\n border-right: 2px solid;\n border-left: 2px solid;\n transform: skewX(-30deg);\n }\n &:after {\n bottom: -2px;\n height: 50%;\n border-right: 2px solid;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: skewX(30deg);\n }\n`\n\nexport const PentagonLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 469, + "name": "pentagon-left", + "tags": "design shapes", + "css": ".gg-pentagon-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px}.gg-pentagon-left:before{height:51%}.gg-pentagon-left:after,.gg-pentagon-left:before{content:' ';position:absolute;left:0;width:100%}.gg-pentagon-left:before{top:-2px;border-top:2px solid;border-right:2px solid;border-left:2px solid;transform:skewX(-30deg)}.gg-pentagon-left:after{bottom:-2px;height:50%;border-right:2px solid;border-bottom:2px solid;border-left:2px solid;transform:skewX(30deg)}", + "svg": "\n \n<\/svg>" + } ], "pentagon-right": [ - [ - { - "nr": 470, - "name": "pentagon-right", - "css": ".gg-pentagon-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px}.gg-pentagon-right:before{height:51%}.gg-pentagon-right:after,.gg-pentagon-right:before{content:' ';position:absolute;left:0;width:100%}.gg-pentagon-right:before{top:-2px;border-top:2px solid;border-right:2px solid;border-left:2px solid;transform:skewX(30deg)}.gg-pentagon-right:after{bottom:-2px;height:50%;border-right:2px solid;border-bottom:2px solid;border-left:2px solid;transform:skewX(-30deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pentagon-right.css');", - "json": "https:\/\/css.gg\/json?=pentagon-right", - "xml": "https:\/\/css.gg\/xml?=pentagon-right", - "svg_link": "https:\/\/css.gg\/pentagon-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPentagonRight = 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: 8px;\n }\n &:before {\n height: 51%;\n }\n &:after,\n &:before {\n content: ' ';\n position: absolute;\n left: 0;\n width: 100%;\n }\n &:before {\n top: -2px;\n border-top: 2px solid;\n border-right: 2px solid;\n border-left: 2px solid;\n transform: skewX(30deg);\n }\n &:after {\n bottom: -2px;\n height: 50%;\n border-right: 2px solid;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: skewX(-30deg);\n }\n`\n\nexport const PentagonRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 470, + "name": "pentagon-right", + "tags": "design shapes", + "css": ".gg-pentagon-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:8px}.gg-pentagon-right:before{height:51%}.gg-pentagon-right:after,.gg-pentagon-right:before{content:' ';position:absolute;left:0;width:100%}.gg-pentagon-right:before{top:-2px;border-top:2px solid;border-right:2px solid;border-left:2px solid;transform:skewX(30deg)}.gg-pentagon-right:after{bottom:-2px;height:50%;border-right:2px solid;border-bottom:2px solid;border-left:2px solid;transform:skewX(-30deg)}", + "svg": "\n \n<\/svg>" + } ], "pentagon-top-left": [ - [ - { - "nr": 471, - "name": "pentagon-top-left", - "css": ".gg-pentagon-top-left{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:10px;height:8px}.gg-pentagon-top-left:before{height:51%}.gg-pentagon-top-left:after,.gg-pentagon-top-left:before{content:' ';position:absolute;left:0;width:100%}.gg-pentagon-top-left:before{top:-2px;border-top:2px solid;border-right:2px solid;border-left:2px solid;transform:skewX(-30deg)}.gg-pentagon-top-left:after{bottom:-2px;height:50%;border-right:2px solid;border-bottom:2px solid;border-left:2px solid;transform:skewX(30deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pentagon-top-left.css');", - "json": "https:\/\/css.gg\/json?=pentagon-top-left", - "xml": "https:\/\/css.gg\/xml?=pentagon-top-left", - "svg_link": "https:\/\/css.gg\/pentagon-top-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPentagonTopLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 10px;\n height: 8px;\n }\n &:before {\n height: 51%;\n }\n &:after,\n &:before {\n content: ' ';\n position: absolute;\n left: 0;\n width: 100%;\n }\n &:before {\n top: -2px;\n border-top: 2px solid;\n border-right: 2px solid;\n border-left: 2px solid;\n transform: skewX(-30deg);\n }\n &:after {\n bottom: -2px;\n height: 50%;\n border-right: 2px solid;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: skewX(30deg);\n }\n`\n\nexport const PentagonTopLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 471, + "name": "pentagon-top-left", + "tags": "design shapes", + "css": ".gg-pentagon-top-left{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:10px;height:8px}.gg-pentagon-top-left:before{height:51%}.gg-pentagon-top-left:after,.gg-pentagon-top-left:before{content:' ';position:absolute;left:0;width:100%}.gg-pentagon-top-left:before{top:-2px;border-top:2px solid;border-right:2px solid;border-left:2px solid;transform:skewX(-30deg)}.gg-pentagon-top-left:after{bottom:-2px;height:50%;border-right:2px solid;border-bottom:2px solid;border-left:2px solid;transform:skewX(30deg)}", + "svg": "\n \n<\/svg>" + } ], "pentagon-top-right": [ - [ - { - "nr": 472, - "name": "pentagon-top-right", - "css": ".gg-pentagon-top-right{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:10px;height:8px}.gg-pentagon-top-right:before{height:51%}.gg-pentagon-top-right:after,.gg-pentagon-top-right:before{content:' ';position:absolute;left:0;width:100%}.gg-pentagon-top-right:before{top:-2px;border-top:2px solid;border-right:2px solid;border-left:2px solid;transform:skewX(30deg)}.gg-pentagon-top-right:after{bottom:-2px;height:50%;border-right:2px solid;border-bottom:2px solid;border-left:2px solid;transform:skewX(-30deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pentagon-top-right.css');", - "json": "https:\/\/css.gg\/json?=pentagon-top-right", - "xml": "https:\/\/css.gg\/xml?=pentagon-top-right", - "svg_link": "https:\/\/css.gg\/pentagon-top-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPentagonTopRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-45deg) scale(var(--ggs, 1));\n width: 10px;\n height: 8px;\n }\n &:before {\n height: 51%;\n }\n &:after,\n &:before {\n content: ' ';\n position: absolute;\n left: 0;\n width: 100%;\n }\n &:before {\n top: -2px;\n border-top: 2px solid;\n border-right: 2px solid;\n border-left: 2px solid;\n transform: skewX(30deg);\n }\n &:after {\n bottom: -2px;\n height: 50%;\n border-right: 2px solid;\n border-bottom: 2px solid;\n border-left: 2px solid;\n transform: skewX(-30deg);\n }\n`\n\nexport const PentagonTopRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 472, + "name": "pentagon-top-right", + "tags": "design shapes", + "css": ".gg-pentagon-top-right{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:10px;height:8px}.gg-pentagon-top-right:before{height:51%}.gg-pentagon-top-right:after,.gg-pentagon-top-right:before{content:' ';position:absolute;left:0;width:100%}.gg-pentagon-top-right:before{top:-2px;border-top:2px solid;border-right:2px solid;border-left:2px solid;transform:skewX(30deg)}.gg-pentagon-top-right:after{bottom:-2px;height:50%;border-right:2px solid;border-bottom:2px solid;border-left:2px solid;transform:skewX(-30deg)}", + "svg": "\n \n<\/svg>" + } ], "pentagon-up": [ - [ - { - "nr": 473, - "name": "pentagon-up", - "css": ".gg-pentagon-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px}.gg-pentagon-up:before{width:51%}.gg-pentagon-up:after,.gg-pentagon-up:before{content:' ';position:absolute;top:0;height:100%}.gg-pentagon-up:before{left:-2px;border-top:2px solid;border-left:2px solid;border-bottom:2px solid;transform:skew(0deg,-30deg)}.gg-pentagon-up:after{right:-2px;width:50%;border-right:2px solid;border-bottom:2px solid;border-top:2px solid;transform:skew(0deg,30deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pentagon-up.css');", - "json": "https:\/\/css.gg\/json?=pentagon-up", - "xml": "https:\/\/css.gg\/xml?=pentagon-up", - "svg_link": "https:\/\/css.gg\/pentagon-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPentagonUp = 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: 10px;\n }\n &:before {\n width: 51%;\n }\n &:after,\n &:before {\n content: ' ';\n position: absolute;\n top: 0;\n height: 100%;\n }\n &:before {\n left: -2px;\n border-top: 2px solid;\n border-left: 2px solid;\n border-bottom: 2px solid;\n transform: skew(0deg, -30deg);\n }\n &:after {\n right: -2px;\n width: 50%;\n border-right: 2px solid;\n border-bottom: 2px solid;\n border-top: 2px solid;\n transform: skew(0deg, 30deg);\n }\n`\n\nexport const PentagonUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 473, + "name": "pentagon-up", + "tags": "design shapes", + "css": ".gg-pentagon-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px}.gg-pentagon-up:before{width:51%}.gg-pentagon-up:after,.gg-pentagon-up:before{content:' ';position:absolute;top:0;height:100%}.gg-pentagon-up:before{left:-2px;border-top:2px solid;border-left:2px solid;border-bottom:2px solid;transform:skew(0deg,-30deg)}.gg-pentagon-up:after{right:-2px;width:50%;border-right:2px solid;border-bottom:2px solid;border-top:2px solid;transform:skew(0deg,30deg)}", + "svg": "\n \n<\/svg>" + } ], "performance": [ - [ - { - "nr": 474, - "name": "performance", - "css": ".gg-performance{background:linear-gradient(to left,currentColor 8px,transparent 0)no-repeat center\/2px 6px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-performance::after,.gg-performance::before{content:\"\";display:block;position:absolute;border:2px solid}.gg-performance::before{bottom:2px;width:2px;height:2px;box-sizing:content-box;border-radius:100px;left:6px}.gg-performance::after{box-sizing:border-box;border-radius:3px;width:14px;height:8px;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom:0;top:2px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/performance.css');", - "json": "https:\/\/css.gg\/json?=performance", - "xml": "https:\/\/css.gg\/xml?=performance", - "svg_link": "https:\/\/css.gg\/performance.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPerformance = styled.i`\n & {\n background: linear-gradient(to left, currentColor 8px, transparent 0) no-repeat center\/2px 6px;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n border: 2px solid;\n }\n &::before {\n bottom: 2px;\n width: 2px;\n height: 2px;\n box-sizing: content-box;\n border-radius: 100px;\n left: 6px;\n }\n &::after {\n box-sizing: border-box;\n border-radius: 3px;\n width: 14px;\n height: 8px;\n border-top-left-radius: 100px;\n border-top-right-radius: 100px;\n border-bottom: 0;\n top: 2px;\n left: 2px;\n }\n`\n\nexport const Performance = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 474, + "name": "performance", + "tags": "interface", + "css": ".gg-performance{background:linear-gradient(to left,currentColor 8px,transparent 0)no-repeat center\/2px 6px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-performance::after,.gg-performance::before{content:\"\";display:block;position:absolute;border:2px solid}.gg-performance::before{bottom:2px;width:2px;height:2px;box-sizing:content-box;border-radius:100px;left:6px}.gg-performance::after{box-sizing:border-box;border-radius:3px;width:14px;height:8px;border-top-left-radius:100px;border-top-right-radius:100px;border-bottom:0;top:2px;left:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "pexels": [ - [ - { - "nr": 475, - "name": "pexels", - "css": ".gg-pexels{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:14px;border:2px solid;border-right:0}.gg-pexels::after,.gg-pexels::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-pexels::before{width:5px;height:10px;border:2px solid;border-top-right-radius:100px;border-bottom-right-radius:100px;border-left:0;right:-5px;top:-2px}.gg-pexels::after{background:currentColor;width:2px;height:6px;bottom:-2px;right:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pexels.css');", - "json": "https:\/\/css.gg\/json?=pexels", - "xml": "https:\/\/css.gg\/xml?=pexels", - "svg_link": "https:\/\/css.gg\/pexels.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPexels = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 6px;\n height: 14px;\n border: 2px solid;\n border-right: 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n width: 5px;\n height: 10px;\n border: 2px solid;\n border-top-right-radius: 100px;\n border-bottom-right-radius: 100px;\n border-left: 0;\n right: -5px;\n top: -2px;\n }\n &::after {\n background: currentColor;\n width: 2px;\n height: 6px;\n bottom: -2px;\n right: -1px;\n }\n`\n\nexport const Pexels = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 475, + "name": "pexels", + "tags": "brands", + "css": ".gg-pexels{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:14px;border:2px solid;border-right:0}.gg-pexels::after,.gg-pexels::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-pexels::before{width:5px;height:10px;border:2px solid;border-top-right-radius:100px;border-bottom-right-radius:100px;border-left:0;right:-5px;top:-2px}.gg-pexels::after{background:currentColor;width:2px;height:6px;bottom:-2px;right:-1px}", + "svg": "\n \n<\/svg>" + } ], "phone": [ - [ - { - "nr": 476, - "name": "phone", - "css": ".gg-phone{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;transform:scale(var(--ggs,1))}.gg-phone::after,.gg-phone::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-phone::after{width:18px;height:18px;border-top-left-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:12px;border-left:4px solid;border-bottom:4px solid;left:2px;bottom:2px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat right 11px\/6px 4px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat -1px 0\/4px 6px}.gg-phone::before{width:20px;height:20px;border:6px double;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-45deg);bottom:2px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/phone.css');", - "json": "https:\/\/css.gg\/json?=phone", - "xml": "https:\/\/css.gg\/xml?=phone", - "svg_link": "https:\/\/css.gg\/phone.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPhone = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 22px;\n height: 22px;\n transform: scale(var(--ggs, 1));\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n width: 18px;\n height: 18px;\n border-top-left-radius: 1px;\n border-bottom-right-radius: 1px;\n border-bottom-left-radius: 12px;\n border-left: 4px solid;\n border-bottom: 4px solid;\n left: 2px;\n bottom: 2px;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat right 11px\/6px\n 4px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat -1px 0\/4px 6px;\n }\n &::before {\n width: 20px;\n height: 20px;\n border: 6px double;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n border-radius: 50%;\n transform: rotate(-45deg);\n bottom: 2px;\n left: 2px;\n }\n`\n\nexport const Phone = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 476, + "name": "phone", + "tags": "alerts interface time", + "css": ".gg-phone{box-sizing:border-box;position:relative;display:block;width:22px;height:22px;transform:scale(var(--ggs,1))}.gg-phone::after,.gg-phone::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-phone::after{width:18px;height:18px;border-top-left-radius:1px;border-bottom-right-radius:1px;border-bottom-left-radius:12px;border-left:4px solid;border-bottom:4px solid;left:2px;bottom:2px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat right 11px\/6px 4px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat -1px 0\/4px 6px}.gg-phone::before{width:20px;height:20px;border:6px double;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;transform:rotate(-45deg);bottom:2px;left:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "photoscan": [ - [ - { - "nr": 477, - "name": "photoscan", - "css": ".gg-photoscan{box-sizing:border-box;display:block;position:relative;transform:scale(var(--ggs,1));border-radius:2px;width:14px;height:18px;border:2px solid;border-bottom:4px solid}.gg-photoscan::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:4px;height:4px;border-radius:20px;box-shadow:0 0 0 2px,inset 0 0 0 2px;border:1px solid transparent}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/photoscan.css');", - "json": "https:\/\/css.gg\/json?=photoscan", - "xml": "https:\/\/css.gg\/xml?=photoscan", - "svg_link": "https:\/\/css.gg\/photoscan.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPhotoscan = styled.i`\n & {\n box-sizing: border-box;\n display: block;\n position: relative;\n transform: scale(var(--ggs, 1));\n border-radius: 2px;\n width: 14px;\n height: 18px;\n border: 2px solid;\n border-bottom: 4px solid;\n }\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n width: 4px;\n height: 4px;\n border-radius: 20px;\n box-shadow: 0 0 0 2px, inset 0 0 0 2px;\n border: 1px solid transparent;\n }\n`\n\nexport const Photoscan = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 477, + "name": "photoscan", + "tags": "interface multimedia", + "css": ".gg-photoscan{box-sizing:border-box;display:block;position:relative;transform:scale(var(--ggs,1));border-radius:2px;width:14px;height:18px;border:2px solid;border-bottom:4px solid}.gg-photoscan::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:4px;height:4px;border-radius:20px;box-shadow:0 0 0 2px,inset 0 0 0 2px;border:1px solid transparent}", + "svg": "\n \n \n<\/svg>" + } ], "piano": [ - [ - { - "nr": 478, - "name": "piano", - "css": ".gg-piano{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:23px;height:18px;border:2px solid;border-radius:2px}.gg-piano::after,.gg-piano::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:10px;background:currentColor;box-shadow:5px 0 0,10px 0 0}.gg-piano::before{top:-2px;width:3px;left:3px}.gg-piano::after{width:1px;bottom:-2px;left:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/piano.css');", - "json": "https:\/\/css.gg\/json?=piano", - "xml": "https:\/\/css.gg\/xml?=piano", - "svg_link": "https:\/\/css.gg\/piano.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPiano = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 23px;\n height: 18px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 10px;\n background: currentColor;\n box-shadow: 5px 0 0, 10px 0 0;\n }\n &::before {\n top: -2px;\n width: 3px;\n left: 3px;\n }\n &::after {\n width: 1px;\n bottom: -2px;\n left: 4px;\n }\n`\n\nexport const Piano = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 478, + "name": "piano", + "tags": "devices multimedia", + "css": ".gg-piano{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:23px;height:18px;border:2px solid;border-radius:2px}.gg-piano::after,.gg-piano::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:10px;background:currentColor;box-shadow:5px 0 0,10px 0 0}.gg-piano::before{top:-2px;width:3px;left:3px}.gg-piano::after{width:1px;bottom:-2px;left:4px}", + "svg": "\n \n<\/svg>" + } ], "pill": [ - [ - { - "nr": 479, - "name": "pill", - "css": ".gg-pill,.gg-pill::after{display:block;box-sizing:border-box;width:12px}.gg-pill{border-top-left-radius:140px;border-top-right-radius:140px;border:2px solid;transform:rotate(45deg) scale(var(--ggs,1));position:relative;height:14px}.gg-pill::after{content:\"\";position:absolute;height:12px;background:currentColor;left:-2px;bottom:-12px;border-bottom-left-radius:140px;border-bottom-right-radius:140px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pill.css');", - "json": "https:\/\/css.gg\/json?=pill", - "xml": "https:\/\/css.gg\/xml?=pill", - "svg_link": "https:\/\/css.gg\/pill.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPill = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n width: 12px;\n }\n & {\n border-top-left-radius: 140px;\n border-top-right-radius: 140px;\n border: 2px solid;\n transform: rotate(45deg) scale(var(--ggs, 1));\n position: relative;\n height: 14px;\n }\n &::after {\n content: '';\n position: absolute;\n height: 12px;\n background: currentColor;\n left: -2px;\n bottom: -12px;\n border-bottom-left-radius: 140px;\n border-bottom-right-radius: 140px;\n }\n`\n\nexport const Pill = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 479, + "name": "pill", + "tags": "interface", + "css": ".gg-pill,.gg-pill::after{display:block;box-sizing:border-box;width:12px}.gg-pill{border-top-left-radius:140px;border-top-right-radius:140px;border:2px solid;transform:rotate(45deg) scale(var(--ggs,1));position:relative;height:14px}.gg-pill::after{content:\"\";position:absolute;height:12px;background:currentColor;left:-2px;bottom:-12px;border-bottom-left-radius:140px;border-bottom-right-radius:140px}", + "svg": "\n \n<\/svg>" + } ], "pin-alt": [ - [ - { - "nr": 480, - "name": "pin-alt", - "css": ".gg-pin-alt{box-sizing:border-box;position:relative;display:block;width:2px;height:8px;border-radius:3px;transform:scale(var(--ggs,1));background:currentColor}.gg-pin-alt::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:12px;border:6px double;border-radius:100px;top:-10px;left:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pin-alt.css');", - "json": "https:\/\/css.gg\/json?=pin-alt", - "xml": "https:\/\/css.gg\/xml?=pin-alt", - "svg_link": "https:\/\/css.gg\/pin-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPinAlt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 2px;\n height: 8px;\n border-radius: 3px;\n transform: scale(var(--ggs, 1));\n background: currentColor;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 12px;\n height: 12px;\n border: 6px double;\n border-radius: 100px;\n top: -10px;\n left: -5px;\n }\n`\n\nexport const PinAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 480, + "name": "pin-alt", + "tags": "interface content", + "css": ".gg-pin-alt{box-sizing:border-box;position:relative;display:block;width:2px;height:8px;border-radius:3px;transform:scale(var(--ggs,1));background:currentColor}.gg-pin-alt::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:12px;border:6px double;border-radius:100px;top:-10px;left:-5px}", + "svg": "\n \n \n<\/svg>" + } ], "pin-bottom": [ - [ - { - "nr": 481, - "name": "pin-bottom", - "css": ".gg-pin-bottom{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:8px;background:currentColor}.gg-pin-bottom::after,.gg-pin-bottom::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-pin-bottom::after{background:currentColor;bottom:-2px;border-radius:3px;width:10px;height:2px;left:-4px}.gg-pin-bottom::before{width:8px;height:8px;border:6px double;border-radius:100px;top:-10px;left:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pin-bottom.css');", - "json": "https:\/\/css.gg\/json?=pin-bottom", - "xml": "https:\/\/css.gg\/xml?=pin-bottom", - "svg_link": "https:\/\/css.gg\/pin-bottom.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPinBottom = 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: 8px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n background: currentColor;\n bottom: -2px;\n border-radius: 3px;\n width: 10px;\n height: 2px;\n left: -4px;\n }\n &::before {\n width: 8px;\n height: 8px;\n border: 6px double;\n border-radius: 100px;\n top: -10px;\n left: -5px;\n }\n`\n\nexport const PinBottom = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 481, + "name": "pin-bottom", + "tags": "interface content", + "css": ".gg-pin-bottom{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:8px;background:currentColor}.gg-pin-bottom::after,.gg-pin-bottom::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-pin-bottom::after{background:currentColor;bottom:-2px;border-radius:3px;width:10px;height:2px;left:-4px}.gg-pin-bottom::before{width:8px;height:8px;border:6px double;border-radius:100px;top:-10px;left:-5px}", + "svg": "\n \n \n<\/svg>" + } ], "pin-top": [ - [ - { - "nr": 482, - "name": "pin-top", - "css": ".gg-pin-top{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:8px;background:currentColor;margin-top:-8px}.gg-pin-top::after,.gg-pin-top::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-pin-top::after{background:currentColor;top:-2px;border-radius:3px;width:10px;height:2px;left:-4px}.gg-pin-top::before{width:8px;height:8px;border:6px double;border-radius:100px;bottom:-10px;left:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pin-top.css');", - "json": "https:\/\/css.gg\/json?=pin-top", - "xml": "https:\/\/css.gg\/xml?=pin-top", - "svg_link": "https:\/\/css.gg\/pin-top.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPinTop = 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: 8px;\n background: currentColor;\n margin-top: -8px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n background: currentColor;\n top: -2px;\n border-radius: 3px;\n width: 10px;\n height: 2px;\n left: -4px;\n }\n &::before {\n width: 8px;\n height: 8px;\n border: 6px double;\n border-radius: 100px;\n bottom: -10px;\n left: -5px;\n }\n`\n\nexport const PinTop = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 482, + "name": "pin-top", + "tags": "interface content", + "css": ".gg-pin-top{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:8px;background:currentColor;margin-top:-8px}.gg-pin-top::after,.gg-pin-top::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-pin-top::after{background:currentColor;top:-2px;border-radius:3px;width:10px;height:2px;left:-4px}.gg-pin-top::before{width:8px;height:8px;border:6px double;border-radius:100px;bottom:-10px;left:-5px}", + "svg": "\n \n \n<\/svg>" + } ], "pin": [ - [ - { - "nr": 483, - "name": "pin", - "css": ".gg-pin{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:18px;height:18px;border-radius:100% 100% 0 100%;border:2px solid;margin-top:-4px}.gg-pin::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;top:3px;left:3px;border-radius:40px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pin.css');", - "json": "https:\/\/css.gg\/json?=pin", - "xml": "https:\/\/css.gg\/xml?=pin", - "svg_link": "https:\/\/css.gg\/pin.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPin = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border-radius: 100% 100% 0 100%;\n border: 2px solid;\n margin-top: -4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border: 2px solid;\n top: 3px;\n left: 3px;\n border-radius: 40px;\n }\n`\n\nexport const Pin = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 483, + "name": "pin", + "tags": "interface content", + "css": ".gg-pin{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:18px;height:18px;border-radius:100% 100% 0 100%;border:2px solid;margin-top:-4px}.gg-pin::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border:2px solid;top:3px;left:3px;border-radius:40px}", + "svg": "\n \n \n<\/svg>" + } ], "play-backwards": [ - [ - { - "nr": 484, - "name": "play-backwards", - "css": ".gg-play-backwards{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:3px;height:10px;background:currentColor}.gg-play-backwards::after,.gg-play-backwards::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid;right:-7px}.gg-play-backwards::before{right:-14px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-backwards.css');", - "json": "https:\/\/css.gg\/json?=play-backwards", - "xml": "https:\/\/css.gg\/xml?=play-backwards", - "svg_link": "https:\/\/css.gg\/play-backwards.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayBackwards = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 3px;\n height: 10px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 10px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-right: 6px solid;\n right: -7px;\n }\n &::before {\n right: -14px;\n }\n`\n\nexport const PlayBackwards = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 484, + "name": "play-backwards", + "tags": "interface arrows multimedia music", + "css": ".gg-play-backwards{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:3px;height:10px;background:currentColor}.gg-play-backwards::after,.gg-play-backwards::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid;right:-7px}.gg-play-backwards::before{right:-14px}", + "svg": "\n \n \n \n<\/svg>" + } ], "play-button-o": [ - [ - { - "nr": 485, - "name": "play-button-o", - "css": ".gg-play-button-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:20px}.gg-play-button-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid;top:4px;left:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-button-o.css');", - "json": "https:\/\/css.gg\/json?=play-button-o", - "xml": "https:\/\/css.gg\/xml?=play-button-o", - "svg_link": "https:\/\/css.gg\/play-button-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayButtonO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 20px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 10px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 6px solid;\n top: 4px;\n left: 7px;\n }\n`\n\nexport const PlayButtonO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 485, + "name": "play-button-o", + "tags": "interface multimedia music", + "css": ".gg-play-button-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:20px}.gg-play-button-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid;top:4px;left:7px}", + "svg": "\n \n \n<\/svg>" + } ], "play-button-r": [ - [ - { - "nr": 486, - "name": "play-button-r", - "css": ".gg-play-button-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-play-button-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid;top:4px;left:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-button-r.css');", - "json": "https:\/\/css.gg\/json?=play-button-r", - "xml": "https:\/\/css.gg\/xml?=play-button-r", - "svg_link": "https:\/\/css.gg\/play-button-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayButtonR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 10px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 6px solid;\n top: 4px;\n left: 7px;\n }\n`\n\nexport const PlayButtonR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 486, + "name": "play-button-r", + "tags": "interface multimedia music", + "css": ".gg-play-button-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-play-button-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid;top:4px;left:7px}", + "svg": "\n \n \n<\/svg>" + } ], "play-button": [ - [ - { - "nr": 487, - "name": "play-button", - "css": ".gg-play-button{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-play-button::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid;top:6px;left:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-button.css');", - "json": "https:\/\/css.gg\/json?=play-button", - "xml": "https:\/\/css.gg\/xml?=play-button", - "svg_link": "https:\/\/css.gg\/play-button.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayButton = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 10px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 6px solid;\n top: 6px;\n left: 9px;\n }\n`\n\nexport const PlayButton = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 487, + "name": "play-button", + "tags": "interface multimedia music", + "css": ".gg-play-button{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-play-button::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid;top:6px;left:9px}", + "svg": "\n \n<\/svg>" + } ], "play-forwards": [ - [ - { - "nr": 488, - "name": "play-forwards", - "css": ".gg-play-forwards{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:3px;height:10px;background:currentColor}.gg-play-forwards::after,.gg-play-forwards::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid;left:-7px}.gg-play-forwards::before{left:-14px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-forwards.css');", - "json": "https:\/\/css.gg\/json?=play-forwards", - "xml": "https:\/\/css.gg\/xml?=play-forwards", - "svg_link": "https:\/\/css.gg\/play-forwards.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayForwards = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 3px;\n height: 10px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 10px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 6px solid;\n left: -7px;\n }\n &::before {\n left: -14px;\n }\n`\n\nexport const PlayForwards = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 488, + "name": "play-forwards", + "tags": "interface arrows multimedia music", + "css": ".gg-play-forwards{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:3px;height:10px;background:currentColor}.gg-play-forwards::after,.gg-play-forwards::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid;left:-7px}.gg-play-forwards::before{left:-14px}", + "svg": "\n \n \n \n<\/svg>" + } ], "play-list-add": [ - [ - { - "nr": 489, - "name": "play-list-add", - "css": ".gg-play-list-add{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border-top:0 solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 -2px 0,-2px 4px 0 -2px,0 -2px 0 0}.gg-play-list-add::after,.gg-play-list-add::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;top:6px;right:-8px}.gg-play-list-add::before{width:2px;height:10px;top:2px;right:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-list-add.css');", - "json": "https:\/\/css.gg\/json?=play-list-add", - "xml": "https:\/\/css.gg\/xml?=play-list-add", - "svg_link": "https:\/\/css.gg\/play-list-add.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayListAdd = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 6px;\n border-top: 0 solid transparent;\n border-bottom: 2px solid transparent;\n box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;\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 top: 6px;\n right: -8px;\n }\n &::before {\n width: 2px;\n height: 10px;\n top: 2px;\n right: -4px;\n }\n`\n\nexport const PlayListAdd = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 489, + "name": "play-list-add", + "tags": "interface multimedia music", + "css": ".gg-play-list-add{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border-top:0 solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 -2px 0,-2px 4px 0 -2px,0 -2px 0 0}.gg-play-list-add::after,.gg-play-list-add::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;top:6px;right:-8px}.gg-play-list-add::before{width:2px;height:10px;top:2px;right:-4px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "play-list-check": [ - [ - { - "nr": 490, - "name": "play-list-check", - "css": ".gg-play-list-check{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border-top:0 solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 -2px 0,-2px 4px 0 -2px,0 -2px 0 0}.gg-play-list-check::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:5px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);top:2px;right:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-list-check.css');", - "json": "https:\/\/css.gg\/json?=play-list-check", - "xml": "https:\/\/css.gg\/xml?=play-list-check", - "svg_link": "https:\/\/css.gg\/play-list-check.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayListCheck = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 6px;\n border-top: 0 solid transparent;\n border-bottom: 2px solid transparent;\n box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 5px;\n height: 8px;\n border-right: 2px solid;\n border-bottom: 2px solid;\n transform: rotate(45deg);\n top: 2px;\n right: -4px;\n }\n`\n\nexport const PlayListCheck = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 490, + "name": "play-list-check", + "tags": "interface multimedia music", + "css": ".gg-play-list-check{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border-top:0 solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 -2px 0,-2px 4px 0 -2px,0 -2px 0 0}.gg-play-list-check::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:5px;height:8px;border-right:2px solid;border-bottom:2px solid;transform:rotate(45deg);top:2px;right:-4px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "play-list-remove": [ - [ - { - "nr": 491, - "name": "play-list-remove", - "css": ".gg-play-list-remove{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border-top:0 solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 -2px 0,-2px 4px 0 -2px,0 -2px 0 0}.gg-play-list-remove::after,.gg-play-list-remove::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;transform:rotate(-45deg);top:8px;right:-4px}.gg-play-list-remove::before{width:2px;height:8px;top:5px;right:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-list-remove.css');", - "json": "https:\/\/css.gg\/json?=play-list-remove", - "xml": "https:\/\/css.gg\/xml?=play-list-remove", - "svg_link": "https:\/\/css.gg\/play-list-remove.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayListRemove = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 6px;\n border-top: 0 solid transparent;\n border-bottom: 2px solid transparent;\n box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 2px;\n background: currentColor;\n transform: rotate(-45deg);\n top: 8px;\n right: -4px;\n }\n &::before {\n width: 2px;\n height: 8px;\n top: 5px;\n right: -1px;\n }\n`\n\nexport const PlayListRemove = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 491, + "name": "play-list-remove", + "tags": "interface multimedia music", + "css": ".gg-play-list-remove{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border-top:0 solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 -2px 0,-2px 4px 0 -2px,0 -2px 0 0}.gg-play-list-remove::after,.gg-play-list-remove::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:2px;background:currentColor;transform:rotate(-45deg);top:8px;right:-4px}.gg-play-list-remove::before{width:2px;height:8px;top:5px;right:-1px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "play-list-search": [ - [ - { - "nr": 492, - "name": "play-list-search", - "css": ".gg-play-list-search{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border-top:0 solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 -2px 0,-2px 4px 0 -2px,0 -2px 0 0}.gg-play-list-search::after,.gg-play-list-search::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:-7px}.gg-play-list-search::after{width:3px;height:2px;background:currentColor;transform:rotate(45deg);right:-4px}.gg-play-list-search::before{width:6px;height:6px;border-radius:4px;border:2px solid;right:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-list-search.css');", - "json": "https:\/\/css.gg\/json?=play-list-search", - "xml": "https:\/\/css.gg\/xml?=play-list-search", - "svg_link": "https:\/\/css.gg\/play-list-search.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayListSearch = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 6px;\n border-top: 0 solid transparent;\n border-bottom: 2px solid transparent;\n box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n bottom: -7px;\n }\n &::after {\n width: 3px;\n height: 2px;\n background: currentColor;\n transform: rotate(45deg);\n right: -4px;\n }\n &::before {\n width: 6px;\n height: 6px;\n border-radius: 4px;\n border: 2px solid;\n right: -3px;\n }\n`\n\nexport const PlayListSearch = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 492, + "name": "play-list-search", + "tags": "interface multimedia music", + "css": ".gg-play-list-search{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border-top:0 solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 -2px 0,-2px 4px 0 -2px,0 -2px 0 0}.gg-play-list-search::after,.gg-play-list-search::before{content:\"\";display:block;box-sizing:border-box;position:absolute;bottom:-7px}.gg-play-list-search::after{width:3px;height:2px;background:currentColor;transform:rotate(45deg);right:-4px}.gg-play-list-search::before{width:6px;height:6px;border-radius:4px;border:2px solid;right:-3px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "play-list": [ - [ - { - "nr": 493, - "name": "play-list", - "css": ".gg-play-list{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border-top:0 solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 -2px 0,-2px 4px 0 -2px,0 -2px 0 0}.gg-play-list::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid;top:6px;right:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-list.css');", - "json": "https:\/\/css.gg\/json?=play-list", - "xml": "https:\/\/css.gg\/xml?=play-list", - "svg_link": "https:\/\/css.gg\/play-list.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayList = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 6px;\n border-top: 0 solid transparent;\n border-bottom: 2px solid transparent;\n box-shadow: inset 0 -2px 0, -2px 4px 0 -2px, 0 -2px 0 0;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 0;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n border-left: 5px solid;\n top: 6px;\n right: -3px;\n }\n`\n\nexport const PlayList = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 493, + "name": "play-list", + "tags": "interface multimedia music", + "css": ".gg-play-list{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:6px;border-top:0 solid transparent;border-bottom:2px solid transparent;box-shadow:inset 0 -2px 0,-2px 4px 0 -2px,0 -2px 0 0}.gg-play-list::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid;top:6px;right:-3px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "play-pause-o": [ - [ - { - "nr": 494, - "name": "play-pause-o", - "css": ".gg-play-pause-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:22px}.gg-play-pause-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;left:6px;top:6px;border-left:2px solid;border-right:2px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-pause-o.css');", - "json": "https:\/\/css.gg\/json?=play-pause-o", - "xml": "https:\/\/css.gg\/xml?=play-pause-o", - "svg_link": "https:\/\/css.gg\/play-pause-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayPauseO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 22px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n left: 6px;\n top: 6px;\n border-left: 2px solid;\n border-right: 2px solid;\n }\n`\n\nexport const PlayPauseO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 494, + "name": "play-pause-o", + "tags": "interface buttons multimedia music", + "css": ".gg-play-pause-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:22px}.gg-play-pause-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;left:6px;top:6px;border-left:2px solid;border-right:2px solid}", + "svg": "\n \n \n \n<\/svg>" + } ], "play-pause-r": [ - [ - { - "nr": 495, - "name": "play-pause-r", - "css": ".gg-play-pause-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-play-pause-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;left:6px;top:6px;border-left:2px solid;border-right:2px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-pause-r.css');", - "json": "https:\/\/css.gg\/json?=play-pause-r", - "xml": "https:\/\/css.gg\/xml?=play-pause-r", - "svg_link": "https:\/\/css.gg\/play-pause-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayPauseR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n left: 6px;\n top: 6px;\n border-left: 2px solid;\n border-right: 2px solid;\n }\n`\n\nexport const PlayPauseR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 495, + "name": "play-pause-r", + "tags": "interface buttons multimedia music", + "css": ".gg-play-pause-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-play-pause-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;left:6px;top:6px;border-left:2px solid;border-right:2px solid}", + "svg": "\n \n \n \n<\/svg>" + } ], "play-pause": [ - [ - { - "nr": 496, - "name": "play-pause", - "css": ".gg-play-pause{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-left:3px solid;border-right:3px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-pause.css');", - "json": "https:\/\/css.gg\/json?=play-pause", - "xml": "https:\/\/css.gg\/xml?=play-pause", - "svg_link": "https:\/\/css.gg\/play-pause.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayPause = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 10px;\n border-left: 3px solid;\n border-right: 3px solid;\n }\n`\n\nexport const PlayPause = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 496, + "name": "play-pause", + "tags": "interface buttons multimedia music", + "css": ".gg-play-pause{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:10px;border-left:3px solid;border-right:3px solid}", + "svg": "\n \n \n<\/svg>" + } ], "play-stop-o": [ - [ - { - "nr": 497, - "name": "play-stop-o", - "css": ".gg-play-stop-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:20px}.gg-play-stop-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;top:6px;left:6px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-stop-o.css');", - "json": "https:\/\/css.gg\/json?=play-stop-o", - "xml": "https:\/\/css.gg\/xml?=play-stop-o", - "svg_link": "https:\/\/css.gg\/play-stop-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayStopO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 20px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n top: 6px;\n left: 6px;\n background: currentColor;\n }\n`\n\nexport const PlayStopO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 497, + "name": "play-stop-o", + "tags": "interface buttons multimedia music", + "css": ".gg-play-stop-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:20px}.gg-play-stop-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;top:6px;left:6px;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "play-stop-r": [ - [ - { - "nr": 498, - "name": "play-stop-r", - "css": ".gg-play-stop-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-play-stop-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;top:6px;left:6px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-stop-r.css');", - "json": "https:\/\/css.gg\/json?=play-stop-r", - "xml": "https:\/\/css.gg\/xml?=play-stop-r", - "svg_link": "https:\/\/css.gg\/play-stop-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayStopR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n top: 6px;\n left: 6px;\n background: currentColor;\n }\n`\n\nexport const PlayStopR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 498, + "name": "play-stop-r", + "tags": "interface buttons multimedia music", + "css": ".gg-play-stop-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-play-stop-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;top:6px;left:6px;background:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "play-stop": [ - [ - { - "nr": 499, - "name": "play-stop", - "css": ".gg-play-stop{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-stop.css');", - "json": "https:\/\/css.gg\/json?=play-stop", - "xml": "https:\/\/css.gg\/xml?=play-stop", - "svg_link": "https:\/\/css.gg\/play-stop.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayStop = 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: 10px;\n background: currentColor;\n }\n`\n\nexport const PlayStop = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 499, + "name": "play-stop", + "tags": "interface buttons multimedia music", + "css": ".gg-play-stop{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;background:currentColor}", + "svg": "\n \n<\/svg>" + } ], "play-track-next-o": [ - [ - { - "nr": 500, - "name": "play-track-next-o", - "css": ".gg-play-track-next-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:20px}.gg-play-track-next-o::after,.gg-play-track-next-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;top:5px}.gg-play-track-next-o::before{width:2px;border-radius:2px;left:11px;background:currentColor}.gg-play-track-next-o::after{width:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-track-next-o.css');", - "json": "https:\/\/css.gg\/json?=play-track-next-o", - "xml": "https:\/\/css.gg\/xml?=play-track-next-o", - "svg_link": "https:\/\/css.gg\/play-track-next-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayTrackNextO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 8px;\n top: 5px;\n }\n &::before {\n width: 2px;\n border-radius: 2px;\n left: 11px;\n background: currentColor;\n }\n &::after {\n width: 0;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n border-left: 5px solid;\n left: 5px;\n }\n`\n\nexport const PlayTrackNextO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 500, + "name": "play-track-next-o", + "tags": "interface arrows multimedia music", + "css": ".gg-play-track-next-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:20px}.gg-play-track-next-o::after,.gg-play-track-next-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;top:5px}.gg-play-track-next-o::before{width:2px;border-radius:2px;left:11px;background:currentColor}.gg-play-track-next-o::after{width:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid;left:5px}", + "svg": "\n \n<\/svg>" + } ], "play-track-next-r": [ - [ - { - "nr": 501, - "name": "play-track-next-r", - "css": ".gg-play-track-next-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-play-track-next-r::after,.gg-play-track-next-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;top:5px}.gg-play-track-next-r::before{width:2px;border-radius:2px;left:11px;background:currentColor}.gg-play-track-next-r::after{width:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-track-next-r.css');", - "json": "https:\/\/css.gg\/json?=play-track-next-r", - "xml": "https:\/\/css.gg\/xml?=play-track-next-r", - "svg_link": "https:\/\/css.gg\/play-track-next-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayTrackNextR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 8px;\n top: 5px;\n }\n &::before {\n width: 2px;\n border-radius: 2px;\n left: 11px;\n background: currentColor;\n }\n &::after {\n width: 0;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n border-left: 5px solid;\n left: 5px;\n }\n`\n\nexport const PlayTrackNextR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 501, + "name": "play-track-next-r", + "tags": "interface arrows multimedia music", + "css": ".gg-play-track-next-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-play-track-next-r::after,.gg-play-track-next-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;top:5px}.gg-play-track-next-r::before{width:2px;border-radius:2px;left:11px;background:currentColor}.gg-play-track-next-r::after{width:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid;left:5px}", + "svg": "\n \n \n \n<\/svg>" + } ], "play-track-next": [ - [ - { - "nr": 502, - "name": "play-track-next", - "css": ".gg-play-track-next{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:3px;height:10px;background:currentColor}.gg-play-track-next::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid;left:-7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-track-next.css');", - "json": "https:\/\/css.gg\/json?=play-track-next", - "xml": "https:\/\/css.gg\/xml?=play-track-next", - "svg_link": "https:\/\/css.gg\/play-track-next.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayTrackNext = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 3px;\n height: 10px;\n background: currentColor;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 10px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-left: 6px solid;\n left: -7px;\n }\n`\n\nexport const PlayTrackNext = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 502, + "name": "play-track-next", + "tags": "interface arrows multimedia music", + "css": ".gg-play-track-next{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:3px;height:10px;background:currentColor}.gg-play-track-next::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:6px solid;left:-7px}", + "svg": "\n \n \n<\/svg>" + } ], "play-track-prev-o": [ - [ - { - "nr": 503, - "name": "play-track-prev-o", - "css": ".gg-play-track-prev-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:20px}.gg-play-track-prev-o::after,.gg-play-track-prev-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;top:5px}.gg-play-track-prev-o::before{width:2px;border-radius:2px;right:11px;background:currentColor}.gg-play-track-prev-o::after{width:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:5px solid;right:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-track-prev-o.css');", - "json": "https:\/\/css.gg\/json?=play-track-prev-o", - "xml": "https:\/\/css.gg\/xml?=play-track-prev-o", - "svg_link": "https:\/\/css.gg\/play-track-prev-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayTrackPrevO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 8px;\n top: 5px;\n }\n &::before {\n width: 2px;\n border-radius: 2px;\n right: 11px;\n background: currentColor;\n }\n &::after {\n width: 0;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n border-right: 5px solid;\n right: 5px;\n }\n`\n\nexport const PlayTrackPrevO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 503, + "name": "play-track-prev-o", + "tags": "interface arrows multimedia music", + "css": ".gg-play-track-prev-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:20px}.gg-play-track-prev-o::after,.gg-play-track-prev-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;top:5px}.gg-play-track-prev-o::before{width:2px;border-radius:2px;right:11px;background:currentColor}.gg-play-track-prev-o::after{width:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:5px solid;right:5px}", + "svg": "\n \n \n<\/svg>" + } ], "play-track-prev-r": [ - [ - { - "nr": 504, - "name": "play-track-prev-r", - "css": ".gg-play-track-prev-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-play-track-prev-r::after,.gg-play-track-prev-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;top:5px}.gg-play-track-prev-r::before{width:2px;border-radius:2px;right:11px;background:currentColor}.gg-play-track-prev-r::after{width:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:5px solid;right:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-track-prev-r.css');", - "json": "https:\/\/css.gg\/json?=play-track-prev-r", - "xml": "https:\/\/css.gg\/xml?=play-track-prev-r", - "svg_link": "https:\/\/css.gg\/play-track-prev-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayTrackPrevR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 8px;\n top: 5px;\n }\n &::before {\n width: 2px;\n border-radius: 2px;\n right: 11px;\n background: currentColor;\n }\n &::after {\n width: 0;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n border-right: 5px solid;\n right: 5px;\n }\n`\n\nexport const PlayTrackPrevR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 504, + "name": "play-track-prev-r", + "tags": "interface arrows multimedia music", + "css": ".gg-play-track-prev-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-play-track-prev-r::after,.gg-play-track-prev-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:8px;top:5px}.gg-play-track-prev-r::before{width:2px;border-radius:2px;right:11px;background:currentColor}.gg-play-track-prev-r::after{width:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-right:5px solid;right:5px}", + "svg": "\n \n \n<\/svg>" + } ], "play-track-prev": [ - [ - { - "nr": 505, - "name": "play-track-prev", - "css": ".gg-play-track-prev{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:3px;height:10px;background:currentColor}.gg-play-track-prev::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid;right:-7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/play-track-prev.css');", - "json": "https:\/\/css.gg\/json?=play-track-prev", - "xml": "https:\/\/css.gg\/xml?=play-track-prev", - "svg_link": "https:\/\/css.gg\/play-track-prev.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlayTrackPrev = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 3px;\n height: 10px;\n background: currentColor;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 10px;\n border-top: 5px solid transparent;\n border-bottom: 5px solid transparent;\n border-right: 6px solid;\n right: -7px;\n }\n`\n\nexport const PlayTrackPrev = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 505, + "name": "play-track-prev", + "tags": "interface arrows multimedia music", + "css": ".gg-play-track-prev{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:3px;height:10px;background:currentColor}.gg-play-track-prev::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:10px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:6px solid;right:-7px}", + "svg": "\n \n \n<\/svg>" + } ], "plug": [ - [ - { - "nr": 506, - "name": "plug", - "css": ".gg-plug{position:relative;display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:12px;height:20px}.gg-plug::after,.gg-plug::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-plug::before{width:12px;height:10px;border:2px solid;border-bottom-left-radius:8px;border-bottom-right-radius:8px;top:5px}.gg-plug::after{width:2px;height:4px;background:currentColor;left:2px;border-radius:22px;box-shadow:6px 0 0,3px 14px 0,3px 16px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/plug.css');", - "json": "https:\/\/css.gg\/json?=plug", - "xml": "https:\/\/css.gg\/xml?=plug", - "svg_link": "https:\/\/css.gg\/plug.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPlug = styled.i`\n & {\n position: relative;\n display: block;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n width: 12px;\n height: 10px;\n border: 2px solid;\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n top: 5px;\n }\n &::after {\n width: 2px;\n height: 4px;\n background: currentColor;\n left: 2px;\n border-radius: 22px;\n box-shadow: 6px 0 0, 3px 14px 0, 3px 16px 0;\n }\n`\n\nexport const Plug = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 506, + "name": "plug", + "tags": "interface", + "css": ".gg-plug{position:relative;display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:12px;height:20px}.gg-plug::after,.gg-plug::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-plug::before{width:12px;height:10px;border:2px solid;border-bottom-left-radius:8px;border-bottom-right-radius:8px;top:5px}.gg-plug::after{width:2px;height:4px;background:currentColor;left:2px;border-radius:22px;box-shadow:6px 0 0,3px 14px 0,3px 16px 0}", + "svg": "\n \n<\/svg>" + } ], "pocket": [ - [ - { - "nr": 507, - "name": "pocket", - "css": ".gg-pocket{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:20px;border:2px solid;border-radius:6px;border-bottom-left-radius:22px;border-bottom-right-radius:22px}.gg-pocket::after,.gg-pocket::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:22px;width:8px;height:2px;background:currentColor;bottom:7px}.gg-pocket::before{transform:rotate(-48deg);right:3px}.gg-pocket::after{transform:rotate(48deg);left:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pocket.css');", - "json": "https:\/\/css.gg\/json?=pocket", - "xml": "https:\/\/css.gg\/xml?=pocket", - "svg_link": "https:\/\/css.gg\/pocket.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPocket = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 20px;\n border: 2px solid;\n border-radius: 6px;\n border-bottom-left-radius: 22px;\n border-bottom-right-radius: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 22px;\n width: 8px;\n height: 2px;\n background: currentColor;\n bottom: 7px;\n }\n &::before {\n transform: rotate(-48deg);\n right: 3px;\n }\n &::after {\n transform: rotate(48deg);\n left: 3px;\n }\n`\n\nexport const Pocket = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 507, + "name": "pocket", + "tags": "brands", + "css": ".gg-pocket{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:20px;border:2px solid;border-radius:6px;border-bottom-left-radius:22px;border-bottom-right-radius:22px}.gg-pocket::after,.gg-pocket::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:22px;width:8px;height:2px;background:currentColor;bottom:7px}.gg-pocket::before{transform:rotate(-48deg);right:3px}.gg-pocket::after{transform:rotate(48deg);left:3px}", + "svg": "\n \n<\/svg>" + } ], "pokemon": [ - [ - { - "nr": 508, - "name": "pokemon", - "css": ".gg-pokemon{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:5px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 2px;border-radius:100%}.gg-pokemon::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:20px;height:2px;border-left:8px solid;border-right:8px solid;left:-6px;top:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pokemon.css');", - "json": "https:\/\/css.gg\/json?=pokemon", - "xml": "https:\/\/css.gg\/xml?=pokemon", - "svg_link": "https:\/\/css.gg\/pokemon.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPokemon = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 5px solid transparent;\n box-shadow: 0 0 0 2px, inset 0 0 0 2px;\n border-radius: 100%;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 20px;\n height: 2px;\n border-left: 8px solid;\n border-right: 8px solid;\n left: -6px;\n top: 3px;\n }\n`\n\nexport const Pokemon = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 508, + "name": "pokemon", + "tags": "brands", + "css": ".gg-pokemon{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:5px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 2px;border-radius:100%}.gg-pokemon::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:20px;height:2px;border-left:8px solid;border-right:8px solid;left:-6px;top:3px}", + "svg": "\n \n<\/svg>" + } ], "polaroid": [ - [ - { - "nr": 509, - "name": "polaroid", - "css": ".gg-polaroid{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:20px;border:2px solid;border-radius:2px;box-shadow:inset 0 -5px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/polaroid.css');", - "json": "https:\/\/css.gg\/json?=polaroid", - "xml": "https:\/\/css.gg\/xml?=polaroid", - "svg_link": "https:\/\/css.gg\/polaroid.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPolaroid = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 20px;\n border: 2px solid;\n border-radius: 2px;\n box-shadow: inset 0 -5px 0;\n }\n`\n\nexport const Polaroid = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 509, + "name": "polaroid", + "tags": "interface design", + "css": ".gg-polaroid{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:20px;border:2px solid;border-radius:2px;box-shadow:inset 0 -5px 0}", + "svg": "\n \n<\/svg>" + } ], "poll": [ - [ - { - "nr": 510, - "name": "poll", - "css": ".gg-poll{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:3px solid transparent;border-top:6px solid transparent;box-shadow:0 0 0 2px,inset 2px 0 0;border-radius:1px}.gg-poll::after,.gg-poll::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:10px;background:currentColor;top:-3px;left:4px}.gg-poll::after{height:4px;top:3px;left:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/poll.css');", - "json": "https:\/\/css.gg\/json?=poll", - "xml": "https:\/\/css.gg\/xml?=poll", - "svg_link": "https:\/\/css.gg\/poll.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPoll = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 3px solid transparent;\n border-top: 6px solid transparent;\n box-shadow: 0 0 0 2px, inset 2px 0 0;\n border-radius: 1px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 10px;\n background: currentColor;\n top: -3px;\n left: 4px;\n }\n &::after {\n height: 4px;\n top: 3px;\n left: 8px;\n }\n`\n\nexport const Poll = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 510, + "name": "poll", + "tags": "interface", + "css": ".gg-poll{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:3px solid transparent;border-top:6px solid transparent;box-shadow:0 0 0 2px,inset 2px 0 0;border-radius:1px}.gg-poll::after,.gg-poll::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:10px;background:currentColor;top:-3px;left:4px}.gg-poll::after{height:4px;top:3px;left:8px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "presentation": [ - [ - { - "nr": 511, - "name": "presentation", - "css": ".gg-presentation{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:22px}.gg-presentation::after,.gg-presentation::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-presentation::before{width:12px;height:6px;border:2px solid;border-top-left-radius:100px;border-top-right-radius:100px;top:2px;left:2px;border-bottom:0}.gg-presentation::after{width:18px;height:2px;background:currentColor;left:-1px;top:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/presentation.css');", - "json": "https:\/\/css.gg\/json?=presentation", - "xml": "https:\/\/css.gg\/xml?=presentation", - "svg_link": "https:\/\/css.gg\/presentation.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPresentation = 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: 20px;\n border: 2px solid;\n border-radius: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n width: 12px;\n height: 6px;\n border: 2px solid;\n border-top-left-radius: 100px;\n border-top-right-radius: 100px;\n top: 2px;\n left: 2px;\n border-bottom: 0;\n }\n &::after {\n width: 18px;\n height: 2px;\n background: currentColor;\n left: -1px;\n top: 8px;\n }\n`\n\nexport const Presentation = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 511, + "name": "presentation", + "tags": "multimedia interface", + "css": ".gg-presentation{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:22px}.gg-presentation::after,.gg-presentation::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-presentation::before{width:12px;height:6px;border:2px solid;border-top-left-radius:100px;border-top-right-radius:100px;top:2px;left:2px;border-bottom:0}.gg-presentation::after{width:18px;height:2px;background:currentColor;left:-1px;top:8px}", + "svg": "\n \n<\/svg>" + } ], "printer": [ - [ - { - "nr": 512, - "name": "printer", - "css": ".gg-printer{background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 0 10px\/6px 2px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 14px 10px\/6px 2px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 4px 4px\/2px 2px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:14px;border:2px solid transparent;border-bottom:0;box-shadow:inset 0 2px 0,inset 2px 2px 0,inset -2px 2px 0,inset -2px 2px 0}.gg-printer::after,.gg-printer::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;border:2px solid;left:4px}.gg-printer::before{height:6px;top:-4px}.gg-printer::after{height:8px;top:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/printer.css');", - "json": "https:\/\/css.gg\/json?=printer", - "xml": "https:\/\/css.gg\/xml?=printer", - "svg_link": "https:\/\/css.gg\/printer.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPrinter = styled.i`\n & {\n background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 0 10px\/6px 2px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 14px 10px\/6px 2px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 4px\/2px 2px;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 14px;\n border: 2px solid transparent;\n border-bottom: 0;\n box-shadow: inset 0 2px 0, inset 2px 2px 0, inset -2px 2px 0, inset -2px 2px 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 12px;\n border: 2px solid;\n left: 4px;\n }\n &::before {\n height: 6px;\n top: -4px;\n }\n &::after {\n height: 8px;\n top: 8px;\n }\n`\n\nexport const Printer = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 512, + "name": "printer", + "tags": "interface devices buttons", + "css": ".gg-printer{background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 0 10px\/6px 2px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 14px 10px\/6px 2px,linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 4px 4px\/2px 2px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:14px;border:2px solid transparent;border-bottom:0;box-shadow:inset 0 2px 0,inset 2px 2px 0,inset -2px 2px 0,inset -2px 2px 0}.gg-printer::after,.gg-printer::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;border:2px solid;left:4px}.gg-printer::before{height:6px;top:-4px}.gg-printer::after{height:8px;top:8px}", + "svg": "\n \n<\/svg>" + } ], "product-hunt": [ - [ - { - "nr": 513, - "name": "product-hunt", - "css": ".gg-product-hunt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:100px}.gg-product-hunt::after,.gg-product-hunt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:3px}.gg-product-hunt::before{border:2px solid;border-left:0;border-top-right-radius:40px;border-bottom-right-radius:40px;width:6px;height:6px;left:5px}.gg-product-hunt::after{width:2px;height:8px;background:currentColor;left:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/product-hunt.css');", - "json": "https:\/\/css.gg\/json?=product-hunt", - "xml": "https:\/\/css.gg\/xml?=product-hunt", - "svg_link": "https:\/\/css.gg\/product-hunt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledProductHunt = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n top: 3px;\n }\n &::before {\n border: 2px solid;\n border-left: 0;\n border-top-right-radius: 40px;\n border-bottom-right-radius: 40px;\n width: 6px;\n height: 6px;\n left: 5px;\n }\n &::after {\n width: 2px;\n height: 8px;\n background: currentColor;\n left: 4px;\n }\n`\n\nexport const ProductHunt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 513, + "name": "product-hunt", + "tags": "brands", + "css": ".gg-product-hunt{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:100px}.gg-product-hunt::after,.gg-product-hunt::before{content:\"\";display:block;box-sizing:border-box;position:absolute;top:3px}.gg-product-hunt::before{border:2px solid;border-left:0;border-top-right-radius:40px;border-bottom-right-radius:40px;width:6px;height:6px;left:5px}.gg-product-hunt::after{width:2px;height:8px;background:currentColor;left:4px}", + "svg": "\n \n<\/svg>" + } ], "profile": [ - [ - { - "nr": 514, - "name": "profile", - "css": ".gg-profile,.gg-profile::after,.gg-profile::before{display:block;box-sizing:border-box;border:2px solid;border-radius:100px}.gg-profile{overflow:hidden;transform:scale(var(--ggs,1));width:22px;height:22px;position:relative}.gg-profile::after,.gg-profile::before{content:\"\";position:absolute;top:2px;left:5px;width:8px;height:8px}.gg-profile::after{border-radius:200px;top:11px;left:0px;width:18px;height:18px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/profile.css');", - "json": "https:\/\/css.gg\/json?=profile", - "xml": "https:\/\/css.gg\/xml?=profile", - "svg_link": "https:\/\/css.gg\/profile.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledProfile = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n border: 2px solid;\n border-radius: 100px;\n }\n & {\n overflow: hidden;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n position: relative;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n top: 2px;\n left: 5px;\n width: 8px;\n height: 8px;\n }\n &::after {\n border-radius: 200px;\n top: 11px;\n left: 0px;\n width: 18px;\n height: 18px;\n }\n`\n\nexport const Profile = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 514, + "name": "profile", + "tags": "interface signs", + "css": ".gg-profile,.gg-profile::after,.gg-profile::before{display:block;box-sizing:border-box;border:2px solid;border-radius:100px}.gg-profile{overflow:hidden;transform:scale(var(--ggs,1));width:22px;height:22px;position:relative}.gg-profile::after,.gg-profile::before{content:\"\";position:absolute;top:2px;left:5px;width:8px;height:8px}.gg-profile::after{border-radius:200px;top:11px;left:0px;width:18px;height:18px}", + "svg": "\n \n \n<\/svg>" + } ], "pull-clear": [ - [ - { - "nr": 515, - "name": "pull-clear", - "css": ".gg-pull-clear{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:12px;border:2px solid;border-top:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.gg-pull-clear::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;bottom:2px;left:2px;background:currentColor;box-shadow:0 -4px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/pull-clear.css');", - "json": "https:\/\/css.gg\/json?=pull-clear", - "xml": "https:\/\/css.gg\/xml?=pull-clear", - "svg_link": "https:\/\/css.gg\/pull-clear.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPullClear = 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: 12px;\n border: 2px solid;\n border-top: 0;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 12px;\n height: 2px;\n bottom: 2px;\n left: 2px;\n background: currentColor;\n box-shadow: 0 -4px 0 0;\n }\n`\n\nexport const PullClear = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 515, + "name": "pull-clear", + "tags": "interface", + "css": ".gg-pull-clear{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:12px;border:2px solid;border-top:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.gg-pull-clear::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;bottom:2px;left:2px;background:currentColor;box-shadow:0 -4px 0 0}", + "svg": "\n \n \n \n<\/svg>" + } ], "push-chevron-down-o": [ - [ - { - "nr": 516, - "name": "push-chevron-down-o", - "css": ".gg-push-chevron-down-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-push-chevron-down-o::after,.gg-push-chevron-down-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-bottom:2px solid}.gg-push-chevron-down-o::before{bottom:5px;width:8px;height:2px;left:5px}.gg-push-chevron-down-o::after{width:6px;height:6px;border-right:2px solid;transform:rotate(45deg);left:6px;top:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-down-o.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-down-o", - "xml": "https:\/\/css.gg\/xml?=push-chevron-down-o", - "svg_link": "https:\/\/css.gg\/push-chevron-down-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronDownO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-bottom: 2px solid;\n }\n &::before {\n bottom: 5px;\n width: 8px;\n height: 2px;\n left: 5px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-right: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n top: 3px;\n }\n`\n\nexport const PushChevronDownO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 516, + "name": "push-chevron-down-o", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-down-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-push-chevron-down-o::after,.gg-push-chevron-down-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-bottom:2px solid}.gg-push-chevron-down-o::before{bottom:5px;width:8px;height:2px;left:5px}.gg-push-chevron-down-o::after{width:6px;height:6px;border-right:2px solid;transform:rotate(45deg);left:6px;top:3px}", + "svg": "\n \n \n \n<\/svg>" + } ], "push-chevron-down-r": [ - [ - { - "nr": 517, - "name": "push-chevron-down-r", - "css": ".gg-push-chevron-down-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-push-chevron-down-r::after,.gg-push-chevron-down-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-bottom:2px solid}.gg-push-chevron-down-r::before{bottom:5px;width:8px;height:2px;left:5px}.gg-push-chevron-down-r::after{width:6px;height:6px;border-right:2px solid;transform:rotate(45deg);left:6px;top:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-down-r.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-down-r", - "xml": "https:\/\/css.gg\/xml?=push-chevron-down-r", - "svg_link": "https:\/\/css.gg\/push-chevron-down-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronDownR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-bottom: 2px solid;\n }\n &::before {\n bottom: 5px;\n width: 8px;\n height: 2px;\n left: 5px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-right: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n top: 3px;\n }\n`\n\nexport const PushChevronDownR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 517, + "name": "push-chevron-down-r", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-down-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-push-chevron-down-r::after,.gg-push-chevron-down-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-bottom:2px solid}.gg-push-chevron-down-r::before{bottom:5px;width:8px;height:2px;left:5px}.gg-push-chevron-down-r::after{width:6px;height:6px;border-right:2px solid;transform:rotate(45deg);left:6px;top:3px}", + "svg": "\n \n \n \n<\/svg>" + } ], "push-chevron-down": [ - [ - { - "nr": 518, - "name": "push-chevron-down", - "css": ".gg-push-chevron-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-push-chevron-down::after,.gg-push-chevron-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-bottom:2px solid}.gg-push-chevron-down::before{bottom:0;width:14px;height:2px;left:2px}.gg-push-chevron-down::after{width:10px;height:10px;border-right:2px solid;transform:rotate(45deg);left:4px;top:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-down.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-down", - "xml": "https:\/\/css.gg\/xml?=push-chevron-down", - "svg_link": "https:\/\/css.gg\/push-chevron-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronDown = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid transparent;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-bottom: 2px solid;\n }\n &::before {\n bottom: 0;\n width: 14px;\n height: 2px;\n left: 2px;\n }\n &::after {\n width: 10px;\n height: 10px;\n border-right: 2px solid;\n transform: rotate(45deg);\n left: 4px;\n top: 2px;\n }\n`\n\nexport const PushChevronDown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 518, + "name": "push-chevron-down", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-push-chevron-down::after,.gg-push-chevron-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-bottom:2px solid}.gg-push-chevron-down::before{bottom:0;width:14px;height:2px;left:2px}.gg-push-chevron-down::after{width:10px;height:10px;border-right:2px solid;transform:rotate(45deg);left:4px;top:2px}", + "svg": "\n \n \n<\/svg>" + } ], "push-chevron-left-o": [ - [ - { - "nr": 519, - "name": "push-chevron-left-o", - "css": ".gg-push-chevron-left-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-push-chevron-left-o::after,.gg-push-chevron-left-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:8px;border-left:2px solid;top:5px;left:5px}.gg-push-chevron-left-o::after{width:6px;height:6px;border-bottom:2px solid;transform:rotate(45deg);left:9px;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-left-o.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-left-o", - "xml": "https:\/\/css.gg\/xml?=push-chevron-left-o", - "svg_link": "https:\/\/css.gg\/push-chevron-left-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronLeftO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 8px;\n border-left: 2px solid;\n top: 5px;\n left: 5px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n transform: rotate(45deg);\n left: 9px;\n top: 6px;\n }\n`\n\nexport const PushChevronLeftO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 519, + "name": "push-chevron-left-o", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-left-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-push-chevron-left-o::after,.gg-push-chevron-left-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:8px;border-left:2px solid;top:5px;left:5px}.gg-push-chevron-left-o::after{width:6px;height:6px;border-bottom:2px solid;transform:rotate(45deg);left:9px;top:6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "push-chevron-left-r": [ - [ - { - "nr": 520, - "name": "push-chevron-left-r", - "css": ".gg-push-chevron-left-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-push-chevron-left-r::after,.gg-push-chevron-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:8px;border-left:2px solid;top:5px;left:5px}.gg-push-chevron-left-r::after{width:6px;height:6px;border-bottom:2px solid;transform:rotate(45deg);left:9px;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-left-r.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-left-r", - "xml": "https:\/\/css.gg\/xml?=push-chevron-left-r", - "svg_link": "https:\/\/css.gg\/push-chevron-left-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronLeftR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 8px;\n border-left: 2px solid;\n top: 5px;\n left: 5px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n transform: rotate(45deg);\n left: 9px;\n top: 6px;\n }\n`\n\nexport const PushChevronLeftR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 520, + "name": "push-chevron-left-r", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-left-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-push-chevron-left-r::after,.gg-push-chevron-left-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:8px;border-left:2px solid;top:5px;left:5px}.gg-push-chevron-left-r::after{width:6px;height:6px;border-bottom:2px solid;transform:rotate(45deg);left:9px;top:6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "push-chevron-left": [ - [ - { - "nr": 521, - "name": "push-chevron-left", - "css": ".gg-push-chevron-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-push-chevron-left::after,.gg-push-chevron-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:14px;border-left:2px solid;top:2px;left:0}.gg-push-chevron-left::after{width:10px;height:10px;border-bottom:2px solid;transform:rotate(45deg);left:6px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-left.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-left", - "xml": "https:\/\/css.gg\/xml?=push-chevron-left", - "svg_link": "https:\/\/css.gg\/push-chevron-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid transparent;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 14px;\n border-left: 2px solid;\n top: 2px;\n left: 0;\n }\n &::after {\n width: 10px;\n height: 10px;\n border-bottom: 2px solid;\n transform: rotate(45deg);\n left: 6px;\n top: 4px;\n }\n`\n\nexport const PushChevronLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 521, + "name": "push-chevron-left", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-push-chevron-left::after,.gg-push-chevron-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:14px;border-left:2px solid;top:2px;left:0}.gg-push-chevron-left::after{width:10px;height:10px;border-bottom:2px solid;transform:rotate(45deg);left:6px;top:4px}", + "svg": "\n \n \n<\/svg>" + } ], "push-chevron-right-o": [ - [ - { - "nr": 522, - "name": "push-chevron-right-o", - "css": ".gg-push-chevron-right-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-push-chevron-right-o::after,.gg-push-chevron-right-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:8px;border-right:2px solid;top:5px;right:5px}.gg-push-chevron-right-o::after{width:6px;height:6px;border-bottom:2px solid;transform:rotate(-45deg);right:9px;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-right-o.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-right-o", - "xml": "https:\/\/css.gg\/xml?=push-chevron-right-o", - "svg_link": "https:\/\/css.gg\/push-chevron-right-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronRightO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 8px;\n border-right: 2px solid;\n top: 5px;\n right: 5px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n transform: rotate(-45deg);\n right: 9px;\n top: 6px;\n }\n`\n\nexport const PushChevronRightO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 522, + "name": "push-chevron-right-o", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-right-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-push-chevron-right-o::after,.gg-push-chevron-right-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:8px;border-right:2px solid;top:5px;right:5px}.gg-push-chevron-right-o::after{width:6px;height:6px;border-bottom:2px solid;transform:rotate(-45deg);right:9px;top:6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "push-chevron-right-r": [ - [ - { - "nr": 523, - "name": "push-chevron-right-r", - "css": ".gg-push-chevron-right-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-push-chevron-right-r::after,.gg-push-chevron-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:8px;border-right:2px solid;top:5px;right:5px}.gg-push-chevron-right-r::after{width:6px;height:6px;border-bottom:2px solid;transform:rotate(-45deg);right:9px;top:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-right-r.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-right-r", - "xml": "https:\/\/css.gg\/xml?=push-chevron-right-r", - "svg_link": "https:\/\/css.gg\/push-chevron-right-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronRightR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 8px;\n border-right: 2px solid;\n top: 5px;\n right: 5px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-bottom: 2px solid;\n transform: rotate(-45deg);\n right: 9px;\n top: 6px;\n }\n`\n\nexport const PushChevronRightR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 523, + "name": "push-chevron-right-r", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-right-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-push-chevron-right-r::after,.gg-push-chevron-right-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:8px;border-right:2px solid;top:5px;right:5px}.gg-push-chevron-right-r::after{width:6px;height:6px;border-bottom:2px solid;transform:rotate(-45deg);right:9px;top:6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "push-chevron-right": [ - [ - { - "nr": 524, - "name": "push-chevron-right", - "css": ".gg-push-chevron-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-push-chevron-right::after,.gg-push-chevron-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:14px;border-right:2px solid;top:2px;right:0}.gg-push-chevron-right::after{width:10px;height:10px;border-bottom:2px solid;transform:rotate(-45deg);right:6px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-right.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-right", - "xml": "https:\/\/css.gg\/xml?=push-chevron-right", - "svg_link": "https:\/\/css.gg\/push-chevron-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid transparent;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 14px;\n border-right: 2px solid;\n top: 2px;\n right: 0;\n }\n &::after {\n width: 10px;\n height: 10px;\n border-bottom: 2px solid;\n transform: rotate(-45deg);\n right: 6px;\n top: 4px;\n }\n`\n\nexport const PushChevronRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 524, + "name": "push-chevron-right", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-push-chevron-right::after,.gg-push-chevron-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:14px;border-right:2px solid;top:2px;right:0}.gg-push-chevron-right::after{width:10px;height:10px;border-bottom:2px solid;transform:rotate(-45deg);right:6px;top:4px}", + "svg": "\n \n \n<\/svg>" + } ], "push-chevron-up-o": [ - [ - { - "nr": 525, - "name": "push-chevron-up-o", - "css": ".gg-push-chevron-up-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-push-chevron-up-o::after,.gg-push-chevron-up-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-top:2px solid}.gg-push-chevron-up-o::before{top:5px;width:8px;height:2px;left:5px}.gg-push-chevron-up-o::after{width:6px;height:6px;border-right:2px solid;transform:rotate(-45deg);left:6px;bottom:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-up-o.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-up-o", - "xml": "https:\/\/css.gg\/xml?=push-chevron-up-o", - "svg_link": "https:\/\/css.gg\/push-chevron-up-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronUpO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-top: 2px solid;\n }\n &::before {\n top: 5px;\n width: 8px;\n height: 2px;\n left: 5px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-right: 2px solid;\n transform: rotate(-45deg);\n left: 6px;\n bottom: 3px;\n }\n`\n\nexport const PushChevronUpO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 525, + "name": "push-chevron-up-o", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-up-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:100px}.gg-push-chevron-up-o::after,.gg-push-chevron-up-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-top:2px solid}.gg-push-chevron-up-o::before{top:5px;width:8px;height:2px;left:5px}.gg-push-chevron-up-o::after{width:6px;height:6px;border-right:2px solid;transform:rotate(-45deg);left:6px;bottom:3px}", + "svg": "\n \n<\/svg>" + } ], "push-chevron-up-r": [ - [ - { - "nr": 526, - "name": "push-chevron-up-r", - "css": ".gg-push-chevron-up-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-push-chevron-up-r::after,.gg-push-chevron-up-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-top:2px solid}.gg-push-chevron-up-r::before{top:5px;width:8px;height:2px;left:5px}.gg-push-chevron-up-r::after{width:6px;height:6px;border-right:2px solid;transform:rotate(-45deg);left:6px;bottom:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-up-r.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-up-r", - "xml": "https:\/\/css.gg\/xml?=push-chevron-up-r", - "svg_link": "https:\/\/css.gg\/push-chevron-up-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronUpR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-top: 2px solid;\n }\n &::before {\n top: 5px;\n width: 8px;\n height: 2px;\n left: 5px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border-right: 2px solid;\n transform: rotate(-45deg);\n left: 6px;\n bottom: 3px;\n }\n`\n\nexport const PushChevronUpR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 526, + "name": "push-chevron-up-r", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-up-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-push-chevron-up-r::after,.gg-push-chevron-up-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-top:2px solid}.gg-push-chevron-up-r::before{top:5px;width:8px;height:2px;left:5px}.gg-push-chevron-up-r::after{width:6px;height:6px;border-right:2px solid;transform:rotate(-45deg);left:6px;bottom:3px}", + "svg": "\n \n<\/svg>" + } ], "push-chevron-up": [ - [ - { - "nr": 527, - "name": "push-chevron-up", - "css": ".gg-push-chevron-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-push-chevron-up::after,.gg-push-chevron-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-top:2px solid}.gg-push-chevron-up::before{top:0;width:14px;height:2px;left:2px}.gg-push-chevron-up::after{width:10px;height:10px;border-right:2px solid;transform:rotate(-45deg);left:4px;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-chevron-up.css');", - "json": "https:\/\/css.gg\/json?=push-chevron-up", - "xml": "https:\/\/css.gg\/xml?=push-chevron-up", - "svg_link": "https:\/\/css.gg\/push-chevron-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushChevronUp = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid transparent;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-top: 2px solid;\n }\n &::before {\n top: 0;\n width: 14px;\n height: 2px;\n left: 2px;\n }\n &::after {\n width: 10px;\n height: 10px;\n border-right: 2px solid;\n transform: rotate(-45deg);\n left: 4px;\n bottom: 2px;\n }\n`\n\nexport const PushChevronUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 527, + "name": "push-chevron-up", + "tags": "interface arrows buttons", + "css": ".gg-push-chevron-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid transparent;border-radius:100px}.gg-push-chevron-up::after,.gg-push-chevron-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-top:2px solid}.gg-push-chevron-up::before{top:0;width:14px;height:2px;left:2px}.gg-push-chevron-up::after{width:10px;height:10px;border-right:2px solid;transform:rotate(-45deg);left:4px;bottom:2px}", + "svg": "\n \n \n<\/svg>" + } ], "push-down": [ - [ - { - "nr": 528, - "name": "push-down", - "css": ".gg-push-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:16px;background:currentColor;}.gg-push-down::after,.gg-push-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;border-bottom:2px solid;bottom:-5px;left:-5px}.gg-push-down::after{width:8px;height:8px;border-right:2px solid;transform:rotate(45deg);left:-3px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-down.css');", - "json": "https:\/\/css.gg\/json?=push-down", - "xml": "https:\/\/css.gg\/xml?=push-down", - "svg_link": "https:\/\/css.gg\/push-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushDown = 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: 16px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 12px;\n height: 2px;\n border-bottom: 2px solid;\n bottom: -5px;\n left: -5px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-right: 2px solid;\n transform: rotate(45deg);\n left: -3px;\n bottom: 0;\n }\n`\n\nexport const PushDown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 528, + "name": "push-down", + "tags": "interface arrows", + "css": ".gg-push-down{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:16px;background:currentColor;}.gg-push-down::after,.gg-push-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;border-bottom:2px solid;bottom:-5px;left:-5px}.gg-push-down::after{width:8px;height:8px;border-right:2px solid;transform:rotate(45deg);left:-3px;bottom:0}", + "svg": "\n \n \n<\/svg>" + } ], "push-left": [ - [ - { - "nr": 529, - "name": "push-left", - "css": ".gg-push-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:2px;background:currentColor;}.gg-push-left::after,.gg-push-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:12px;border-left:2px solid;left:-5px;top:-5px}.gg-push-left::after{width:8px;height:8px;border-bottom:2px solid;transform:rotate(45deg);top:-3px;left:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-left.css');", - "json": "https:\/\/css.gg\/json?=push-left", - "xml": "https:\/\/css.gg\/xml?=push-left", - "svg_link": "https:\/\/css.gg\/push-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 2px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 12px;\n border-left: 2px solid;\n left: -5px;\n top: -5px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-bottom: 2px solid;\n transform: rotate(45deg);\n top: -3px;\n left: 0;\n }\n`\n\nexport const PushLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 529, + "name": "push-left", + "tags": "interface arrows", + "css": ".gg-push-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:2px;background:currentColor;}.gg-push-left::after,.gg-push-left::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:12px;border-left:2px solid;left:-5px;top:-5px}.gg-push-left::after{width:8px;height:8px;border-bottom:2px solid;transform:rotate(45deg);top:-3px;left:0}", + "svg": "\n \n \n<\/svg>" + } ], "push-right": [ - [ - { - "nr": 530, - "name": "push-right", - "css": ".gg-push-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:2px;background:currentColor;}.gg-push-right::after,.gg-push-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:12px;border-right:2px solid;right:-5px;top:-5px}.gg-push-right::after{width:8px;height:8px;border-top:2px solid;transform:rotate(45deg);top:-3px;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-right.css');", - "json": "https:\/\/css.gg\/json?=push-right", - "xml": "https:\/\/css.gg\/xml?=push-right", - "svg_link": "https:\/\/css.gg\/push-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 2px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 12px;\n border-right: 2px solid;\n right: -5px;\n top: -5px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-top: 2px solid;\n transform: rotate(45deg);\n top: -3px;\n right: 0;\n }\n`\n\nexport const PushRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 530, + "name": "push-right", + "tags": "interface arrows", + "css": ".gg-push-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:2px;background:currentColor;}.gg-push-right::after,.gg-push-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:12px;border-right:2px solid;right:-5px;top:-5px}.gg-push-right::after{width:8px;height:8px;border-top:2px solid;transform:rotate(45deg);top:-3px;right:0}", + "svg": "\n \n \n<\/svg>" + } ], "push-up": [ - [ - { - "nr": 531, - "name": "push-up", - "css": ".gg-push-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:16px;background:currentColor;}.gg-push-up::after,.gg-push-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;border-top:2px solid;top:-5px;left:-5px}.gg-push-up::after{width:8px;height:8px;border-left:2px solid;transform:rotate(45deg);left:-3px;top:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/push-up.css');", - "json": "https:\/\/css.gg\/json?=push-up", - "xml": "https:\/\/css.gg\/xml?=push-up", - "svg_link": "https:\/\/css.gg\/push-up.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledPushUp = 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: 16px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 12px;\n height: 2px;\n border-top: 2px solid;\n top: -5px;\n left: -5px;\n }\n &::after {\n width: 8px;\n height: 8px;\n border-left: 2px solid;\n transform: rotate(45deg);\n left: -3px;\n top: 0;\n }\n`\n\nexport const PushUp = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 531, + "name": "push-up", + "tags": "interface arrows", + "css": ".gg-push-up{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:2px;height:16px;background:currentColor;}.gg-push-up::after,.gg-push-up::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:2px;border-top:2px solid;top:-5px;left:-5px}.gg-push-up::after{width:8px;height:8px;border-left:2px solid;transform:rotate(45deg);left:-3px;top:0}", + "svg": "\n \n<\/svg>" + } ], "qr": [ - [ - { - "nr": 532, - "name": "qr", - "css": ".gg-qr{transform:scale(var(--ggs,1))}.gg-qr,.gg-qr::after{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;box-shadow:-6px -6px 0 -4px,6px 6px 0 -4px,6px -6px 0 -4px,-6px 6px 0 -4px}.gg-qr::after{content:\"\";position:absolute;width:4px;height:4px;background:currentColor;box-shadow:0 6px 0,6px 6px 0,6px 0 0;top:2px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/qr.css');", - "json": "https:\/\/css.gg\/json?=qr", - "xml": "https:\/\/css.gg\/xml?=qr", - "svg_link": "https:\/\/css.gg\/qr.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledQr = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 14px;\n height: 14px;\n box-shadow: -6px -6px 0 -4px, 6px 6px 0 -4px, 6px -6px 0 -4px, -6px 6px 0 -4px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 4px;\n height: 4px;\n background: currentColor;\n box-shadow: 0 6px 0, 6px 6px 0, 6px 0 0;\n top: 2px;\n left: 2px;\n }\n`\n\nexport const Qr = React.forwardRef>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 532, + "name": "qr", + "tags": "interface devices multimedia", + "css": ".gg-qr{transform:scale(var(--ggs,1))}.gg-qr,.gg-qr::after{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;box-shadow:-6px -6px 0 -4px,6px 6px 0 -4px,6px -6px 0 -4px,-6px 6px 0 -4px}.gg-qr::after{content:\"\";position:absolute;width:4px;height:4px;background:currentColor;box-shadow:0 6px 0,6px 6px 0,6px 0 0;top:2px;left:2px}", + "svg": "\n \n<\/svg>" + } ], "quote-o": [ - [ - { - "nr": 533, - "name": "quote-o", - "css": ".gg-quote-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:18px;border:2px solid;border-radius:2px}.gg-quote-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:6px;border-left:3px solid;border-right:3px solid;left:4px;top:4px;transform:skewX(-20deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/quote-o.css');", - "json": "https:\/\/css.gg\/json?=quote-o", - "xml": "https:\/\/css.gg\/xml?=quote-o", - "svg_link": "https:\/\/css.gg\/quote-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledQuoteO = 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: 18px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 6px;\n border-left: 3px solid;\n border-right: 3px solid;\n left: 4px;\n top: 4px;\n transform: skewX(-20deg);\n }\n`\n\nexport const QuoteO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 533, + "name": "quote-o", + "tags": "content interface", + "css": ".gg-quote-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:18px;border:2px solid;border-radius:2px}.gg-quote-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:6px;border-left:3px solid;border-right:3px solid;left:4px;top:4px;transform:skewX(-20deg)}", + "svg": "\n \n \n \n<\/svg>" + } ], "quote": [ - [ - { - "nr": 534, - "name": "quote", - "css": ".gg-quote{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:18px;border:2px solid transparent;border-radius:2px}.gg-quote::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:6px;border-left:3px solid;border-right:3px solid;left:4px;top:4px;transform:skewX(-20deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/quote.css');", - "json": "https:\/\/css.gg\/json?=quote", - "xml": "https:\/\/css.gg\/xml?=quote", - "svg_link": "https:\/\/css.gg\/quote.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledQuote = 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: 18px;\n border: 2px solid transparent;\n border-radius: 2px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 6px;\n border-left: 3px solid;\n border-right: 3px solid;\n left: 4px;\n top: 4px;\n transform: skewX(-20deg);\n }\n`\n\nexport const Quote = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 534, + "name": "quote", + "tags": "content interface", + "css": ".gg-quote{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:18px;border:2px solid transparent;border-radius:2px}.gg-quote::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:6px;border-left:3px solid;border-right:3px solid;left:4px;top:4px;transform:skewX(-20deg)}", + "svg": "\n \n \n<\/svg>" + } ], "radio-check": [ - [ - { - "nr": 535, - "name": "radio-check", - "css": ".gg-radio-check{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/radio-check.css');", - "json": "https:\/\/css.gg\/json?=radio-check", - "xml": "https:\/\/css.gg\/xml?=radio-check", - "svg_link": "https:\/\/css.gg\/radio-check.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRadioCheck = 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: 20px;\n border: 2px solid;\n border-radius: 100px;\n }\n`\n\nexport const RadioCheck = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 535, + "name": "radio-check", + "tags": "interface", + "css": ".gg-radio-check{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}", + "svg": "\n \n<\/svg>" + } ], "radio-checked": [ - [ - { - "nr": 536, - "name": "radio-checked", - "css": ".gg-radio-checked,.gg-radio-checked::after{display:block;box-sizing:border-box;border-radius:100px}.gg-radio-checked{border:2px solid;position:relative;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-radio-checked::after{content:\"\";position:absolute;width:8px;height:8px;background:currentColor;top:4px;left:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/radio-checked.css');", - "json": "https:\/\/css.gg\/json?=radio-checked", - "xml": "https:\/\/css.gg\/xml?=radio-checked", - "svg_link": "https:\/\/css.gg\/radio-checked.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRadioChecked = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n border-radius: 100px;\n }\n & {\n border: 2px solid;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 8px;\n height: 8px;\n background: currentColor;\n top: 4px;\n left: 4px;\n }\n`\n\nexport const RadioChecked = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 536, + "name": "radio-checked", + "tags": "interface", + "css": ".gg-radio-checked,.gg-radio-checked::after{display:block;box-sizing:border-box;border-radius:100px}.gg-radio-checked{border:2px solid;position:relative;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-radio-checked::after{content:\"\";position:absolute;width:8px;height:8px;background:currentColor;top:4px;left:4px}", + "svg": "\n \n \n<\/svg>" + } ], "ratio": [ - [ - { - "nr": 537, - "name": "ratio", - "css": ".gg-ratio{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:20px;border:2px solid;border-radius:4px}.gg-ratio::after,.gg-ratio::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px}.gg-ratio::before{border-bottom:2px solid;border-right:2px solid;top:8px;left:12px}.gg-ratio::after{border-top:2px solid;border-left:2px solid;top:2px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/ratio.css');", - "json": "https:\/\/css.gg\/json?=ratio", - "xml": "https:\/\/css.gg\/xml?=ratio", - "svg_link": "https:\/\/css.gg\/ratio.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRatio = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 20px;\n border: 2px solid;\n border-radius: 4px;\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 }\n &::before {\n border-bottom: 2px solid;\n border-right: 2px solid;\n top: 8px;\n left: 12px;\n }\n &::after {\n border-top: 2px solid;\n border-left: 2px solid;\n top: 2px;\n left: 2px;\n }\n`\n\nexport const Ratio = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 537, + "name": "ratio", + "tags": "interface arrows multimedia", + "css": ".gg-ratio{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:20px;border:2px solid;border-radius:4px}.gg-ratio::after,.gg-ratio::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px}.gg-ratio::before{border-bottom:2px solid;border-right:2px solid;top:8px;left:12px}.gg-ratio::after{border-top:2px solid;border-left:2px solid;top:2px;left:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "read": [ - [ - { - "nr": 538, - "name": "read", - "css": ".gg-read,.gg-read::after,.gg-read::before{display:block;box-sizing:border-box;border:2px solid}.gg-read{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;margin-left:-1px;position:relative;transform:scale(var(--ggs,1));width:6px;height:5px;border-radius:50px}.gg-read::after,.gg-read::before{content:\"\";position:absolute;width:10px;height:10px;border-radius:10px;left:-10px;top:-5px;box-shadow:-6px 0 0 -4px currentColor}.gg-read::after{left:2px;box-shadow:6px 0 0 -4px currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/read.css');", - "json": "https:\/\/css.gg\/json?=read", - "xml": "https:\/\/css.gg\/xml?=read", - "svg_link": "https:\/\/css.gg\/read.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRead = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n border: 2px solid;\n }\n & {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-color: transparent;\n margin-left: -1px;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 6px;\n height: 5px;\n border-radius: 50px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n width: 10px;\n height: 10px;\n border-radius: 10px;\n left: -10px;\n top: -5px;\n box-shadow: -6px 0 0 -4px currentColor;\n }\n &::after {\n left: 2px;\n box-shadow: 6px 0 0 -4px currentColor;\n }\n`\n\nexport const Read = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 538, + "name": "read", + "tags": "buttons content", + "css": ".gg-read,.gg-read::after,.gg-read::before{display:block;box-sizing:border-box;border:2px solid}.gg-read{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;margin-left:-1px;position:relative;transform:scale(var(--ggs,1));width:6px;height:5px;border-radius:50px}.gg-read::after,.gg-read::before{content:\"\";position:absolute;width:10px;height:10px;border-radius:10px;left:-10px;top:-5px;box-shadow:-6px 0 0 -4px currentColor}.gg-read::after{left:2px;box-shadow:6px 0 0 -4px currentColor}", + "svg": "\n \n<\/svg>" + } ], "readme": [ - [ - { - "nr": 539, - "name": "readme", - "css": ".gg-readme{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:2px;height:17px;border-bottom:4px solid;border-radius:4px}.gg-readme::after,.gg-readme::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:8px;height:12px;box-shadow:0 0 0 2px;border-radius:1px;bottom:-1px;background:linear-gradient(to left,currentColor 4px,transparent 0)no-repeat center 5px\/4px 2px,linear-gradient(to left,currentColor 4px,transparent 0)no-repeat center 2px\/4px 2px,linear-gradient(to left,currentColor 4px,transparent 0)no-repeat center 8px\/4px 2px}.gg-readme::before{border-top-right-radius:3px;left:-8px}.gg-readme::after{border-top-left-radius:3px;right:-8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/readme.css');", - "json": "https:\/\/css.gg\/json?=readme", - "xml": "https:\/\/css.gg\/xml?=readme", - "svg_link": "https:\/\/css.gg\/readme.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledReadme = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 2px;\n height: 17px;\n border-bottom: 4px solid;\n border-radius: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 8px;\n height: 12px;\n box-shadow: 0 0 0 2px;\n border-radius: 1px;\n bottom: -1px;\n background: linear-gradient(to left, currentColor 4px, transparent 0) no-repeat center 5px\/4px\n 2px,\n linear-gradient(to left, currentColor 4px, transparent 0) no-repeat center 2px\/4px 2px,\n linear-gradient(to left, currentColor 4px, transparent 0) no-repeat center 8px\/4px 2px;\n }\n &::before {\n border-top-right-radius: 3px;\n left: -8px;\n }\n &::after {\n border-top-left-radius: 3px;\n right: -8px;\n }\n`\n\nexport const Readme = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 539, + "name": "readme", + "tags": "interface", + "css": ".gg-readme{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:2px;height:17px;border-bottom:4px solid;border-radius:4px}.gg-readme::after,.gg-readme::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:8px;height:12px;box-shadow:0 0 0 2px;border-radius:1px;bottom:-1px;background:linear-gradient(to left,currentColor 4px,transparent 0)no-repeat center 5px\/4px 2px,linear-gradient(to left,currentColor 4px,transparent 0)no-repeat center 2px\/4px 2px,linear-gradient(to left,currentColor 4px,transparent 0)no-repeat center 8px\/4px 2px}.gg-readme::before{border-top-right-radius:3px;left:-8px}.gg-readme::after{border-top-left-radius:3px;right:-8px}", + "svg": "\n \n<\/svg>" + } ], "record": [ - [ - { - "nr": 540, - "name": "record", - "css": ".gg-record{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:6px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 10px;border-radius:100px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/record.css');", - "json": "https:\/\/css.gg\/json?=record", - "xml": "https:\/\/css.gg\/xml?=record", - "svg_link": "https:\/\/css.gg\/record.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRecord = 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: 20px;\n border: 6px solid transparent;\n box-shadow: 0 0 0 2px, inset 0 0 0 10px;\n border-radius: 100px;\n }\n`\n\nexport const Record = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 540, + "name": "record", + "tags": "interface", + "css": ".gg-record{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:6px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 10px;border-radius:100px}", + "svg": "\n \n \n<\/svg>" + } ], "redo": [ - [ - { - "nr": 541, - "name": "redo", - "css": ".gg-redo{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;border:2px solid;border-right-color:transparent;border-radius:100px}.gg-redo::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-right:2px solid;top:-3px;right:-1px;transform:rotate(68deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/redo.css');", - "json": "https:\/\/css.gg\/json?=redo", - "xml": "https:\/\/css.gg\/xml?=redo", - "svg_link": "https:\/\/css.gg\/redo.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRedo = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-right-color: transparent;\n border-radius: 100px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-right: 2px solid;\n top: -3px;\n right: -1px;\n transform: rotate(68deg);\n }\n`\n\nexport const Redo = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 541, + "name": "redo", + "tags": "interface arrows", + "css": ".gg-redo{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;border:2px solid;border-right-color:transparent;border-radius:100px}.gg-redo::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-right:2px solid;top:-3px;right:-1px;transform:rotate(68deg)}", + "svg": "\n \n<\/svg>" + } ], "remote": [ - [ - { - "nr": 542, - "name": "remote", - "css": ".gg-remote{transform:scale(var(--ggs,1))}.gg-remote,.gg-remote::after,.gg-remote::before{box-sizing:border-box;position:relative;display:block;width:8px;height:8px}.gg-remote::after,.gg-remote::before{content:\"\";position:absolute;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg) scaleY(1)}.gg-remote::before{left:5px;top:-2px}.gg-remote::after{transform:rotate(-45deg) scaleX(-1);left:-5px;top:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/remote.css');", - "json": "https:\/\/css.gg\/json?=remote", - "xml": "https:\/\/css.gg\/xml?=remote", - "svg_link": "https:\/\/css.gg\/remote.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRemote = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 8px;\n height: 8px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n border-left: 2px solid;\n border-bottom: 2px solid;\n transform: rotate(45deg) scaleY(1);\n }\n &::before {\n left: 5px;\n top: -2px;\n }\n &::after {\n transform: rotate(-45deg) scaleX(-1);\n left: -5px;\n top: 2px;\n }\n`\n\nexport const Remote = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 542, + "name": "remote", + "tags": "interface signs", + "css": ".gg-remote{transform:scale(var(--ggs,1))}.gg-remote,.gg-remote::after,.gg-remote::before{box-sizing:border-box;position:relative;display:block;width:8px;height:8px}.gg-remote::after,.gg-remote::before{content:\"\";position:absolute;border-left:2px solid;border-bottom:2px solid;transform:rotate(45deg) scaleY(1)}.gg-remote::before{left:5px;top:-2px}.gg-remote::after{transform:rotate(-45deg) scaleX(-1);left:-5px;top:2px}", + "svg": "\n \n \n<\/svg>" + } ], "remove-r": [ - [ - { - "nr": 543, - "name": "remove-r", - "css": ".gg-remove-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-remove-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/remove-r.css');", - "json": "https:\/\/css.gg\/json?=remove-r", - "xml": "https:\/\/css.gg\/xml?=remove-r", - "svg_link": "https:\/\/css.gg\/remove-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRemoveR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\n }\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`\n\nexport const RemoveR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 543, + "name": "remove-r", + "tags": "interface", + "css": ".gg-remove-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px}.gg-remove-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}", + "svg": "\n \n \n<\/svg>" + } ], "remove": [ - [ - { - "nr": 544, - "name": "remove", - "css": ".gg-remove{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:22px}.gg-remove::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/remove.css');", - "json": "https:\/\/css.gg\/json?=remove", - "xml": "https:\/\/css.gg\/xml?=remove", - "svg_link": "https:\/\/css.gg\/remove.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRemove = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 22px;\n }\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`\n\nexport const Remove = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 544, + "name": "remove", + "tags": "interface", + "css": ".gg-remove{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:22px}.gg-remove::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:2px;background:currentColor;border-radius:5px;top:8px;left:4px}", + "svg": "\n \n \n<\/svg>" + } ], "rename": [ - [ - { - "nr": 545, - "name": "rename", - "css": ".gg-rename{box-sizing:border-box;position:relative;display:block;width:20px;height:16px;transform:scale(var(--ggs,1));background:linear-gradient( to left,currentColor 22px,transparent 0) no-repeat 6px center\/2px 22px}.gg-rename::after,.gg-rename::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:12px;border:2px solid;top:2px}.gg-rename::before{border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.gg-rename::after{width:10px;border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/rename.css');", - "json": "https:\/\/css.gg\/json?=rename", - "xml": "https:\/\/css.gg\/xml?=rename", - "svg_link": "https:\/\/css.gg\/rename.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRename = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 16px;\n transform: scale(var(--ggs, 1));\n background: linear-gradient(to left, currentColor 22px, transparent 0) no-repeat 6px center\/2px\n 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 12px;\n border: 2px solid;\n top: 2px;\n }\n &::before {\n border-right: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n &::after {\n width: 10px;\n border-left: 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n right: 0;\n }\n`\n\nexport const Rename = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 545, + "name": "rename", + "tags": "interface design", + "css": ".gg-rename{box-sizing:border-box;position:relative;display:block;width:20px;height:16px;transform:scale(var(--ggs,1));background:linear-gradient( to left,currentColor 22px,transparent 0) no-repeat 6px center\/2px 22px}.gg-rename::after,.gg-rename::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:12px;border:2px solid;top:2px}.gg-rename::before{border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.gg-rename::after{width:10px;border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px;right:0}", + "svg": "\n \n \n<\/svg>" + } ], "reorder": [ - [ - { - "nr": 546, - "name": "reorder", - "css": ".gg-reorder{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:2px;border-radius:3px;background:currentColor}.gg-reorder::after,.gg-reorder::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px}.gg-reorder::before{border:2px solid;width:6px;height:6px;left:12px;top:-2px}.gg-reorder::after{top:-4px;left:0;width:10px;height:2px;opacity:.5;background:currentColor;box-shadow:0 8px 0 0,0 12px 0 0,0 16px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/reorder.css');", - "json": "https:\/\/css.gg\/json?=reorder", - "xml": "https:\/\/css.gg\/xml?=reorder", - "svg_link": "https:\/\/css.gg\/reorder.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledReorder = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 2px;\n border-radius: 3px;\n background: currentColor;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n }\n &::before {\n border: 2px solid;\n width: 6px;\n height: 6px;\n left: 12px;\n top: -2px;\n }\n &::after {\n top: -4px;\n left: 0;\n width: 10px;\n height: 2px;\n opacity: 0.5;\n background: currentColor;\n box-shadow: 0 8px 0 0, 0 12px 0 0, 0 16px 0 0;\n }\n`\n\nexport const Reorder = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 546, + "name": "reorder", + "tags": "interface", + "css": ".gg-reorder{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:2px;border-radius:3px;background:currentColor}.gg-reorder::after,.gg-reorder::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px}.gg-reorder::before{border:2px solid;width:6px;height:6px;left:12px;top:-2px}.gg-reorder::after{top:-4px;left:0;width:10px;height:2px;opacity:.5;background:currentColor;box-shadow:0 8px 0 0,0 12px 0 0,0 16px 0 0}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "repeat": [ - [ - { - "nr": 547, - "name": "repeat", - "css": ".gg-repeat{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));box-shadow:-2px -2px 0 0,2px 2px 0 0;width:14px;height:6px}.gg-repeat::after,.gg-repeat::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.gg-repeat::before{border-left:5px solid;top:-4px;right:0}.gg-repeat::after{border-right:5px solid;bottom:-4px;left:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/repeat.css');", - "json": "https:\/\/css.gg\/json?=repeat", - "xml": "https:\/\/css.gg\/xml?=repeat", - "svg_link": "https:\/\/css.gg\/repeat.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRepeat = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n box-shadow: -2px -2px 0 0, 2px 2px 0 0;\n width: 14px;\n height: 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 0;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n }\n &::before {\n border-left: 5px solid;\n top: -4px;\n right: 0;\n }\n &::after {\n border-right: 5px solid;\n bottom: -4px;\n left: 0;\n }\n`\n\nexport const Repeat = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 547, + "name": "repeat", + "tags": "interface arrows", + "css": ".gg-repeat{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));box-shadow:-2px -2px 0 0,2px 2px 0 0;width:14px;height:6px}.gg-repeat::after,.gg-repeat::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.gg-repeat::before{border-left:5px solid;top:-4px;right:0}.gg-repeat::after{border-right:5px solid;bottom:-4px;left:0}", + "svg": "\n \n \n<\/svg>" + } ], "ring": [ - [ - { - "nr": 548, - "name": "ring", - "css": ".gg-ring{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-ring::after,.gg-ring::before{content:\"\";display:block;position:absolute;border:2px solid;box-sizing:border-box}.gg-ring::before{border-top-right-radius:100px;transform:rotate(-45deg);width:8px;height:8px;left:6px;top:-1px}.gg-ring::after{width:18px;height:18px;border-radius:100px;border-top-color:transparent;left:1px;top:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/ring.css');", - "json": "https:\/\/css.gg\/json?=ring", - "xml": "https:\/\/css.gg\/xml?=ring", - "svg_link": "https:\/\/css.gg\/ring.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRing = 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: 20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n border: 2px solid;\n box-sizing: border-box;\n }\n &::before {\n border-top-right-radius: 100px;\n transform: rotate(-45deg);\n width: 8px;\n height: 8px;\n left: 6px;\n top: -1px;\n }\n &::after {\n width: 18px;\n height: 18px;\n border-radius: 100px;\n border-top-color: transparent;\n left: 1px;\n top: 2px;\n }\n`\n\nexport const Ring = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 548, + "name": "ring", + "tags": "design", + "css": ".gg-ring{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-ring::after,.gg-ring::before{content:\"\";display:block;position:absolute;border:2px solid;box-sizing:border-box}.gg-ring::before{border-top-right-radius:100px;transform:rotate(-45deg);width:8px;height:8px;left:6px;top:-1px}.gg-ring::after{width:18px;height:18px;border-radius:100px;border-top-color:transparent;left:1px;top:2px}", + "svg": "\n \n \n<\/svg>" + } ], "row-first": [ - [ - { - "nr": 549, - "name": "row-first", - "css": ".gg-row-first{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:10px}.gg-row-first::after,.gg-row-first::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:2px;background:currentColor}.gg-row-first::before{width:10px;top:4px;opacity:.5;box-shadow:0 4px 0}.gg-row-first::after{width:14px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/row-first.css');", - "json": "https:\/\/css.gg\/json?=row-first", - "xml": "https:\/\/css.gg\/xml?=row-first", - "svg_link": "https:\/\/css.gg\/row-first.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n <\/g>\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRowFirst = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 10px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n height: 2px;\n background: currentColor;\n }\n &::before {\n width: 10px;\n top: 4px;\n opacity: 0.5;\n box-shadow: 0 4px 0;\n }\n &::after {\n width: 14px;\n }\n`\n\nexport const RowFirst = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 549, + "name": "row-first", + "tags": "interface design", + "css": ".gg-row-first{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:10px}.gg-row-first::after,.gg-row-first::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:2px;background:currentColor}.gg-row-first::before{width:10px;top:4px;opacity:.5;box-shadow:0 4px 0}.gg-row-first::after{width:14px}", + "svg": "\n \n \n \n <\/g>\n \n<\/svg>" + } ], "row-last": [ - [ - { - "nr": 550, - "name": "row-last", - "css": ".gg-row-last{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:10px}.gg-row-last::after,.gg-row-last::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:2px;background:currentColor}.gg-row-last::before{width:10px;opacity:.5;box-shadow:0 4px 0}.gg-row-last::after{width:14px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/row-last.css');", - "json": "https:\/\/css.gg\/json?=row-last", - "xml": "https:\/\/css.gg\/xml?=row-last", - "svg_link": "https:\/\/css.gg\/row-last.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n <\/g>\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRowLast = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 10px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n height: 2px;\n background: currentColor;\n }\n &::before {\n width: 10px;\n opacity: 0.5;\n box-shadow: 0 4px 0;\n }\n &::after {\n width: 14px;\n bottom: 0;\n }\n`\n\nexport const RowLast = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 550, + "name": "row-last", + "tags": "interface design", + "css": ".gg-row-last{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:10px}.gg-row-last::after,.gg-row-last::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;height:2px;background:currentColor}.gg-row-last::before{width:10px;opacity:.5;box-shadow:0 4px 0}.gg-row-last::after{width:14px;bottom:0}", + "svg": "\n \n \n \n <\/g>\n \n<\/svg>" + } ], "ruler": [ - [ - { - "nr": 551, - "name": "ruler", - "css": ".gg-ruler{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:13px;border:2px solid;border-radius:3px}.gg-ruler::after,.gg-ruler::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:5px;background:currentColor;left:7px;top:-1px;box-shadow:8px 0 0}.gg-ruler::before{height:7px;left:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/ruler.css');", - "json": "https:\/\/css.gg\/json?=ruler", - "xml": "https:\/\/css.gg\/xml?=ruler", - "svg_link": "https:\/\/css.gg\/ruler.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledRuler = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 13px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n height: 5px;\n background: currentColor;\n left: 7px;\n top: -1px;\n box-shadow: 8px 0 0;\n }\n &::before {\n height: 7px;\n left: 3px;\n }\n`\n\nexport const Ruler = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 551, + "name": "ruler", + "tags": "content interface", + "css": ".gg-ruler{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:13px;border:2px solid;border-radius:3px}.gg-ruler::after,.gg-ruler::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:5px;background:currentColor;left:7px;top:-1px;box-shadow:8px 0 0}.gg-ruler::before{height:7px;left:3px}", + "svg": "\n \n<\/svg>" + } ], "sand-clock": [ - [ - { - "nr": 552, - "name": "sand-clock", - "css": ".gg-sand-clock{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:20px;border-top:2px solid;border-bottom:2px solid}.gg-sand-clock::after,.gg-sand-clock::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-sand-clock::before{border-top-left-radius:14px;border-top-right-radius:14px;bottom:-2px;width:10px;height:10px;border:2px solid;left:1px}.gg-sand-clock::after{width:6px;height:6px;border:2px solid transparent;border-bottom-left-radius:14px;border-bottom-right-radius:14px;top:0;left:3px;box-shadow:0 0 0 2px,inset 2px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/sand-clock.css');", - "json": "https:\/\/css.gg\/json?=sand-clock", - "xml": "https:\/\/css.gg\/xml?=sand-clock", - "svg_link": "https:\/\/css.gg\/sand-clock.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSandClock = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 20px;\n border-top: 2px solid;\n border-bottom: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-top-left-radius: 14px;\n border-top-right-radius: 14px;\n bottom: -2px;\n width: 10px;\n height: 10px;\n border: 2px solid;\n left: 1px;\n }\n &::after {\n width: 6px;\n height: 6px;\n border: 2px solid transparent;\n border-bottom-left-radius: 14px;\n border-bottom-right-radius: 14px;\n top: 0;\n left: 3px;\n box-shadow: 0 0 0 2px, inset 2px 0 0;\n }\n`\n\nexport const SandClock = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 552, + "name": "sand-clock", + "tags": "interface", + "css": ".gg-sand-clock{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:20px;border-top:2px solid;border-bottom:2px solid}.gg-sand-clock::after,.gg-sand-clock::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-sand-clock::before{border-top-left-radius:14px;border-top-right-radius:14px;bottom:-2px;width:10px;height:10px;border:2px solid;left:1px}.gg-sand-clock::after{width:6px;height:6px;border:2px solid transparent;border-bottom-left-radius:14px;border-bottom-right-radius:14px;top:0;left:3px;box-shadow:0 0 0 2px,inset 2px 0 0}", + "svg": "\n \n \n<\/svg>" + } ], "scan": [ - [ - { - "nr": 553, - "name": "scan", - "css": ".gg-scan{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\/2px 22px}.gg-scan::after,.gg-scan::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;border:2px solid;top:2px}.gg-scan::before{border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.gg-scan::after{border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/scan.css');", - "json": "https:\/\/css.gg\/json?=scan", - "xml": "https:\/\/css.gg\/xml?=scan", - "svg_link": "https:\/\/css.gg\/scan.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledScan = 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\/2px 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 14px;\n border: 2px solid;\n top: 2px;\n }\n &::before {\n border-right: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n }\n &::after {\n border-left: 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n right: 0;\n }\n`\n\nexport const Scan = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 553, + "name": "scan", + "tags": "interface", + "css": ".gg-scan{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\/2px 22px}.gg-scan::after,.gg-scan::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:14px;border:2px solid;top:2px}.gg-scan::before{border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px}.gg-scan::after{border-left:0;border-top-right-radius:3px;border-bottom-right-radius:3px;right:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "screen-mirror": [ - [ - { - "nr": 554, - "name": "screen-mirror", - "css": ".gg-screen-mirror{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:10px;border:2px solid;border-bottom:0}.gg-screen-mirror::after,.gg-screen-mirror::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-screen-mirror::after{border-bottom:5px solid;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;bottom:-2px;left:3px}.gg-screen-mirror::before{width:18px;height:2px;left:-2px;bottom:0;border-left:5px solid;border-right:5px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/screen-mirror.css');", - "json": "https:\/\/css.gg\/json?=screen-mirror", - "xml": "https:\/\/css.gg\/xml?=screen-mirror", - "svg_link": "https:\/\/css.gg\/screen-mirror.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledScreenMirror = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 10px;\n border: 2px solid;\n border-bottom: 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n border-bottom: 5px solid;\n width: 0;\n height: 0;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n bottom: -2px;\n left: 3px;\n }\n &::before {\n width: 18px;\n height: 2px;\n left: -2px;\n bottom: 0;\n border-left: 5px solid;\n border-right: 5px solid;\n }\n`\n\nexport const ScreenMirror = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 554, + "name": "screen-mirror", + "tags": "interface arrows multimedia", + "css": ".gg-screen-mirror{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:10px;border:2px solid;border-bottom:0}.gg-screen-mirror::after,.gg-screen-mirror::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-screen-mirror::after{border-bottom:5px solid;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;bottom:-2px;left:3px}.gg-screen-mirror::before{width:18px;height:2px;left:-2px;bottom:0;border-left:5px solid;border-right:5px solid}", + "svg": "\n \n \n<\/svg>" + } ], "screen-shot": [ - [ - { - "nr": 555, - "name": "screen-shot", - "css": ".gg-screen-shot{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:20px;border:2px solid;border-radius:1px}.gg-screen-shot::after,.gg-screen-shot::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:4px}.gg-screen-shot::before{border-bottom:2px solid;border-right:2px solid;bottom:2px;right:2px}.gg-screen-shot::after{border-top:2px solid;border-left:2px solid;top:2px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/screen-shot.css');", - "json": "https:\/\/css.gg\/json?=screen-shot", - "xml": "https:\/\/css.gg\/xml?=screen-shot", - "svg_link": "https:\/\/css.gg\/screen-shot.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledScreenShot = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 20px;\n border: 2px solid;\n border-radius: 1px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 4px;\n height: 4px;\n }\n &::before {\n border-bottom: 2px solid;\n border-right: 2px solid;\n bottom: 2px;\n right: 2px;\n }\n &::after {\n border-top: 2px solid;\n border-left: 2px solid;\n top: 2px;\n left: 2px;\n }\n`\n\nexport const ScreenShot = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 555, + "name": "screen-shot", + "tags": "multimedia interface arrows", + "css": ".gg-screen-shot{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:20px;border:2px solid;border-radius:1px}.gg-screen-shot::after,.gg-screen-shot::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:4px}.gg-screen-shot::before{border-bottom:2px solid;border-right:2px solid;bottom:2px;right:2px}.gg-screen-shot::after{border-top:2px solid;border-left:2px solid;top:2px;left:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "screen-wide": [ - [ - { - "nr": 556, - "name": "screen-wide", - "css": ".gg-screen-wide{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:11px;border:2px solid;border-radius:3px;margin-top:-4px}.gg-screen-wide::after,.gg-screen-wide::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:8px;height:2px;background:currentColor;top:10px;left:6px}.gg-screen-wide::before{width:2px;height:4px;top:8px;left:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/screen-wide.css');", - "json": "https:\/\/css.gg\/json?=screen-wide", - "xml": "https:\/\/css.gg\/xml?=screen-wide", - "svg_link": "https:\/\/css.gg\/screen-wide.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledScreenWide = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 11px;\n border: 2px solid;\n border-radius: 3px;\n margin-top: -4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 8px;\n height: 2px;\n background: currentColor;\n top: 10px;\n left: 6px;\n }\n &::before {\n width: 2px;\n height: 4px;\n top: 8px;\n left: 9px;\n }\n`\n\nexport const ScreenWide = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 556, + "name": "screen-wide", + "tags": "devices multimedia", + "css": ".gg-screen-wide{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:11px;border:2px solid;border-radius:3px;margin-top:-4px}.gg-screen-wide::after,.gg-screen-wide::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:8px;height:2px;background:currentColor;top:10px;left:6px}.gg-screen-wide::before{width:2px;height:4px;top:8px;left:9px}", + "svg": "\n \n<\/svg>" + } ], "screen": [ - [ - { - "nr": 557, - "name": "screen", - "css": ".gg-screen{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:14px;border:2px solid;border-radius:3px;margin-top:-4px}.gg-screen::after,.gg-screen::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:10px;height:2px;background:currentColor;top:14px;left:4px}.gg-screen::before{width:2px;height:6px;top:10px;left:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/screen.css');", - "json": "https:\/\/css.gg\/json?=screen", - "xml": "https:\/\/css.gg\/xml?=screen", - "svg_link": "https:\/\/css.gg\/screen.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledScreen = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 14px;\n border: 2px solid;\n border-radius: 3px;\n margin-top: -4px;\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: 2px;\n background: currentColor;\n top: 14px;\n left: 4px;\n }\n &::before {\n width: 2px;\n height: 6px;\n top: 10px;\n left: 8px;\n }\n`\n\nexport const Screen = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 557, + "name": "screen", + "tags": "interface devices multimedia", + "css": ".gg-screen{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:14px;border:2px solid;border-radius:3px;margin-top:-4px}.gg-screen::after,.gg-screen::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:10px;height:2px;background:currentColor;top:14px;left:4px}.gg-screen::before{width:2px;height:6px;top:10px;left:8px}", + "svg": "\n \n<\/svg>" + } ], "scroll-h": [ - [ - { - "nr": 558, - "name": "scroll-h", - "css": ".gg-scroll-h,.gg-scroll-h::after,.gg-scroll-h::before{display:block;box-sizing:border-box;width:6px;height:6px}.gg-scroll-h{position:relative;transform:scale(var(--ggs,1));border:2px solid;border-radius:10px}.gg-scroll-h::after,.gg-scroll-h::before{content:\"\";position:absolute;transform:rotate(45deg);top:-2px}.gg-scroll-h::after{border-top:2px solid;border-right:2px solid;right:-8px}.gg-scroll-h::before{border-bottom:2px solid;border-left:2px solid;left:-8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/scroll-h.css');", - "json": "https:\/\/css.gg\/json?=scroll-h", - "xml": "https:\/\/css.gg\/xml?=scroll-h", - "svg_link": "https:\/\/css.gg\/scroll-h.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledScrollH = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n width: 6px;\n height: 6px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 10px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n transform: rotate(45deg);\n top: -2px;\n }\n &::after {\n border-top: 2px solid;\n border-right: 2px solid;\n right: -8px;\n }\n &::before {\n border-bottom: 2px solid;\n border-left: 2px solid;\n left: -8px;\n }\n`\n\nexport const ScrollH = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 558, + "name": "scroll-h", + "tags": "interface", + "css": ".gg-scroll-h,.gg-scroll-h::after,.gg-scroll-h::before{display:block;box-sizing:border-box;width:6px;height:6px}.gg-scroll-h{position:relative;transform:scale(var(--ggs,1));border:2px solid;border-radius:10px}.gg-scroll-h::after,.gg-scroll-h::before{content:\"\";position:absolute;transform:rotate(45deg);top:-2px}.gg-scroll-h::after{border-top:2px solid;border-right:2px solid;right:-8px}.gg-scroll-h::before{border-bottom:2px solid;border-left:2px solid;left:-8px}", + "svg": "\n \n \n \n<\/svg>" + } ], "scroll-v": [ - [ - { - "nr": 559, - "name": "scroll-v", - "css": ".gg-scroll-v,.gg-scroll-v::after,.gg-scroll-v::before{display:block;box-sizing:border-box;width:6px;height:6px}.gg-scroll-v{position:relative;transform:scale(var(--ggs,1));border:2px solid;border-radius:10px}.gg-scroll-v::after,.gg-scroll-v::before{content:\"\";position:absolute;transform:rotate(-45deg);left:-2px}.gg-scroll-v::after{border-bottom:2px solid;border-left:2px solid;bottom:-8px}.gg-scroll-v::before{border-top:2px solid;border-right:2px solid;top:-8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/scroll-v.css');", - "json": "https:\/\/css.gg\/json?=scroll-v", - "xml": "https:\/\/css.gg\/xml?=scroll-v", - "svg_link": "https:\/\/css.gg\/scroll-v.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledScrollV = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n width: 6px;\n height: 6px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 10px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n transform: rotate(-45deg);\n left: -2px;\n }\n &::after {\n border-bottom: 2px solid;\n border-left: 2px solid;\n bottom: -8px;\n }\n &::before {\n border-top: 2px solid;\n border-right: 2px solid;\n top: -8px;\n }\n`\n\nexport const ScrollV = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 559, + "name": "scroll-v", + "tags": "interface", + "css": ".gg-scroll-v,.gg-scroll-v::after,.gg-scroll-v::before{display:block;box-sizing:border-box;width:6px;height:6px}.gg-scroll-v{position:relative;transform:scale(var(--ggs,1));border:2px solid;border-radius:10px}.gg-scroll-v::after,.gg-scroll-v::before{content:\"\";position:absolute;transform:rotate(-45deg);left:-2px}.gg-scroll-v::after{border-bottom:2px solid;border-left:2px solid;bottom:-8px}.gg-scroll-v::before{border-top:2px solid;border-right:2px solid;top:-8px}", + "svg": "\n \n \n \n<\/svg>" + } ], "search-found": [ - [ - { - "nr": 560, - "name": "search-found", - "css": ".gg-search-found{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%;margin-left:-4px;margin-top:-4px}.gg-search-found::after,.gg-search-found::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-search-found::after{border-radius:3px;width:2px;height:8px;background:currentColor;transform:rotate(-45deg);top:10px;left:12px}.gg-search-found::before{width:6px;height:4px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-40deg);top:3px;left:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/search-found.css');", - "json": "https:\/\/css.gg\/json?=search-found", - "xml": "https:\/\/css.gg\/xml?=search-found", - "svg_link": "https:\/\/css.gg\/search-found.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSearchFound = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-radius: 100%;\n margin-left: -4px;\n margin-top: -4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n border-radius: 3px;\n width: 2px;\n height: 8px;\n background: currentColor;\n transform: rotate(-45deg);\n top: 10px;\n left: 12px;\n }\n &::before {\n width: 6px;\n height: 4px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n transform: rotate(-40deg);\n top: 3px;\n left: 3px;\n }\n`\n\nexport const SearchFound = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 560, + "name": "search-found", + "tags": "interface", + "css": ".gg-search-found{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%;margin-left:-4px;margin-top:-4px}.gg-search-found::after,.gg-search-found::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-search-found::after{border-radius:3px;width:2px;height:8px;background:currentColor;transform:rotate(-45deg);top:10px;left:12px}.gg-search-found::before{width:6px;height:4px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-40deg);top:3px;left:3px}", + "svg": "\n \n \n<\/svg>" + } ], "search-loading": [ - [ - { - "nr": 561, - "name": "search-loading", - "css": ".gg-search-loading{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%;margin-left:-4px;margin-top:-4px}.gg-search-loading::after,.gg-search-loading::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;background:currentColor}.gg-search-loading::after{border-radius:3px;height:8px;transform:rotate(-45deg);top:10px;left:12px}.gg-search-loading::before{height:2px;border-radius:100%;top:5px;left:5px;box-shadow:-3px 0 0,3px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/search-loading.css');", - "json": "https:\/\/css.gg\/json?=search-loading", - "xml": "https:\/\/css.gg\/xml?=search-loading", - "svg_link": "https:\/\/css.gg\/search-loading.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSearchLoading = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-radius: 100%;\n margin-left: -4px;\n margin-top: -4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n background: currentColor;\n }\n &::after {\n border-radius: 3px;\n height: 8px;\n transform: rotate(-45deg);\n top: 10px;\n left: 12px;\n }\n &::before {\n height: 2px;\n border-radius: 100%;\n top: 5px;\n left: 5px;\n box-shadow: -3px 0 0, 3px 0 0;\n }\n`\n\nexport const SearchLoading = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 561, + "name": "search-loading", + "tags": "interface", + "css": ".gg-search-loading{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%;margin-left:-4px;margin-top:-4px}.gg-search-loading::after,.gg-search-loading::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;background:currentColor}.gg-search-loading::after{border-radius:3px;height:8px;transform:rotate(-45deg);top:10px;left:12px}.gg-search-loading::before{height:2px;border-radius:100%;top:5px;left:5px;box-shadow:-3px 0 0,3px 0 0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "search": [ - [ - { - "nr": 562, - "name": "search", - "css": ".gg-search{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%;margin-left:-4px;margin-top:-4px}.gg-search::after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:8px;background:currentColor;transform:rotate(-45deg);top:10px;left:12px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/search.css');", - "json": "https:\/\/css.gg\/json?=search", - "xml": "https:\/\/css.gg\/xml?=search", - "svg_link": "https:\/\/css.gg\/search.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSearch = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-radius: 100%;\n margin-left: -4px;\n margin-top: -4px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n height: 8px;\n background: currentColor;\n transform: rotate(-45deg);\n top: 10px;\n left: 12px;\n }\n`\n\nexport const Search = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 562, + "name": "search", + "tags": "interface", + "css": ".gg-search{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%;margin-left:-4px;margin-top:-4px}.gg-search::after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:8px;background:currentColor;transform:rotate(-45deg);top:10px;left:12px}", + "svg": "\n \n<\/svg>" + } ], "select-o": [ - [ - { - "nr": 563, - "name": "select-o", - "css": ".gg-select-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:20px;}.gg-select-o::after,.gg-select-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;left:6px;transform:rotate(-45deg)}.gg-select-o::before{border-left:2px solid;border-bottom:2px solid;bottom:4px}.gg-select-o::after{border-right:2px solid;border-top:2px solid;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/select-o.css');", - "json": "https:\/\/css.gg\/json?=select-o", - "xml": "https:\/\/css.gg\/xml?=select-o", - "svg_link": "https:\/\/css.gg\/select-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSelectO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 20px;\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 left: 6px;\n transform: rotate(-45deg);\n }\n &::before {\n border-left: 2px solid;\n border-bottom: 2px solid;\n bottom: 4px;\n }\n &::after {\n border-right: 2px solid;\n border-top: 2px solid;\n top: 4px;\n }\n`\n\nexport const SelectO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 563, + "name": "select-o", + "tags": "interface arrows", + "css": ".gg-select-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:20px;}.gg-select-o::after,.gg-select-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;left:6px;transform:rotate(-45deg)}.gg-select-o::before{border-left:2px solid;border-bottom:2px solid;bottom:4px}.gg-select-o::after{border-right:2px solid;border-top:2px solid;top:4px}", + "svg": "\n \n \n \n<\/svg>" + } ], "select-r": [ - [ - { - "nr": 564, - "name": "select-r", - "css": ".gg-select-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px;}.gg-select-r::after,.gg-select-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;left:6px;transform:rotate(-45deg)}.gg-select-r::before{border-left:2px solid;border-bottom:2px solid;bottom:4px}.gg-select-r::after{border-right:2px solid;border-top:2px solid;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/select-r.css');", - "json": "https:\/\/css.gg\/json?=select-r", - "xml": "https:\/\/css.gg\/xml?=select-r", - "svg_link": "https:\/\/css.gg\/select-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSelectR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 4px;\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 left: 6px;\n transform: rotate(-45deg);\n }\n &::before {\n border-left: 2px solid;\n border-bottom: 2px solid;\n bottom: 4px;\n }\n &::after {\n border-right: 2px solid;\n border-top: 2px solid;\n top: 4px;\n }\n`\n\nexport const SelectR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 564, + "name": "select-r", + "tags": "interface arrows", + "css": ".gg-select-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;border:2px solid;border-radius:4px;}.gg-select-r::after,.gg-select-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;left:6px;transform:rotate(-45deg)}.gg-select-r::before{border-left:2px solid;border-bottom:2px solid;bottom:4px}.gg-select-r::after{border-right:2px solid;border-top:2px solid;top:4px}", + "svg": "\n \n \n \n<\/svg>" + } ], "select": [ - [ - { - "nr": 565, - "name": "select", - "css": ".gg-select{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-select::after,.gg-select::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;left:7px;transform:rotate(-45deg)}.gg-select::before{border-left:2px solid;border-bottom:2px solid;bottom:4px}.gg-select::after{border-right:2px solid;border-top:2px solid;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/select.css');", - "json": "https:\/\/css.gg\/json?=select", - "xml": "https:\/\/css.gg\/xml?=select", - "svg_link": "https:\/\/css.gg\/select.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSelect = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n left: 7px;\n transform: rotate(-45deg);\n }\n &::before {\n border-left: 2px solid;\n border-bottom: 2px solid;\n bottom: 4px;\n }\n &::after {\n border-right: 2px solid;\n border-top: 2px solid;\n top: 4px;\n }\n`\n\nexport const Select = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 565, + "name": "select", + "tags": "interface arrows", + "css": ".gg-select{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-select::after,.gg-select::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;left:7px;transform:rotate(-45deg)}.gg-select::before{border-left:2px solid;border-bottom:2px solid;bottom:4px}.gg-select::after{border-right:2px solid;border-top:2px solid;top:4px}", + "svg": "\n \n \n<\/svg>" + } ], "server": [ - [ - { - "nr": 566, - "name": "server", - "css": ".gg-server{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:20px;border:2px solid;border-radius:3px}.gg-server::after,.gg-server::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor}.gg-server::before{top:2px;box-shadow:0 4px 0;border-radius:3px;width:8px;left:2px}.gg-server::after{width:2px;border-radius:10px;left:5px;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/server.css');", - "json": "https:\/\/css.gg\/json?=server", - "xml": "https:\/\/css.gg\/xml?=server", - "svg_link": "https:\/\/css.gg\/server.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledServer = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 20px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n background: currentColor;\n }\n &::before {\n top: 2px;\n box-shadow: 0 4px 0;\n border-radius: 3px;\n width: 8px;\n left: 2px;\n }\n &::after {\n width: 2px;\n border-radius: 10px;\n left: 5px;\n bottom: 2px;\n }\n`\n\nexport const Server = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 566, + "name": "server", + "tags": "devices", + "css": ".gg-server{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:20px;border:2px solid;border-radius:3px}.gg-server::after,.gg-server::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor}.gg-server::before{top:2px;box-shadow:0 4px 0;border-radius:3px;width:8px;left:2px}.gg-server::after{width:2px;border-radius:10px;left:5px;bottom:2px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "serverless": [ - [ - { - "nr": 567, - "name": "serverless", - "css": ".gg-serverless{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:15px;height:13px;overflow:hidden}.gg-serverless::after,.gg-serverless::before{background:currentColor;content:\"\";box-sizing:border-box;position:absolute;display:block;height:3px;box-shadow:0 5px 0,0 10px 0;transform:skew(-20deg)}.gg-serverless::before{width:8px;left:-2px}.gg-serverless::after{width:12px;right:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/serverless.css');", - "json": "https:\/\/css.gg\/json?=serverless", - "xml": "https:\/\/css.gg\/xml?=serverless", - "svg_link": "https:\/\/css.gg\/serverless.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledServerless = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 15px;\n height: 13px;\n overflow: hidden;\n }\n &::after,\n &::before {\n background: currentColor;\n content: '';\n box-sizing: border-box;\n position: absolute;\n display: block;\n height: 3px;\n box-shadow: 0 5px 0, 0 10px 0;\n transform: skew(-20deg);\n }\n &::before {\n width: 8px;\n left: -2px;\n }\n &::after {\n width: 12px;\n right: -5px;\n }\n`\n\nexport const Serverless = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 567, + "name": "serverless", + "tags": "brands", + "css": ".gg-serverless{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:15px;height:13px;overflow:hidden}.gg-serverless::after,.gg-serverless::before{background:currentColor;content:\"\";box-sizing:border-box;position:absolute;display:block;height:3px;box-shadow:0 5px 0,0 10px 0;transform:skew(-20deg)}.gg-serverless::before{width:8px;left:-2px}.gg-serverless::after{width:12px;right:-5px}", + "svg": "\n \n \n \n \n \n \n<\/svg>" + } ], "shape-circle": [ - [ - { - "nr": 568, - "name": "shape-circle", - "css": ".gg-shape-circle{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:3px solid;border-radius:100px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shape-circle.css');", - "json": "https:\/\/css.gg\/json?=shape-circle", - "xml": "https:\/\/css.gg\/xml?=shape-circle", - "svg_link": "https:\/\/css.gg\/shape-circle.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShapeCircle = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 3px solid;\n border-radius: 100px;\n }\n`\n\nexport const ShapeCircle = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 568, + "name": "shape-circle", + "tags": "design shapes", + "css": ".gg-shape-circle{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:3px solid;border-radius:100px}", + "svg": "\n \n<\/svg>" + } ], "shape-half-circle": [ - [ - { - "nr": 569, - "name": "shape-half-circle", - "css": ".gg-shape-half-circle{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:16px;border:3px solid;border-top-left-radius:100px;border-bottom-left-radius:100px;border-right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shape-half-circle.css');", - "json": "https:\/\/css.gg\/json?=shape-half-circle", - "xml": "https:\/\/css.gg\/xml?=shape-half-circle", - "svg_link": "https:\/\/css.gg\/shape-half-circle.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShapeHalfCircle = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 16px;\n border: 3px solid;\n border-top-left-radius: 100px;\n border-bottom-left-radius: 100px;\n border-right: 0;\n }\n`\n\nexport const ShapeHalfCircle = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 569, + "name": "shape-half-circle", + "tags": "design shapes", + "css": ".gg-shape-half-circle{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:16px;border:3px solid;border-top-left-radius:100px;border-bottom-left-radius:100px;border-right:0}", + "svg": "\n \n<\/svg>" + } ], "shape-hexagon": [ - [ - { - "nr": 570, - "name": "shape-hexagon", - "css": ".gg-shape-hexagon,.gg-shape-hexagon::after,.gg-shape-hexagon::before{display:block;box-sizing:border-box;width:18px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor}.gg-shape-hexagon{position:relative;transform:scale(var(--ggs,1))}.gg-shape-hexagon::after,.gg-shape-hexagon::before{content:\"\";position:absolute;left:-3px}.gg-shape-hexagon::before{transform:rotate(60deg)}.gg-shape-hexagon::after{transform:rotate(-60deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shape-hexagon.css');", - "json": "https:\/\/css.gg\/json?=shape-hexagon", - "xml": "https:\/\/css.gg\/xml?=shape-hexagon", - "svg_link": "https:\/\/css.gg\/shape-hexagon.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShapeHexagon = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n width: 18px;\n height: 10px;\n border-left: 3px solid currentColor;\n border-right: 3px solid currentColor;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n left: -3px;\n }\n &::before {\n transform: rotate(60deg);\n }\n &::after {\n transform: rotate(-60deg);\n }\n`\n\nexport const ShapeHexagon = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 570, + "name": "shape-hexagon", + "tags": "design shapes", + "css": ".gg-shape-hexagon,.gg-shape-hexagon::after,.gg-shape-hexagon::before{display:block;box-sizing:border-box;width:18px;height:10px;border-left:3px solid currentColor;border-right:3px solid currentColor}.gg-shape-hexagon{position:relative;transform:scale(var(--ggs,1))}.gg-shape-hexagon::after,.gg-shape-hexagon::before{content:\"\";position:absolute;left:-3px}.gg-shape-hexagon::before{transform:rotate(60deg)}.gg-shape-hexagon::after{transform:rotate(-60deg)}", + "svg": "\n \n<\/svg>" + } ], "shape-rhombus": [ - [ - { - "nr": 571, - "name": "shape-rhombus", - "css": ".gg-shape-rhombus{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:14px;height:14px;border:3px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shape-rhombus.css');", - "json": "https:\/\/css.gg\/json?=shape-rhombus", - "xml": "https:\/\/css.gg\/xml?=shape-rhombus", - "svg_link": "https:\/\/css.gg\/shape-rhombus.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShapeRhombus = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n border: 3px solid;\n }\n`\n\nexport const ShapeRhombus = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 571, + "name": "shape-rhombus", + "tags": "design shapes", + "css": ".gg-shape-rhombus{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:14px;height:14px;border:3px solid}", + "svg": "\n \n<\/svg>" + } ], "shape-square": [ - [ - { - "nr": 572, - "name": "shape-square", - "css": ".gg-shape-square{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:3px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shape-square.css');", - "json": "https:\/\/css.gg\/json?=shape-square", - "xml": "https:\/\/css.gg\/xml?=shape-square", - "svg_link": "https:\/\/css.gg\/shape-square.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShapeSquare = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 3px solid;\n }\n`\n\nexport const ShapeSquare = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 572, + "name": "shape-square", + "tags": "design shapes", + "css": ".gg-shape-square{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:3px solid}", + "svg": "\n \n<\/svg>" + } ], "shape-triangle": [ - [ - { - "nr": 573, - "name": "shape-triangle", - "css": ".gg-shape-triangle{position:relative;transform:scale(var(--ggs,1));width:22px;height:17px;border-left:3px solid transparent;border-bottom:3px solid}.gg-shape-triangle,.gg-shape-triangle::before{display:block;box-sizing:border-box;border-right:3px solid transparent}.gg-shape-triangle::before{content:\"\";position:absolute;width:20px;height:20px;border-left:3px solid;border-top:3px solid;border-bottom:3px solid transparent;transform:rotate(45deg) skew(10deg,10deg);left:-2px;bottom:-13px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shape-triangle.css');", - "json": "https:\/\/css.gg\/json?=shape-triangle", - "xml": "https:\/\/css.gg\/xml?=shape-triangle", - "svg_link": "https:\/\/css.gg\/shape-triangle.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShapeTriangle = styled.i`\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 17px;\n border-left: 3px solid transparent;\n border-bottom: 3px solid;\n }\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n border-right: 3px solid transparent;\n }\n &::before {\n content: '';\n position: absolute;\n width: 20px;\n height: 20px;\n border-left: 3px solid;\n border-top: 3px solid;\n border-bottom: 3px solid transparent;\n transform: rotate(45deg) skew(10deg, 10deg);\n left: -2px;\n bottom: -13px;\n }\n`\n\nexport const ShapeTriangle = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 573, + "name": "shape-triangle", + "tags": "interface", + "css": ".gg-shape-triangle{position:relative;transform:scale(var(--ggs,1));width:22px;height:17px;border-left:3px solid transparent;border-bottom:3px solid}.gg-shape-triangle,.gg-shape-triangle::before{display:block;box-sizing:border-box;border-right:3px solid transparent}.gg-shape-triangle::before{content:\"\";position:absolute;width:20px;height:20px;border-left:3px solid;border-top:3px solid;border-bottom:3px solid transparent;transform:rotate(45deg) skew(10deg,10deg);left:-2px;bottom:-13px}", + "svg": "\n \n<\/svg>" + } ], "shape-zigzag": [ - [ - { - "nr": 574, - "name": "shape-zigzag", - "css": ".gg-shape-zigzag,.gg-shape-zigzag::after,.gg-shape-zigzag::before{display:block;box-sizing:border-box;width:5px;height:7px;border-left:2px solid;border-bottom:2px solid}.gg-shape-zigzag{margin-left:-18px;transform:rotate(-49deg) scale(var(--ggs,1));position:relative}.gg-shape-zigzag::after,.gg-shape-zigzag::before{content:\"\";position:absolute;left:2px;top:5px}.gg-shape-zigzag::before{left:7px;top:10px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shape-zigzag.css');", - "json": "https:\/\/css.gg\/json?=shape-zigzag", - "xml": "https:\/\/css.gg\/xml?=shape-zigzag", - "svg_link": "https:\/\/css.gg\/shape-zigzag.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShapeZigzag = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n width: 5px;\n height: 7px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n }\n & {\n margin-left: -18px;\n transform: rotate(-49deg) scale(var(--ggs, 1));\n position: relative;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n left: 2px;\n top: 5px;\n }\n &::before {\n left: 7px;\n top: 10px;\n }\n`\n\nexport const ShapeZigzag = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 574, + "name": "shape-zigzag", + "tags": "design shapes", + "css": ".gg-shape-zigzag,.gg-shape-zigzag::after,.gg-shape-zigzag::before{display:block;box-sizing:border-box;width:5px;height:7px;border-left:2px solid;border-bottom:2px solid}.gg-shape-zigzag{margin-left:-18px;transform:rotate(-49deg) scale(var(--ggs,1));position:relative}.gg-shape-zigzag::after,.gg-shape-zigzag::before{content:\"\";position:absolute;left:2px;top:5px}.gg-shape-zigzag::before{left:7px;top:10px}", + "svg": "\n \n<\/svg>" + } ], "share": [ - [ - { - "nr": 575, - "name": "share", - "css": ".gg-share{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:6px;background:currentColor;border-radius:100px;box-shadow:10px -6px 0,10px 6px 0}.gg-share::after,.gg-share::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:10px;height:2px;background:currentColor;left:2px}.gg-share::before{top:0;transform:rotate(-35deg)}.gg-share::after{bottom:0;transform:rotate(35deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/share.css');", - "json": "https:\/\/css.gg\/json?=share", - "xml": "https:\/\/css.gg\/xml?=share", - "svg_link": "https:\/\/css.gg\/share.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShare = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 6px;\n height: 6px;\n background: currentColor;\n border-radius: 100px;\n box-shadow: 10px -6px 0, 10px 6px 0;\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: 2px;\n background: currentColor;\n left: 2px;\n }\n &::before {\n top: 0;\n transform: rotate(-35deg);\n }\n &::after {\n bottom: 0;\n transform: rotate(35deg);\n }\n`\n\nexport const Share = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 575, + "name": "share", + "tags": "interface buttons", + "css": ".gg-share{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:6px;height:6px;background:currentColor;border-radius:100px;box-shadow:10px -6px 0,10px 6px 0}.gg-share::after,.gg-share::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:10px;height:2px;background:currentColor;left:2px}.gg-share::before{top:0;transform:rotate(-35deg)}.gg-share::after{bottom:0;transform:rotate(35deg)}", + "svg": "\n \n<\/svg>" + } ], "shield": [ - [ - { - "nr": 576, - "name": "shield", - "css": ".gg-shield{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:4px;background:currentColor;border-radius:100px;margin-top:-6px}.gg-shield::after,.gg-shield::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:8px;height:16px;border:2px solid}.gg-shield::before{border-bottom-left-radius:40px;border-right:0;left:0}.gg-shield::after{border-bottom-right-radius:40px;border-left:0;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shield.css');", - "json": "https:\/\/css.gg\/json?=shield", - "xml": "https:\/\/css.gg\/xml?=shield", - "svg_link": "https:\/\/css.gg\/shield.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShield = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 4px;\n background: currentColor;\n border-radius: 100px;\n margin-top: -6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 8px;\n height: 16px;\n border: 2px solid;\n }\n &::before {\n border-bottom-left-radius: 40px;\n border-right: 0;\n left: 0;\n }\n &::after {\n border-bottom-right-radius: 40px;\n border-left: 0;\n right: 0;\n }\n`\n\nexport const Shield = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 576, + "name": "shield", + "tags": "interface devices signs", + "css": ".gg-shield{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:4px;background:currentColor;border-radius:100px;margin-top:-6px}.gg-shield::after,.gg-shield::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:8px;height:16px;border:2px solid}.gg-shield::before{border-bottom-left-radius:40px;border-right:0;left:0}.gg-shield::after{border-bottom-right-radius:40px;border-left:0;right:0}", + "svg": "\n \n<\/svg>" + } ], "shopping-bag": [ - [ - { - "nr": 577, - "name": "shopping-bag", - "css": ".gg-shopping-bag{transform:scale(var(--ggs,1))}.gg-shopping-bag,.gg-shopping-bag::after{box-sizing:border-box;position:relative;display:block;width:20px;height:20px;border:2px solid;border-radius:3px}.gg-shopping-bag::after{content:\"\";position:absolute;width:10px;height:6px;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top:0;top:2px;left:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shopping-bag.css');", - "json": "https:\/\/css.gg\/json?=shopping-bag", - "xml": "https:\/\/css.gg\/xml?=shopping-bag", - "svg_link": "https:\/\/css.gg\/shopping-bag.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShoppingBag = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 20px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 10px;\n height: 6px;\n border-bottom-left-radius: 120px;\n border-bottom-right-radius: 120px;\n border-top: 0;\n top: 2px;\n left: 3px;\n }\n`\n\nexport const ShoppingBag = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 577, + "name": "shopping-bag", + "tags": "interface shopping", + "css": ".gg-shopping-bag{transform:scale(var(--ggs,1))}.gg-shopping-bag,.gg-shopping-bag::after{box-sizing:border-box;position:relative;display:block;width:20px;height:20px;border:2px solid;border-radius:3px}.gg-shopping-bag::after{content:\"\";position:absolute;width:10px;height:6px;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top:0;top:2px;left:3px}", + "svg": "\n \n<\/svg>" + } ], "shopping-cart": [ - [ - { - "nr": 578, - "name": "shopping-cart", - "css": ".gg-shopping-cart{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:20px;height:21px;background:linear-gradient(to left,currentColor 12px,transparent 0)no-repeat -1px 6px\/18px 2px,linear-gradient(to left,currentColor 12px,transparent 0)no-repeat 6px 14px\/11px 2px,linear-gradient(to left,currentColor 12px,transparent 0)no-repeat 0 2px\/4px 2px,radial-gradient(circle,currentColor 60%,transparent 40%)no-repeat 12px 17px\/4px 4px,radial-gradient(circle,currentColor 60%,transparent 40%)no-repeat 6px 17px\/4px 4px}.gg-shopping-cart::after,.gg-shopping-cart::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:2px;height:14px;background:currentColor;top:2px;left:4px;transform:skew(12deg)}.gg-shopping-cart::after{height:10px;top:6px;left:16px;transform:skew(-12deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shopping-cart.css');", - "json": "https:\/\/css.gg\/json?=shopping-cart", - "xml": "https:\/\/css.gg\/xml?=shopping-cart", - "svg_link": "https:\/\/css.gg\/shopping-cart.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShoppingCart = styled.i`\n & {\n display: block;\n box-sizing: border-box;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 21px;\n background: linear-gradient(to left, currentColor 12px, transparent 0) no-repeat -1px 6px\/18px 2px,\n linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 6px 14px\/11px 2px,\n linear-gradient(to left, currentColor 12px, transparent 0) no-repeat 0 2px\/4px 2px,\n radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 12px 17px\/4px 4px,\n radial-gradient(circle, currentColor 60%, transparent 40%) no-repeat 6px 17px\/4px 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 2px;\n height: 14px;\n background: currentColor;\n top: 2px;\n left: 4px;\n transform: skew(12deg);\n }\n &::after {\n height: 10px;\n top: 6px;\n left: 16px;\n transform: skew(-12deg);\n }\n`\n\nexport const ShoppingCart = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 578, + "name": "shopping-cart", + "tags": "interface shopping", + "css": ".gg-shopping-cart{display:block;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));width:20px;height:21px;background:linear-gradient(to left,currentColor 12px,transparent 0)no-repeat -1px 6px\/18px 2px,linear-gradient(to left,currentColor 12px,transparent 0)no-repeat 6px 14px\/11px 2px,linear-gradient(to left,currentColor 12px,transparent 0)no-repeat 0 2px\/4px 2px,radial-gradient(circle,currentColor 60%,transparent 40%)no-repeat 12px 17px\/4px 4px,radial-gradient(circle,currentColor 60%,transparent 40%)no-repeat 6px 17px\/4px 4px}.gg-shopping-cart::after,.gg-shopping-cart::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:2px;height:14px;background:currentColor;top:2px;left:4px;transform:skew(12deg)}.gg-shopping-cart::after{height:10px;top:6px;left:16px;transform:skew(-12deg)}", + "svg": "\n \n \n \n<\/svg>" + } ], "shortcut": [ - [ - { - "nr": 579, - "name": "shortcut", - "css": ".gg-shortcut,.gg-shortcut::after{display:block;box-sizing:border-box;border-radius:3px}.gg-shortcut{border:2px solid;position:relative;transform:scale(var(--ggs,1));width:18px;height:18px}.gg-shortcut::after{content:\"\";position:absolute;width:2px;height:12px;background:currentColor;left:6px;top:1px;transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shortcut.css');", - "json": "https:\/\/css.gg\/json?=shortcut", - "xml": "https:\/\/css.gg\/xml?=shortcut", - "svg_link": "https:\/\/css.gg\/shortcut.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShortcut = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n border-radius: 3px;\n }\n & {\n border: 2px solid;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 2px;\n height: 12px;\n background: currentColor;\n left: 6px;\n top: 1px;\n transform: rotate(45deg);\n }\n`\n\nexport const Shortcut = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 579, + "name": "shortcut", + "tags": "interface buttons", + "css": ".gg-shortcut,.gg-shortcut::after{display:block;box-sizing:border-box;border-radius:3px}.gg-shortcut{border:2px solid;position:relative;transform:scale(var(--ggs,1));width:18px;height:18px}.gg-shortcut::after{content:\"\";position:absolute;width:2px;height:12px;background:currentColor;left:6px;top:1px;transform:rotate(45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "shutterstock": [ - [ - { - "nr": 580, - "name": "shutterstock", - "css": ".gg-shutterstock{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:3px}.gg-shutterstock::after,.gg-shutterstock::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-radius:1px}.gg-shutterstock::before{border-bottom:2px solid;border-right:2px solid;bottom:2px;right:2px}.gg-shutterstock::after{border-top:2px solid;border-left:2px solid;top:2px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/shutterstock.css');", - "json": "https:\/\/css.gg\/json?=shutterstock", - "xml": "https:\/\/css.gg\/xml?=shutterstock", - "svg_link": "https:\/\/css.gg\/shutterstock.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledShutterstock = 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: 20px;\n border: 2px solid;\n border-radius: 3px;\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 border-radius: 1px;\n }\n &::before {\n border-bottom: 2px solid;\n border-right: 2px solid;\n bottom: 2px;\n right: 2px;\n }\n &::after {\n border-top: 2px solid;\n border-left: 2px solid;\n top: 2px;\n left: 2px;\n }\n`\n\nexport const Shutterstock = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 580, + "name": "shutterstock", + "tags": "brands", + "css": ".gg-shutterstock{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:3px}.gg-shutterstock::after,.gg-shutterstock::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-radius:1px}.gg-shutterstock::before{border-bottom:2px solid;border-right:2px solid;bottom:2px;right:2px}.gg-shutterstock::after{border-top:2px solid;border-left:2px solid;top:2px;left:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "sidebar-open": [ - [ - { - "nr": 581, - "name": "sidebar-open", - "css": ".gg-sidebar-open{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:16px;border:2px solid}.gg-sidebar-open::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:12px;background:currentColor;top:0;left:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/sidebar-open.css');", - "json": "https:\/\/css.gg\/json?=sidebar-open", - "xml": "https:\/\/css.gg\/xml?=sidebar-open", - "svg_link": "https:\/\/css.gg\/sidebar-open.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSidebarOpen = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 16px;\n border: 2px solid;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 4px;\n height: 12px;\n background: currentColor;\n top: 0;\n left: 0;\n }\n`\n\nexport const SidebarOpen = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 581, + "name": "sidebar-open", + "tags": "interface", + "css": ".gg-sidebar-open{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:16px;border:2px solid}.gg-sidebar-open::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:12px;background:currentColor;top:0;left:0}", + "svg": "\n \n<\/svg>" + } ], "sidebar-right": [ - [ - { - "nr": 582, - "name": "sidebar-right", - "css": ".gg-sidebar-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:16px;border-right:2px solid}.gg-sidebar-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:16px;border:2px solid;top:0;right:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/sidebar-right.css');", - "json": "https:\/\/css.gg\/json?=sidebar-right", - "xml": "https:\/\/css.gg\/xml?=sidebar-right", - "svg_link": "https:\/\/css.gg\/sidebar-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSidebarRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 16px;\n border-right: 2px solid;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 14px;\n height: 16px;\n border: 2px solid;\n top: 0;\n right: 2px;\n }\n`\n\nexport const SidebarRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 582, + "name": "sidebar-right", + "tags": "interface", + "css": ".gg-sidebar-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:16px;border-right:2px solid}.gg-sidebar-right::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;height:16px;border:2px solid;top:0;right:2px}", + "svg": "\n \n \n<\/svg>" + } ], "sidebar": [ - [ - { - "nr": 583, - "name": "sidebar", - "css": ".gg-sidebar,.gg-sidebar::before{display:block;box-sizing:border-box;height:16px}.gg-sidebar{border-left:2px solid;position:relative;transform:scale(var(--ggs,1));width:18px}.gg-sidebar::before{content:\"\";position:absolute;width:14px;border:2px solid;top:0;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/sidebar.css');", - "json": "https:\/\/css.gg\/json?=sidebar", - "xml": "https:\/\/css.gg\/xml?=sidebar", - "svg_link": "https:\/\/css.gg\/sidebar.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSidebar = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 16px;\n }\n & {\n border-left: 2px solid;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 18px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 14px;\n border: 2px solid;\n top: 0;\n left: 2px;\n }\n`\n\nexport const Sidebar = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 583, + "name": "sidebar", + "tags": "interface", + "css": ".gg-sidebar,.gg-sidebar::before{display:block;box-sizing:border-box;height:16px}.gg-sidebar{border-left:2px solid;position:relative;transform:scale(var(--ggs,1));width:18px}.gg-sidebar::before{content:\"\";position:absolute;width:14px;border:2px solid;top:0;left:2px}", + "svg": "\n \n \n<\/svg>" + } ], "signal": [ - [ - { - "nr": 584, - "name": "signal", - "css": ".gg-signal,.gg-signal::after,.gg-signal::before{display:block;box-sizing:border-box;width:2px;border-radius:4px;background:currentColor}.gg-signal{position:relative;transform:scale(var(--ggs,1));height:8px}.gg-signal::after,.gg-signal::before{content:\"\";position:absolute}.gg-signal::before{height:12px;left:4px;bottom:0}.gg-signal::after{height:4px;left:-4px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/signal.css');", - "json": "https:\/\/css.gg\/json?=signal", - "xml": "https:\/\/css.gg\/xml?=signal", - "svg_link": "https:\/\/css.gg\/signal.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSignal = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n width: 2px;\n border-radius: 4px;\n background: currentColor;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n height: 8px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n }\n &::before {\n height: 12px;\n left: 4px;\n bottom: 0;\n }\n &::after {\n height: 4px;\n left: -4px;\n bottom: 0;\n }\n`\n\nexport const Signal = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 584, + "name": "signal", + "tags": "devices multimedia", + "css": ".gg-signal,.gg-signal::after,.gg-signal::before{display:block;box-sizing:border-box;width:2px;border-radius:4px;background:currentColor}.gg-signal{position:relative;transform:scale(var(--ggs,1));height:8px}.gg-signal::after,.gg-signal::before{content:\"\";position:absolute}.gg-signal::before{height:12px;left:4px;bottom:0}.gg-signal::after{height:4px;left:-4px;bottom:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "size": [ - [ - { - "nr": 585, - "name": "size", - "css": ".gg-size{box-sizing:border-box;position:relative;display:block;width:16px;height:16px;transform:scale(var(--ggs,1));border-left:8px solid transparent;box-shadow:inset 0 0 0 2px}.gg-size::after,.gg-size::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:12px;border:2px solid;border-right:0;right:6px;top:2px}.gg-size::before{width:4px;height:8px;right:12px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/size.css');", - "json": "https:\/\/css.gg\/json?=size", - "xml": "https:\/\/css.gg\/xml?=size", - "svg_link": "https:\/\/css.gg\/size.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSize = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 16px;\n height: 16px;\n transform: scale(var(--ggs, 1));\n border-left: 8px solid transparent;\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 width: 6px;\n height: 12px;\n border: 2px solid;\n border-right: 0;\n right: 6px;\n top: 2px;\n }\n &::before {\n width: 4px;\n height: 8px;\n right: 12px;\n top: 4px;\n }\n`\n\nexport const Size = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 585, + "name": "size", + "tags": "signs interface design buttons", + "css": ".gg-size{box-sizing:border-box;position:relative;display:block;width:16px;height:16px;transform:scale(var(--ggs,1));border-left:8px solid transparent;box-shadow:inset 0 0 0 2px}.gg-size::after,.gg-size::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:12px;border:2px solid;border-right:0;right:6px;top:2px}.gg-size::before{width:4px;height:8px;right:12px;top:4px}", + "svg": "\n \n<\/svg>" + } ], "sketch": [ - [ - { - "nr": 586, - "name": "sketch", - "css": ".gg-sketch{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:22px;height:18px;background:linear-gradient(to left,currentColor 16px,transparent 0) no-repeat center 6px\/6px 2px}.gg-sketch::after,.gg-sketch::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;border:2px solid;left:4px}.gg-sketch::before{height:14px;border-top-color:transparent;border-right-color:transparent;transform:rotate(-45deg)skew(-8deg,-8deg);bottom:4px}.gg-sketch::after{height:7px;border-bottom:0;transform:perspective(12px)rotateX(35deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/sketch.css');", - "json": "https:\/\/css.gg\/json?=sketch", - "xml": "https:\/\/css.gg\/xml?=sketch", - "svg_link": "https:\/\/css.gg\/sketch.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSketch = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 18px;\n background: linear-gradient(to left, currentColor 16px, transparent 0) no-repeat center 6px\/6px\n 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 14px;\n border: 2px solid;\n left: 4px;\n }\n &::before {\n height: 14px;\n border-top-color: transparent;\n border-right-color: transparent;\n transform: rotate(-45deg) skew(-8deg, -8deg);\n bottom: 4px;\n }\n &::after {\n height: 7px;\n border-bottom: 0;\n transform: perspective(12px) rotateX(35deg);\n }\n`\n\nexport const Sketch = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 586, + "name": "sketch", + "tags": "multimedia interface", + "css": ".gg-sketch{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:22px;height:18px;background:linear-gradient(to left,currentColor 16px,transparent 0) no-repeat center 6px\/6px 2px}.gg-sketch::after,.gg-sketch::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:14px;border:2px solid;left:4px}.gg-sketch::before{height:14px;border-top-color:transparent;border-right-color:transparent;transform:rotate(-45deg)skew(-8deg,-8deg);bottom:4px}.gg-sketch::after{height:7px;border-bottom:0;transform:perspective(12px)rotateX(35deg)}", + "svg": "\n \n \n<\/svg>" + } ], "slack": [ - [ - { - "nr": 587, - "name": "slack", - "css": ".gg-slack{position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));display:block;width:20px;height:20px;background:linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 7px 2px\/2px 2px,linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 15px 7px\/2px 2px,linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 2px 10px\/2px 2px,linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 10px 15px\/2px 2px,linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 10px 2px\/4px 5px,linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 5px 12px\/4px 5px}.gg-slack::after,.gg-slack::before{background:currentColor;content:\"\";position:absolute;box-sizing:border-box;display:block;height:4px;border-radius:22px}.gg-slack::before{width:9px;top:5px;box-shadow:10px 5px 0}.gg-slack::after{width:4px;left:5px;box-shadow:-5px 10px 0,0 10px 0,0 15px 0,5px 15px 0,5px 5px 0,5px 0 0,10px 5px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/slack.css');", - "json": "https:\/\/css.gg\/json?=slack", - "xml": "https:\/\/css.gg\/xml?=slack", - "svg_link": "https:\/\/css.gg\/slack.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSlack = styled.i`\n & {\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n display: block;\n width: 20px;\n height: 20px;\n background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 7px 2px\/2px 2px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 15px 7px\/2px 2px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 2px 10px\/2px 2px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px 15px\/2px 2px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 10px 2px\/4px 5px,\n linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 5px 12px\/4px 5px;\n }\n &::after,\n &::before {\n background: currentColor;\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n height: 4px;\n border-radius: 22px;\n }\n &::before {\n width: 9px;\n top: 5px;\n box-shadow: 10px 5px 0;\n }\n &::after {\n width: 4px;\n left: 5px;\n box-shadow: -5px 10px 0, 0 10px 0, 0 15px 0, 5px 15px 0, 5px 5px 0, 5px 0 0, 10px 5px 0;\n }\n`\n\nexport const Slack = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 587, + "name": "slack", + "tags": "brands", + "css": ".gg-slack{position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));display:block;width:20px;height:20px;background:linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 7px 2px\/2px 2px,linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 15px 7px\/2px 2px,linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 2px 10px\/2px 2px,linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 10px 15px\/2px 2px,linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 10px 2px\/4px 5px,linear-gradient(to left,currentColor 5px,transparent 0) no-repeat 5px 12px\/4px 5px}.gg-slack::after,.gg-slack::before{background:currentColor;content:\"\";position:absolute;box-sizing:border-box;display:block;height:4px;border-radius:22px}.gg-slack::before{width:9px;top:5px;box-shadow:10px 5px 0}.gg-slack::after{width:4px;left:5px;box-shadow:-5px 10px 0,0 10px 0,0 15px 0,5px 15px 0,5px 5px 0,5px 0 0,10px 5px 0}", + "svg": "\n \n<\/svg>" + } ], "sleep": [ - [ - { - "nr": 588, - "name": "sleep", - "css": ".gg-sleep,.gg-sleep::after{display:block;box-sizing:border-box}.gg-sleep{transform:scale(var(--ggs,1));position:relative;width:18px;height:18px;border:2px solid;border-radius:22px}.gg-sleep::after{content:\"\";position:absolute;width:14px;height:2px;background:currentColor;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/sleep.css');", - "json": "https:\/\/css.gg\/json?=sleep", - "xml": "https:\/\/css.gg\/xml?=sleep", - "svg_link": "https:\/\/css.gg\/sleep.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSleep = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n }\n & {\n transform: scale(var(--ggs, 1));\n position: relative;\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 22px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 14px;\n height: 2px;\n background: currentColor;\n bottom: 2px;\n }\n`\n\nexport const Sleep = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 588, + "name": "sleep", + "tags": "interface", + "css": ".gg-sleep,.gg-sleep::after{display:block;box-sizing:border-box}.gg-sleep{transform:scale(var(--ggs,1));position:relative;width:18px;height:18px;border:2px solid;border-radius:22px}.gg-sleep::after{content:\"\";position:absolute;width:14px;height:2px;background:currentColor;bottom:2px}", + "svg": "\n \n<\/svg>" + } ], "smart-home-boiler": [ - [ - { - "nr": 589, - "name": "smart-home-boiler", - "css": ".gg-smart-home-boiler{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:20px;border:2px solid;border-radius:2px;border-top-left-radius:4px;border-top-right-radius:4px;background:linear-gradient(to left,currentColor 14px,transparent 0)no-repeat center 4px\/14px 2px}.gg-smart-home-boiler::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:6px;height:3px;border-left:2px solid;border-right:2px solid;transform:skewX(20deg);bottom:-4px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smart-home-boiler.css');", - "json": "https:\/\/css.gg\/json?=smart-home-boiler", - "xml": "https:\/\/css.gg\/xml?=smart-home-boiler", - "svg_link": "https:\/\/css.gg\/smart-home-boiler.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmartHomeBoiler = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 20px;\n border: 2px solid;\n border-radius: 2px;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n background: linear-gradient(to left, currentColor 14px, transparent 0) no-repeat center 4px\/14px\n 2px;\n }\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n width: 6px;\n height: 3px;\n border-left: 2px solid;\n border-right: 2px solid;\n transform: skewX(20deg);\n bottom: -4px;\n left: 2px;\n }\n`\n\nexport const SmartHomeBoiler = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 589, + "name": "smart-home-boiler", + "tags": "interface", + "css": ".gg-smart-home-boiler{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:20px;border:2px solid;border-radius:2px;border-top-left-radius:4px;border-top-right-radius:4px;background:linear-gradient(to left,currentColor 14px,transparent 0)no-repeat center 4px\/14px 2px}.gg-smart-home-boiler::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:6px;height:3px;border-left:2px solid;border-right:2px solid;transform:skewX(20deg);bottom:-4px;left:2px}", + "svg": "\n \n<\/svg>" + } ], "smart-home-cooker": [ - [ - { - "nr": 590, - "name": "smart-home-cooker", - "css": ".gg-smart-home-cooker{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:4px;background:linear-gradient(to left,currentColor 18px,transparent 0) no-repeat center 2px\/18px 2px}.gg-smart-home-cooker::after,.gg-smart-home-cooker::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:6px;left:4px}.gg-smart-home-cooker::before{height:6px;border:2px solid;border-radius:4px;bottom:2px}.gg-smart-home-cooker::after{height:3px;box-shadow:0 -2px 0,inset 0 0 0 2px;border-left:2px solid transparent;border-right:2px solid transparent;top:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smart-home-cooker.css');", - "json": "https:\/\/css.gg\/json?=smart-home-cooker", - "xml": "https:\/\/css.gg\/xml?=smart-home-cooker", - "svg_link": "https:\/\/css.gg\/smart-home-cooker.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmartHomeCooker = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 4px;\n background: linear-gradient(to left, currentColor 18px, transparent 0) no-repeat center 2px\/18px\n 2px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n width: 6px;\n left: 4px;\n }\n &::before {\n height: 6px;\n border: 2px solid;\n border-radius: 4px;\n bottom: 2px;\n }\n &::after {\n height: 3px;\n box-shadow: 0 -2px 0, inset 0 0 0 2px;\n border-left: 2px solid transparent;\n border-right: 2px solid transparent;\n top: -4px;\n }\n`\n\nexport const SmartHomeCooker = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 590, + "name": "smart-home-cooker", + "tags": "interface", + "css": ".gg-smart-home-cooker{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:4px;background:linear-gradient(to left,currentColor 18px,transparent 0) no-repeat center 2px\/18px 2px}.gg-smart-home-cooker::after,.gg-smart-home-cooker::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:6px;left:4px}.gg-smart-home-cooker::before{height:6px;border:2px solid;border-radius:4px;bottom:2px}.gg-smart-home-cooker::after{height:3px;box-shadow:0 -2px 0,inset 0 0 0 2px;border-left:2px solid transparent;border-right:2px solid transparent;top:-4px}", + "svg": "\n \n \n<\/svg>" + } ], "smart-home-heat": [ - [ - { - "nr": 591, - "name": "smart-home-heat", - "css": ".gg-smart-home-heat{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:24px;height:14px;border:2px solid;border-radius:22px;background:linear-gradient(to left,currentColor 24px,transparent 0) no-repeat center 2px\/10px 2px}.gg-smart-home-heat::after,.gg-smart-home-heat::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:6px;height:6px;border:2px solid;top:2px}.gg-smart-home-heat::before{border-right:0;border-top-left-radius:22px;border-bottom-left-radius:22px;left:2px}.gg-smart-home-heat::after{border-left:0;border-top-right-radius:22px;border-bottom-right-radius:22px;right:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smart-home-heat.css');", - "json": "https:\/\/css.gg\/json?=smart-home-heat", - "xml": "https:\/\/css.gg\/xml?=smart-home-heat", - "svg_link": "https:\/\/css.gg\/smart-home-heat.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmartHomeHeat = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 14px;\n border: 2px solid;\n border-radius: 22px;\n background: linear-gradient(to left, currentColor 24px, transparent 0) no-repeat center 2px\/10px\n 2px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n width: 6px;\n height: 6px;\n border: 2px solid;\n top: 2px;\n }\n &::before {\n border-right: 0;\n border-top-left-radius: 22px;\n border-bottom-left-radius: 22px;\n left: 2px;\n }\n &::after {\n border-left: 0;\n border-top-right-radius: 22px;\n border-bottom-right-radius: 22px;\n right: 2px;\n }\n`\n\nexport const SmartHomeHeat = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 591, + "name": "smart-home-heat", + "tags": "interface", + "css": ".gg-smart-home-heat{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:24px;height:14px;border:2px solid;border-radius:22px;background:linear-gradient(to left,currentColor 24px,transparent 0) no-repeat center 2px\/10px 2px}.gg-smart-home-heat::after,.gg-smart-home-heat::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:6px;height:6px;border:2px solid;top:2px}.gg-smart-home-heat::before{border-right:0;border-top-left-radius:22px;border-bottom-left-radius:22px;left:2px}.gg-smart-home-heat::after{border-left:0;border-top-right-radius:22px;border-bottom-right-radius:22px;right:2px}", + "svg": "\n \n \n<\/svg>" + } ], "smart-home-light": [ - [ - { - "nr": 592, - "name": "smart-home-light", - "css": ".gg-smart-home-light{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:10px;height:14px;border:2px solid;border-radius:14px;box-shadow:0 11px 0 -4px}.gg-smart-home-light::after,.gg-smart-home-light::before{content:\"\";position:absolute;display:block;box-sizing:border-box;background:currentColor;width:2px;height:6px;border-radius:6px;bottom:-8px}.gg-smart-home-light::before{transform:rotate(20deg);left:-2px}.gg-smart-home-light::after{transform:rotate(-20deg);right:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smart-home-light.css');", - "json": "https:\/\/css.gg\/json?=smart-home-light", - "xml": "https:\/\/css.gg\/xml?=smart-home-light", - "svg_link": "https:\/\/css.gg\/smart-home-light.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmartHomeLight = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 10px;\n height: 14px;\n border: 2px solid;\n border-radius: 14px;\n box-shadow: 0 11px 0 -4px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n background: currentColor;\n width: 2px;\n height: 6px;\n border-radius: 6px;\n bottom: -8px;\n }\n &::before {\n transform: rotate(20deg);\n left: -2px;\n }\n &::after {\n transform: rotate(-20deg);\n right: -2px;\n }\n`\n\nexport const SmartHomeLight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 592, + "name": "smart-home-light", + "tags": "interface", + "css": ".gg-smart-home-light{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:10px;height:14px;border:2px solid;border-radius:14px;box-shadow:0 11px 0 -4px}.gg-smart-home-light::after,.gg-smart-home-light::before{content:\"\";position:absolute;display:block;box-sizing:border-box;background:currentColor;width:2px;height:6px;border-radius:6px;bottom:-8px}.gg-smart-home-light::before{transform:rotate(20deg);left:-2px}.gg-smart-home-light::after{transform:rotate(-20deg);right:-2px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "smart-home-refrigerator": [ - [ - { - "nr": 593, - "name": "smart-home-refrigerator", - "css": ".gg-smart-home-refrigerator{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:22px;border:2px solid;border-radius:3px}.gg-smart-home-refrigerator::after,.gg-smart-home-refrigerator::before{content:\"\";position:absolute;display:block;box-sizing:border-box;background:currentColor}.gg-smart-home-refrigerator::before{width:2px;height:4px;border-radius:2px;top:2px;left:2px;box-shadow:0 8px 0}.gg-smart-home-refrigerator::after{width:14px;height:2px;top:7px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smart-home-refrigerator.css');", - "json": "https:\/\/css.gg\/json?=smart-home-refrigerator", - "xml": "https:\/\/css.gg\/xml?=smart-home-refrigerator", - "svg_link": "https:\/\/css.gg\/smart-home-refrigerator.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmartHomeRefrigerator = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n background: currentColor;\n }\n &::before {\n width: 2px;\n height: 4px;\n border-radius: 2px;\n top: 2px;\n left: 2px;\n box-shadow: 0 8px 0;\n }\n &::after {\n width: 14px;\n height: 2px;\n top: 7px;\n left: -2px;\n }\n`\n\nexport const SmartHomeRefrigerator = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 593, + "name": "smart-home-refrigerator", + "tags": "interface", + "css": ".gg-smart-home-refrigerator{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:22px;border:2px solid;border-radius:3px}.gg-smart-home-refrigerator::after,.gg-smart-home-refrigerator::before{content:\"\";position:absolute;display:block;box-sizing:border-box;background:currentColor}.gg-smart-home-refrigerator::before{width:2px;height:4px;border-radius:2px;top:2px;left:2px;box-shadow:0 8px 0}.gg-smart-home-refrigerator::after{width:14px;height:2px;top:7px;left:-2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "smart-home-wash-machine": [ - [ - { - "nr": 594, - "name": "smart-home-wash-machine", - "css": ".gg-smart-home-wash-machine{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:18px;height:20px;border:2px solid;background:linear-gradient(to left,currentColor 18px,transparent 0) no-repeat center 4px\/18px 2px;border-radius:3px}.gg-smart-home-wash-machine::after,.gg-smart-home-wash-machine::before{content:\"\";position:absolute;display:block;box-sizing:border-box;border-radius:22px}.gg-smart-home-wash-machine::before{bottom:1px;left:3px;width:8px;height:8px;border:2px solid;box-shadow:5px -9px 0 -3px,2px -9px 0 -3px}.gg-smart-home-wash-machine::after{top:1px;left:1px;width:4px;height:2px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smart-home-wash-machine.css');", - "json": "https:\/\/css.gg\/json?=smart-home-wash-machine", - "xml": "https:\/\/css.gg\/xml?=smart-home-wash-machine", - "svg_link": "https:\/\/css.gg\/smart-home-wash-machine.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmartHomeWashMachine = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 20px;\n border: 2px solid;\n background: linear-gradient(to left, currentColor 18px, transparent 0) no-repeat center 4px\/18px\n 2px;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n border-radius: 22px;\n }\n &::before {\n bottom: 1px;\n left: 3px;\n width: 8px;\n height: 8px;\n border: 2px solid;\n box-shadow: 5px -9px 0 -3px, 2px -9px 0 -3px;\n }\n &::after {\n top: 1px;\n left: 1px;\n width: 4px;\n height: 2px;\n background: currentColor;\n }\n`\n\nexport const SmartHomeWashMachine = React.forwardRef<\n HTMLElement,\n React.HTMLAttributes\n>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 594, + "name": "smart-home-wash-machine", + "tags": "interface", + "css": ".gg-smart-home-wash-machine{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:18px;height:20px;border:2px solid;background:linear-gradient(to left,currentColor 18px,transparent 0) no-repeat center 4px\/18px 2px;border-radius:3px}.gg-smart-home-wash-machine::after,.gg-smart-home-wash-machine::before{content:\"\";position:absolute;display:block;box-sizing:border-box;border-radius:22px}.gg-smart-home-wash-machine::before{bottom:1px;left:3px;width:8px;height:8px;border:2px solid;box-shadow:5px -9px 0 -3px,2px -9px 0 -3px}.gg-smart-home-wash-machine::after{top:1px;left:1px;width:4px;height:2px;background:currentColor}", + "svg": "\n \n<\/svg>" + } ], "smartphone-chip": [ - [ - { - "nr": 595, - "name": "smartphone-chip", - "css": ".gg-smartphone-chip{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:6px double;border-radius:3px}.gg-smartphone-chip::after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:2px;left:-3px;top:-9px;background:currentColor;box-shadow:4px 0 0,8px 0 0,0 20px 0,4px 20px 0,-6px 6px 0,14px 6px 0,14px 10px 0,14px 14px 0,-6px 10px 0,-6px 14px 0,8px 20px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smartphone-chip.css');", - "json": "https:\/\/css.gg\/json?=smartphone-chip", - "xml": "https:\/\/css.gg\/xml?=smartphone-chip", - "svg_link": "https:\/\/css.gg\/smartphone-chip.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmartphoneChip = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 6px double;\n border-radius: 3px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n height: 2px;\n left: -3px;\n top: -9px;\n background: currentColor;\n box-shadow: 4px 0 0, 8px 0 0, 0 20px 0, 4px 20px 0, -6px 6px 0, 14px 6px 0, 14px 10px 0,\n 14px 14px 0, -6px 10px 0, -6px 14px 0, 8px 20px 0;\n }\n`\n\nexport const SmartphoneChip = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 595, + "name": "smartphone-chip", + "tags": "devices", + "css": ".gg-smartphone-chip{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:6px double;border-radius:3px}.gg-smartphone-chip::after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:2px;left:-3px;top:-9px;background:currentColor;box-shadow:4px 0 0,8px 0 0,0 20px 0,4px 20px 0,-6px 6px 0,14px 6px 0,14px 10px 0,14px 14px 0,-6px 10px 0,-6px 14px 0,8px 20px 0}", + "svg": "\n \n \n<\/svg>" + } ], "smartphone-ram": [ - [ - { - "nr": 596, - "name": "smartphone-ram", - "css": ".gg-smartphone-ram{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:26px;height:14px;border:2px solid;border-radius:3px}.gg-smartphone-ram::after,.gg-smartphone-ram::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:2px;background:currentColor;box-shadow:16px 4px 0;top:2px;left:2px}.gg-smartphone-ram::after{box-shadow:4px 0 0,8px 0 0,12px 0 0,16px 0 0,0 18px 0,4px 18px 0,8px 18px 0,12px 18px 0,16px 18px 0;top:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smartphone-ram.css');", - "json": "https:\/\/css.gg\/json?=smartphone-ram", - "xml": "https:\/\/css.gg\/xml?=smartphone-ram", - "svg_link": "https:\/\/css.gg\/smartphone-ram.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n \n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmartphoneRam = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 26px;\n height: 14px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n height: 2px;\n background: currentColor;\n box-shadow: 16px 4px 0;\n top: 2px;\n left: 2px;\n }\n &::after {\n box-shadow: 4px 0 0, 8px 0 0, 12px 0 0, 16px 0 0, 0 18px 0, 4px 18px 0, 8px 18px 0, 12px 18px 0,\n 16px 18px 0;\n top: -5px;\n }\n`\n\nexport const SmartphoneRam = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 596, + "name": "smartphone-ram", + "tags": "devices", + "css": ".gg-smartphone-ram{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:26px;height:14px;border:2px solid;border-radius:3px}.gg-smartphone-ram::after,.gg-smartphone-ram::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:2px;background:currentColor;box-shadow:16px 4px 0;top:2px;left:2px}.gg-smartphone-ram::after{box-shadow:4px 0 0,8px 0 0,12px 0 0,16px 0 0,0 18px 0,4px 18px 0,8px 18px 0,12px 18px 0,16px 18px 0;top:-5px}", + "svg": "\n \n \n \n \n \n \n \n \n \n \n \n \n \n<\/svg>" + } ], "smartphone-shake": [ - [ - { - "nr": 597, - "name": "smartphone-shake", - "css": ".gg-smartphone-shake{background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 4px 12px\/2px 2px;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));display:block;width:14px;height:20px;border:2px solid;border-radius:2px}.gg-smartphone-shake::after,.gg-smartphone-shake::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:10px;width:6px;border:2px solid transparent;overflow:hidden;box-shadow:2px 0 0,inset -2px 0 0;top:3px;left:-12px}.gg-smartphone-shake::after{transform:scaleX(-1);left:16px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smartphone-shake.css');", - "json": "https:\/\/css.gg\/json?=smartphone-shake", - "xml": "https:\/\/css.gg\/xml?=smartphone-shake", - "svg_link": "https:\/\/css.gg\/smartphone-shake.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmartphoneShake = styled.i`\n & {\n background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 12px\/2px 2px;\n box-sizing: border-box;\n position: relative;\n transform: scale(var(--ggs, 1));\n display: block;\n width: 14px;\n height: 20px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 10px;\n width: 6px;\n border: 2px solid transparent;\n overflow: hidden;\n box-shadow: 2px 0 0, inset -2px 0 0;\n top: 3px;\n left: -12px;\n }\n &::after {\n transform: scaleX(-1);\n left: 16px;\n }\n`\n\nexport const SmartphoneShake = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 597, + "name": "smartphone-shake", + "tags": "devices interface", + "css": ".gg-smartphone-shake{background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 4px 12px\/2px 2px;box-sizing:border-box;position:relative;transform:scale(var(--ggs,1));display:block;width:14px;height:20px;border:2px solid;border-radius:2px}.gg-smartphone-shake::after,.gg-smartphone-shake::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:10px;width:6px;border:2px solid transparent;overflow:hidden;box-shadow:2px 0 0,inset -2px 0 0;top:3px;left:-12px}.gg-smartphone-shake::after{transform:scaleX(-1);left:16px}", + "svg": "\n \n \n \n \n \n \n<\/svg>" + } ], "smartphone": [ - [ - { - "nr": 598, - "name": "smartphone", - "css": ".gg-smartphone{background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 4px 12px\/2px 2px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:20px;border:2px solid;border-radius:2px;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smartphone.css');", - "json": "https:\/\/css.gg\/json?=smartphone", - "xml": "https:\/\/css.gg\/xml?=smartphone", - "svg_link": "https:\/\/css.gg\/smartphone.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmartphone = styled.i`\n & {\n background: linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 12px\/2px 2px;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 20px;\n border: 2px solid;\n border-radius: 2px;\n }\n`\n\nexport const Smartphone = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 598, + "name": "smartphone", + "tags": "devices", + "css": ".gg-smartphone{background:linear-gradient(to left,currentColor 5px,transparent 0)no-repeat 4px 12px\/2px 2px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:20px;border:2px solid;border-radius:2px;}", + "svg": "\n \n \n<\/svg>" + } ], "smile-mouth-open": [ - [ - { - "nr": 599, - "name": "smile-mouth-open", - "css": ".gg-smile-mouth-open{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-mouth-open::after,.gg-smile-mouth-open::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-smile-mouth-open::before{background:currentColor;box-shadow:6px 0 0;width:2px;height:2px;border-radius:50%;top:5px}.gg-smile-mouth-open::after{width:8px;height:4px;border-radius:150px;border-top-left-radius:0;border-top-right-radius:0;border:2px solid;top:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smile-mouth-open.css');", - "json": "https:\/\/css.gg\/json?=smile-mouth-open", - "xml": "https:\/\/css.gg\/xml?=smile-mouth-open", - "svg_link": "https:\/\/css.gg\/smile-mouth-open.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmileMouthOpen = 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: 20px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 4px;\n }\n &::before {\n background: currentColor;\n box-shadow: 6px 0 0;\n width: 2px;\n height: 2px;\n border-radius: 50%;\n top: 5px;\n }\n &::after {\n width: 8px;\n height: 4px;\n border-radius: 150px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border: 2px solid;\n top: 9px;\n }\n`\n\nexport const SmileMouthOpen = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 599, + "name": "smile-mouth-open", + "tags": "interface content", + "css": ".gg-smile-mouth-open{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-mouth-open::after,.gg-smile-mouth-open::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-smile-mouth-open::before{background:currentColor;box-shadow:6px 0 0;width:2px;height:2px;border-radius:50%;top:5px}.gg-smile-mouth-open::after{width:8px;height:4px;border-radius:150px;border-top-left-radius:0;border-top-right-radius:0;border:2px solid;top:9px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "smile-neutral": [ - [ - { - "nr": 600, - "name": "smile-neutral", - "css": ".gg-smile-neutral{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-neutral::after,.gg-smile-neutral::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;left:4px}.gg-smile-neutral::before{box-shadow:6px 0 0;width:2px;border-radius:10px;top:5px}.gg-smile-neutral::after{border-radius:3px;width:8px;top:10px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smile-neutral.css');", - "json": "https:\/\/css.gg\/json?=smile-neutral", - "xml": "https:\/\/css.gg\/xml?=smile-neutral", - "svg_link": "https:\/\/css.gg\/smile-neutral.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmileNeutral = 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: 20px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n background: currentColor;\n left: 4px;\n }\n &::before {\n box-shadow: 6px 0 0;\n width: 2px;\n border-radius: 10px;\n top: 5px;\n }\n &::after {\n border-radius: 3px;\n width: 8px;\n top: 10px;\n }\n`\n\nexport const SmileNeutral = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 600, + "name": "smile-neutral", + "tags": "interface content", + "css": ".gg-smile-neutral{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-neutral::after,.gg-smile-neutral::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;left:4px}.gg-smile-neutral::before{box-shadow:6px 0 0;width:2px;border-radius:10px;top:5px}.gg-smile-neutral::after{border-radius:3px;width:8px;top:10px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "smile-no-mouth": [ - [ - { - "nr": 601, - "name": "smile-no-mouth", - "css": ".gg-smile-no-mouth{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-no-mouth::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;left:4px;box-shadow:6px 0 0;width:2px;border-radius:10px;top:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smile-no-mouth.css');", - "json": "https:\/\/css.gg\/json?=smile-no-mouth", - "xml": "https:\/\/css.gg\/xml?=smile-no-mouth", - "svg_link": "https:\/\/css.gg\/smile-no-mouth.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmileNoMouth = 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: 20px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n background: currentColor;\n left: 4px;\n box-shadow: 6px 0 0;\n width: 2px;\n border-radius: 10px;\n top: 5px;\n }\n`\n\nexport const SmileNoMouth = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 601, + "name": "smile-no-mouth", + "tags": "interface content", + "css": ".gg-smile-no-mouth{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-no-mouth::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;left:4px;box-shadow:6px 0 0;width:2px;border-radius:10px;top:5px}", + "svg": "\n \n \n \n<\/svg>" + } ], "smile-none": [ - [ - { - "nr": 602, - "name": "smile-none", - "css": ".gg-smile-none{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-none::after,.gg-smile-none::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;left:4px}.gg-smile-none::before{box-shadow:5px 0 0;width:3px;border-radius:10px;top:5px}.gg-smile-none::after{border-radius:3px;width:8px;top:10px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smile-none.css');", - "json": "https:\/\/css.gg\/json?=smile-none", - "xml": "https:\/\/css.gg\/xml?=smile-none", - "svg_link": "https:\/\/css.gg\/smile-none.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmileNone = 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: 20px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n background: currentColor;\n left: 4px;\n }\n &::before {\n box-shadow: 5px 0 0;\n width: 3px;\n border-radius: 10px;\n top: 5px;\n }\n &::after {\n border-radius: 3px;\n width: 8px;\n top: 10px;\n }\n`\n\nexport const SmileNone = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 602, + "name": "smile-none", + "tags": "interface content", + "css": ".gg-smile-none{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-none::after,.gg-smile-none::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;background:currentColor;left:4px}.gg-smile-none::before{box-shadow:5px 0 0;width:3px;border-radius:10px;top:5px}.gg-smile-none::after{border-radius:3px;width:8px;top:10px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "smile-sad": [ - [ - { - "nr": 603, - "name": "smile-sad", - "css": ".gg-smile-sad{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-sad::after,.gg-smile-sad::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-smile-sad::before{background:currentColor;box-shadow:6px 0 0;width:2px;height:2px;border-radius:50%;top:5px}.gg-smile-sad::after{width:8px;height:4px;border-radius:150px;border-top-left-radius:0;border-top-right-radius:0;border:2px solid;border-top-color:transparent;top:9px;transform:scaleY(-1)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smile-sad.css');", - "json": "https:\/\/css.gg\/json?=smile-sad", - "xml": "https:\/\/css.gg\/xml?=smile-sad", - "svg_link": "https:\/\/css.gg\/smile-sad.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmileSad = 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: 20px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 4px;\n }\n &::before {\n background: currentColor;\n box-shadow: 6px 0 0;\n width: 2px;\n height: 2px;\n border-radius: 50%;\n top: 5px;\n }\n &::after {\n width: 8px;\n height: 4px;\n border-radius: 150px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border: 2px solid;\n border-top-color: transparent;\n top: 9px;\n transform: scaleY(-1);\n }\n`\n\nexport const SmileSad = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 603, + "name": "smile-sad", + "tags": "interface content", + "css": ".gg-smile-sad{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-sad::after,.gg-smile-sad::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-smile-sad::before{background:currentColor;box-shadow:6px 0 0;width:2px;height:2px;border-radius:50%;top:5px}.gg-smile-sad::after{width:8px;height:4px;border-radius:150px;border-top-left-radius:0;border-top-right-radius:0;border:2px solid;border-top-color:transparent;top:9px;transform:scaleY(-1)}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "smile-upside": [ - [ - { - "nr": 604, - "name": "smile-upside", - "css": ".gg-smile-upside{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-upside::after,.gg-smile-upside::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-smile-upside::before{background:currentColor;box-shadow:6px 0 0;width:2px;height:2px;border-radius:50%;bottom:5px}.gg-smile-upside::after{width:8px;height:4px;border-radius:150px;border-bottom-left-radius:0;border-bottom-right-radius:0;border:2px solid;border-bottom-color:transparent;bottom:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smile-upside.css');", - "json": "https:\/\/css.gg\/json?=smile-upside", - "xml": "https:\/\/css.gg\/xml?=smile-upside", - "svg_link": "https:\/\/css.gg\/smile-upside.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmileUpside = 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: 20px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 4px;\n }\n &::before {\n background: currentColor;\n box-shadow: 6px 0 0;\n width: 2px;\n height: 2px;\n border-radius: 50%;\n bottom: 5px;\n }\n &::after {\n width: 8px;\n height: 4px;\n border-radius: 150px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n border: 2px solid;\n border-bottom-color: transparent;\n bottom: 9px;\n }\n`\n\nexport const SmileUpside = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 604, + "name": "smile-upside", + "tags": "interface content", + "css": ".gg-smile-upside{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile-upside::after,.gg-smile-upside::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-smile-upside::before{background:currentColor;box-shadow:6px 0 0;width:2px;height:2px;border-radius:50%;bottom:5px}.gg-smile-upside::after{width:8px;height:4px;border-radius:150px;border-bottom-left-radius:0;border-bottom-right-radius:0;border:2px solid;border-bottom-color:transparent;bottom:9px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "smile": [ - [ - { - "nr": 605, - "name": "smile", - "css": ".gg-smile{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile::after,.gg-smile::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-smile::before{background:currentColor;box-shadow:6px 0 0;width:2px;height:2px;border-radius:50%;top:5px}.gg-smile::after{width:8px;height:4px;border-radius:150px;border-top-left-radius:0;border-top-right-radius:0;border:2px solid;border-top-color:transparent;top:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/smile.css');", - "json": "https:\/\/css.gg\/json?=smile", - "xml": "https:\/\/css.gg\/xml?=smile", - "svg_link": "https:\/\/css.gg\/smile.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSmile = 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: 20px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 4px;\n }\n &::before {\n background: currentColor;\n box-shadow: 6px 0 0;\n width: 2px;\n height: 2px;\n border-radius: 50%;\n top: 5px;\n }\n &::after {\n width: 8px;\n height: 4px;\n border-radius: 150px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border: 2px solid;\n border-top-color: transparent;\n top: 9px;\n }\n`\n\nexport const Smile = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 605, + "name": "smile", + "tags": "interface content", + "css": ".gg-smile{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:100px}.gg-smile::after,.gg-smile::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:4px}.gg-smile::before{background:currentColor;box-shadow:6px 0 0;width:2px;height:2px;border-radius:50%;top:5px}.gg-smile::after{width:8px;height:4px;border-radius:150px;border-top-left-radius:0;border-top-right-radius:0;border:2px solid;border-top-color:transparent;top:9px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "software-download": [ - [ - { - "nr": 606, - "name": "software-download", - "css": ".gg-software-download{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:6px;border:2px solid;border-top:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px;margin-top:8px}.gg-software-download::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg);left:2px;bottom:4px}.gg-software-download::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:10px;background:currentColor;left:5px;bottom:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/software-download.css');", - "json": "https:\/\/css.gg\/json?=software-download", - "xml": "https:\/\/css.gg\/xml?=software-download", - "svg_link": "https:\/\/css.gg\/software-download.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSoftwareDownload = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 6px;\n border: 2px solid;\n border-top: 0;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n margin-top: 8px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n transform: rotate(-45deg);\n left: 2px;\n bottom: 4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n height: 10px;\n background: currentColor;\n left: 5px;\n bottom: 5px;\n }\n`\n\nexport const SoftwareDownload = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 606, + "name": "software-download", + "tags": "interface buttons", + "css": ".gg-software-download{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:6px;border:2px solid;border-top:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px;margin-top:8px}.gg-software-download::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-left:2px solid;border-bottom:2px solid;transform:rotate(-45deg);left:2px;bottom:4px}.gg-software-download::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:10px;background:currentColor;left:5px;bottom:5px}", + "svg": "\n \n \n<\/svg>" + } ], "software-upload": [ - [ - { - "nr": 607, - "name": "software-upload", - "css": ".gg-software-upload{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:6px;border:2px solid;border-top:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px;margin-top:8px}.gg-software-upload::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-left:2px solid;border-top:2px solid;transform:rotate(45deg);left:2px;bottom:4px}.gg-software-upload::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:10px;background:currentColor;left:5px;bottom:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/software-upload.css');", - "json": "https:\/\/css.gg\/json?=software-upload", - "xml": "https:\/\/css.gg\/xml?=software-upload", - "svg_link": "https:\/\/css.gg\/software-upload.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSoftwareUpload = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 6px;\n border: 2px solid;\n border-top: 0;\n border-bottom-left-radius: 2px;\n border-bottom-right-radius: 2px;\n margin-top: 8px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border-left: 2px solid;\n border-top: 2px solid;\n transform: rotate(45deg);\n left: 2px;\n bottom: 4px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n height: 10px;\n background: currentColor;\n left: 5px;\n bottom: 3px;\n }\n`\n\nexport const SoftwareUpload = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 607, + "name": "software-upload", + "tags": "interface buttons", + "css": ".gg-software-upload{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:6px;border:2px solid;border-top:0;border-bottom-left-radius:2px;border-bottom-right-radius:2px;margin-top:8px}.gg-software-upload::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-left:2px solid;border-top:2px solid;transform:rotate(45deg);left:2px;bottom:4px}.gg-software-upload::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:10px;background:currentColor;left:5px;bottom:3px}", + "svg": "\n \n \n<\/svg>" + } ], "sort-az": [ - [ - { - "nr": 608, - "name": "sort-az", - "css": ".gg-sort-az,.gg-sort-az::after,.gg-sort-az::before{display:block;box-sizing:border-box;height:2px;border-radius:4px;background:currentColor}.gg-sort-az{position:relative;transform:scale(var(--ggs,1));width:8px}.gg-sort-az::after,.gg-sort-az::before{content:\"\";position:absolute}.gg-sort-az::before{width:12px;top:-4px;left:-2px}.gg-sort-az::after{width:4px;top:4px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/sort-az.css');", - "json": "https:\/\/css.gg\/json?=sort-az", - "xml": "https:\/\/css.gg\/xml?=sort-az", - "svg_link": "https:\/\/css.gg\/sort-az.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSortAz = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 2px;\n border-radius: 4px;\n background: currentColor;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 8px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n }\n &::before {\n width: 12px;\n top: -4px;\n left: -2px;\n }\n &::after {\n width: 4px;\n top: 4px;\n left: 2px;\n }\n`\n\nexport const SortAz = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 608, + "name": "sort-az", + "tags": "buttons interface", + "css": ".gg-sort-az,.gg-sort-az::after,.gg-sort-az::before{display:block;box-sizing:border-box;height:2px;border-radius:4px;background:currentColor}.gg-sort-az{position:relative;transform:scale(var(--ggs,1));width:8px}.gg-sort-az::after,.gg-sort-az::before{content:\"\";position:absolute}.gg-sort-az::before{width:12px;top:-4px;left:-2px}.gg-sort-az::after{width:4px;top:4px;left:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "sort-za": [ - [ - { - "nr": 609, - "name": "sort-za", - "css": ".gg-sort-za,.gg-sort-za::after,.gg-sort-za::before{display:block;box-sizing:border-box;height:2px;border-radius:4px;background:currentColor}.gg-sort-za{position:relative;transform:scale(var(--ggs,1));width:8px}.gg-sort-za::after,.gg-sort-za::before{content:\"\";position:absolute}.gg-sort-za::before{width:12px;top:4px;left:-2px}.gg-sort-za::after{width:4px;top:-4px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/sort-za.css');", - "json": "https:\/\/css.gg\/json?=sort-za", - "xml": "https:\/\/css.gg\/xml?=sort-za", - "svg_link": "https:\/\/css.gg\/sort-za.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSortZa = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n height: 2px;\n border-radius: 4px;\n background: currentColor;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 8px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n }\n &::before {\n width: 12px;\n top: 4px;\n left: -2px;\n }\n &::after {\n width: 4px;\n top: -4px;\n left: 2px;\n }\n`\n\nexport const SortZa = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 609, + "name": "sort-za", + "tags": "buttons interface", + "css": ".gg-sort-za,.gg-sort-za::after,.gg-sort-za::before{display:block;box-sizing:border-box;height:2px;border-radius:4px;background:currentColor}.gg-sort-za{position:relative;transform:scale(var(--ggs,1));width:8px}.gg-sort-za::after,.gg-sort-za::before{content:\"\";position:absolute}.gg-sort-za::before{width:12px;top:4px;left:-2px}.gg-sort-za::after{width:4px;top:-4px;left:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "space-between-v": [ - [ - { - "nr": 610, - "name": "space-between-v", - "css": ".gg-space-between-v{display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:8px;height:14px;border-top:6px solid transparent;border-bottom:6px solid transparent;box-shadow:inset 0 0 0 2px}.gg-space-between-v::after,.gg-space-between-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:4px;border:2px solid;left:-2px}.gg-space-between-v::before{top:-6px;border-top:0}.gg-space-between-v::after{bottom:-6px;border-bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/space-between-v.css');", - "json": "https:\/\/css.gg\/json?=space-between-v", - "xml": "https:\/\/css.gg\/xml?=space-between-v", - "svg_link": "https:\/\/css.gg\/space-between-v.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSpaceBetweenV = styled.i`\n & {\n display: block;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 14px;\n border-top: 6px solid transparent;\n border-bottom: 6px solid transparent;\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 width: 12px;\n height: 4px;\n border: 2px solid;\n left: -2px;\n }\n &::before {\n top: -6px;\n border-top: 0;\n }\n &::after {\n bottom: -6px;\n border-bottom: 0;\n }\n`\n\nexport const SpaceBetweenV = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 610, + "name": "space-between-v", + "tags": "interface", + "css": ".gg-space-between-v{display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:8px;height:14px;border-top:6px solid transparent;border-bottom:6px solid transparent;box-shadow:inset 0 0 0 2px}.gg-space-between-v::after,.gg-space-between-v::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:12px;height:4px;border:2px solid;left:-2px}.gg-space-between-v::before{top:-6px;border-top:0}.gg-space-between-v::after{bottom:-6px;border-bottom:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "space-between": [ - [ - { - "nr": 611, - "name": "space-between", - "css": ".gg-space-between{display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:8px;border-left:6px solid transparent;border-right:6px solid transparent;box-shadow:inset 0 0 0 2px}.gg-space-between::after,.gg-space-between::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:12px;width:4px;border:2px solid;top:-2px}.gg-space-between::before{left:-6px;border-left:0}.gg-space-between::after{right:-6px;border-right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/space-between.css');", - "json": "https:\/\/css.gg\/json?=space-between", - "xml": "https:\/\/css.gg\/xml?=space-between", - "svg_link": "https:\/\/css.gg\/space-between.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSpaceBetween = styled.i`\n & {\n display: block;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 8px;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\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 height: 12px;\n width: 4px;\n border: 2px solid;\n top: -2px;\n }\n &::before {\n left: -6px;\n border-left: 0;\n }\n &::after {\n right: -6px;\n border-right: 0;\n }\n`\n\nexport const SpaceBetween = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 611, + "name": "space-between", + "tags": "interface", + "css": ".gg-space-between{display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:14px;height:8px;border-left:6px solid transparent;border-right:6px solid transparent;box-shadow:inset 0 0 0 2px}.gg-space-between::after,.gg-space-between::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:12px;width:4px;border:2px solid;top:-2px}.gg-space-between::before{left:-6px;border-left:0}.gg-space-between::after{right:-6px;border-right:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "spectrum": [ - [ - { - "nr": 612, - "name": "spectrum", - "css": ".gg-spectrum{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;overflow:hidden}.gg-spectrum::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:30px;height:30px;left:-15px;bottom:-15px;border:8px solid;border-radius:18px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/spectrum.css');", - "json": "https:\/\/css.gg\/json?=spectrum", - "xml": "https:\/\/css.gg\/xml?=spectrum", - "svg_link": "https:\/\/css.gg\/spectrum.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSpectrum = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n overflow: hidden;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 30px;\n height: 30px;\n left: -15px;\n bottom: -15px;\n border: 8px solid;\n border-radius: 18px;\n }\n`\n\nexport const Spectrum = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 612, + "name": "spectrum", + "tags": "brands", + "css": ".gg-spectrum{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;overflow:hidden}.gg-spectrum::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:30px;height:30px;left:-15px;bottom:-15px;border:8px solid;border-radius:18px}", + "svg": "\n \n<\/svg>" + } ], "spinner-alt": [ - [ - { - "nr": 613, - "name": "spinner-alt", - "css": "@keyframes spinneralt{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.gg-spinner-alt{transform:scale(var(--ggs,1))}.gg-spinner-alt,.gg-spinner-alt::before{box-sizing:border-box;position:relative;display:block;width:20px;height:20px}.gg-spinner-alt::before{content:\"\";position:absolute;border-radius:100px;animation:spinneralt 1s cubic-bezier(.6,0,.4,1) infinite;border:3px solid transparent;border-top-color:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/spinner-alt.css');", - "json": "https:\/\/css.gg\/json?=spinner-alt", - "xml": "https:\/\/css.gg\/xml?=spinner-alt", - "svg_link": "https:\/\/css.gg\/spinner-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSpinnerAlt = styled.i`\n @keyframes spinneralt {\n 0% {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n }\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 20px;\n }\n &::before {\n content: '';\n position: absolute;\n border-radius: 100px;\n animation: spinneralt 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;\n border: 3px solid transparent;\n border-top-color: currentColor;\n }\n`\n\nexport const SpinnerAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 613, + "name": "spinner-alt", + "tags": "interface shapes", + "css": "@keyframes spinneralt{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.gg-spinner-alt{transform:scale(var(--ggs,1))}.gg-spinner-alt,.gg-spinner-alt::before{box-sizing:border-box;position:relative;display:block;width:20px;height:20px}.gg-spinner-alt::before{content:\"\";position:absolute;border-radius:100px;animation:spinneralt 1s cubic-bezier(.6,0,.4,1) infinite;border:3px solid transparent;border-top-color:currentColor}", + "svg": "\n \n<\/svg>" + } ], "spinner-two-alt": [ - [ - { - "nr": 614, - "name": "spinner-two-alt", - "css": "@keyframes spinner-two-alt{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.gg-spinner-two-alt,.gg-spinner-two-alt::before{box-sizing:border-box;display:block;width:20px;height:20px}.gg-spinner-two-alt{transform:scale(var(--ggs,1));position:relative}.gg-spinner-two-alt::before{content:\"\";position:absolute;border-radius:100px;animation:spinner-two-alt 1s cubic-bezier(.6,0,.4,1) infinite;border:3px solid transparent;border-bottom-color:currentColor;border-top-color:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/spinner-two-alt.css');", - "json": "https:\/\/css.gg\/json?=spinner-two-alt", - "xml": "https:\/\/css.gg\/xml?=spinner-two-alt", - "svg_link": "https:\/\/css.gg\/spinner-two-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSpinnerTwoAlt = styled.i`\n @keyframes spinner-two-alt {\n 0% {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n }\n &,\n &::before {\n box-sizing: border-box;\n display: block;\n width: 20px;\n height: 20px;\n }\n & {\n transform: scale(var(--ggs, 1));\n position: relative;\n }\n &::before {\n content: '';\n position: absolute;\n border-radius: 100px;\n animation: spinner-two-alt 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;\n border: 3px solid transparent;\n border-bottom-color: currentColor;\n border-top-color: currentColor;\n }\n`\n\nexport const SpinnerTwoAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 614, + "name": "spinner-two-alt", + "tags": "interface shapes", + "css": "@keyframes spinner-two-alt{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.gg-spinner-two-alt,.gg-spinner-two-alt::before{box-sizing:border-box;display:block;width:20px;height:20px}.gg-spinner-two-alt{transform:scale(var(--ggs,1));position:relative}.gg-spinner-two-alt::before{content:\"\";position:absolute;border-radius:100px;animation:spinner-two-alt 1s cubic-bezier(.6,0,.4,1) infinite;border:3px solid transparent;border-bottom-color:currentColor;border-top-color:currentColor}", + "svg": "\n \n \n<\/svg>" + } ], "spinner-two": [ - [ - { - "nr": 615, - "name": "spinner-two", - "css": "@keyframes spinner-two{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.gg-spinner-two{transform:scale(var(--ggs,1));box-sizing:border-box;position:relative;display:block;width:20px;height:20px}.gg-spinner-two::after,.gg-spinner-two::before{box-sizing:border-box;display:block;width:20px;height:20px;content:\"\";position:absolute;border-radius:100px}.gg-spinner-two::before{animation:spinner-two 1s cubic-bezier(.6,0,.4,1) infinite;border:3px solid transparent;border-bottom-color:currentColor;border-top-color:currentColor}.gg-spinner-two::after{border:3px solid;opacity:.2}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/spinner-two.css');", - "json": "https:\/\/css.gg\/json?=spinner-two", - "xml": "https:\/\/css.gg\/xml?=spinner-two", - "svg_link": "https:\/\/css.gg\/spinner-two.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSpinnerTwo = styled.i`\n @keyframes spinner-two {\n 0% {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n }\n & {\n transform: scale(var(--ggs, 1));\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 20px;\n }\n &::after,\n &::before {\n box-sizing: border-box;\n display: block;\n width: 20px;\n height: 20px;\n content: '';\n position: absolute;\n border-radius: 100px;\n }\n &::before {\n animation: spinner-two 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;\n border: 3px solid transparent;\n border-bottom-color: currentColor;\n border-top-color: currentColor;\n }\n &::after {\n border: 3px solid;\n opacity: 0.2;\n }\n`\n\nexport const SpinnerTwo = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 615, + "name": "spinner-two", + "tags": "interface shapes", + "css": "@keyframes spinner-two{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.gg-spinner-two{transform:scale(var(--ggs,1));box-sizing:border-box;position:relative;display:block;width:20px;height:20px}.gg-spinner-two::after,.gg-spinner-two::before{box-sizing:border-box;display:block;width:20px;height:20px;content:\"\";position:absolute;border-radius:100px}.gg-spinner-two::before{animation:spinner-two 1s cubic-bezier(.6,0,.4,1) infinite;border:3px solid transparent;border-bottom-color:currentColor;border-top-color:currentColor}.gg-spinner-two::after{border:3px solid;opacity:.2}", + "svg": "\n \n \n \n<\/svg>" + } ], "spinner": [ - [ - { - "nr": 616, - "name": "spinner", - "css": ".gg-spinner{transform:scale(var(--ggs,1))}.gg-spinner,.gg-spinner::after,.gg-spinner::before{box-sizing:border-box;position:relative;display:block;width:20px;height:20px}.gg-spinner::after,.gg-spinner::before{content:\"\";position:absolute;border-radius:100px}.gg-spinner::before{animation:spinner 1s cubic-bezier(.6,0,.4,1) infinite;border:3px solid transparent;border-top-color:currentColor}.gg-spinner::after{border:3px solid;opacity:.2}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/spinner.css');", - "json": "https:\/\/css.gg\/json?=spinner", - "xml": "https:\/\/css.gg\/xml?=spinner", - "svg_link": "https:\/\/css.gg\/spinner.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSpinner = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::after,\n &::before {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 20px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n border-radius: 100px;\n }\n &::before {\n animation: spinner 1s cubic-bezier(0.6, 0, 0.4, 1) infinite;\n border: 3px solid transparent;\n border-top-color: currentColor;\n }\n &::after {\n border: 3px solid;\n opacity: 0.2;\n }\n @keyframes spinner {\n 0% {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(359deg);\n }\n }\n`\n\nexport const Spinner = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 616, + "name": "spinner", + "tags": "interface shapes", + "css": ".gg-spinner{transform:scale(var(--ggs,1))}.gg-spinner,.gg-spinner::after,.gg-spinner::before{box-sizing:border-box;position:relative;display:block;width:20px;height:20px}.gg-spinner::after,.gg-spinner::before{content:\"\";position:absolute;border-radius:100px}.gg-spinner::before{animation:spinner 1s cubic-bezier(.6,0,.4,1) infinite;border:3px solid transparent;border-top-color:currentColor}.gg-spinner::after{border:3px solid;opacity:.2}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}", + "svg": "\n \n \n<\/svg>" + } ], "square": [ - [ - { - "nr": 617, - "name": "square", - "css": ".gg-square{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-radius:1px;border:3px solid transparent;box-shadow:0 0 0 3px,inset 0 0 0 3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/square.css');", - "json": "https:\/\/css.gg\/json?=square", - "xml": "https:\/\/css.gg\/xml?=square", - "svg_link": "https:\/\/css.gg\/square.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSquare = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 12px;\n border-radius: 1px;\n border: 3px solid transparent;\n box-shadow: 0 0 0 3px, inset 0 0 0 3px;\n }\n`\n\nexport const Square = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 617, + "name": "square", + "tags": "brands", + "css": ".gg-square{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:12px;border-radius:1px;border:3px solid transparent;box-shadow:0 0 0 3px,inset 0 0 0 3px}", + "svg": "\n \n \n<\/svg>" + } ], "stack": [ - [ - { - "nr": 618, - "name": "stack", - "css": ".gg-stack,.gg-stack::after,.gg-stack::before{display:block;box-sizing:border-box;width:14px;height:14px;border:2px solid}.gg-stack{margin-right:8px;margin-top:8px;transform:scale(var(--ggs,1));position:relative}.gg-stack::after,.gg-stack::before{content:\"\";position:absolute;border-left:0;border-bottom:0;right:-5px;top:-5px}.gg-stack::before{right:-8px;top:-8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/stack.css');", - "json": "https:\/\/css.gg\/json?=stack", - "xml": "https:\/\/css.gg\/xml?=stack", - "svg_link": "https:\/\/css.gg\/stack.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledStack = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n width: 14px;\n height: 14px;\n border: 2px solid;\n }\n & {\n margin-right: 8px;\n margin-top: 8px;\n transform: scale(var(--ggs, 1));\n position: relative;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n border-left: 0;\n border-bottom: 0;\n right: -5px;\n top: -5px;\n }\n &::before {\n right: -8px;\n top: -8px;\n }\n`\n\nexport const Stack = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 618, + "name": "stack", + "tags": "interface content", + "css": ".gg-stack,.gg-stack::after,.gg-stack::before{display:block;box-sizing:border-box;width:14px;height:14px;border:2px solid}.gg-stack{margin-right:8px;margin-top:8px;transform:scale(var(--ggs,1));position:relative}.gg-stack::after,.gg-stack::before{content:\"\";position:absolute;border-left:0;border-bottom:0;right:-5px;top:-5px}.gg-stack::before{right:-8px;top:-8px}", + "svg": "\n \n \n \n<\/svg>" + } ], "stark": [ - [ - { - "nr": 619, - "name": "stark", - "css": ".gg-stark{background:currentColor;box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:3px;height:16px}.gg-stark::after,.gg-stark::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:16px;border:3px solid}.gg-stark::before{border-top-left-radius:100px;border-bottom-left-radius:100px;border-right:0;border-top-color:transparent;left:-7px;bottom:0}.gg-stark::after{border-top-right-radius:100px;border-bottom-right-radius:100px;border-left:0;border-bottom-color:transparent;right:-7px;top:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/stark.css');", - "json": "https:\/\/css.gg\/json?=stark", - "xml": "https:\/\/css.gg\/xml?=stark", - "svg_link": "https:\/\/css.gg\/stark.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledStark = styled.i`\n & {\n background: currentColor;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 3px;\n height: 16px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 16px;\n border: 3px solid;\n }\n &::before {\n border-top-left-radius: 100px;\n border-bottom-left-radius: 100px;\n border-right: 0;\n border-top-color: transparent;\n left: -7px;\n bottom: 0;\n }\n &::after {\n border-top-right-radius: 100px;\n border-bottom-right-radius: 100px;\n border-left: 0;\n border-bottom-color: transparent;\n right: -7px;\n top: 0;\n }\n`\n\nexport const Stark = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 619, + "name": "stark", + "tags": "brands", + "css": ".gg-stark{background:currentColor;box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:3px;height:16px}.gg-stark::after,.gg-stark::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:16px;border:3px solid}.gg-stark::before{border-top-left-radius:100px;border-bottom-left-radius:100px;border-right:0;border-top-color:transparent;left:-7px;bottom:0}.gg-stark::after{border-top-right-radius:100px;border-bottom-right-radius:100px;border-left:0;border-bottom-color:transparent;right:-7px;top:0}", + "svg": "\n \n<\/svg>" + } ], "stopwatch": [ - [ - { - "nr": 620, - "name": "stopwatch", - "css": ".gg-stopwatch{background:linear-gradient(to left,currentColor 7px,transparent 0)no-repeat 6px 2px\/2px 6px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border-radius:100%;border:2px solid transparent;box-shadow:0 0 0 2px}.gg-stopwatch::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:2px;background:currentColor;transform:rotate(45deg);right:-4px;top:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/stopwatch.css');", - "json": "https:\/\/css.gg\/json?=stopwatch", - "xml": "https:\/\/css.gg\/xml?=stopwatch", - "svg_link": "https:\/\/css.gg\/stopwatch.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledStopwatch = styled.i`\n & {\n background: linear-gradient(to left, currentColor 7px, transparent 0) no-repeat 6px 2px\/2px 6px;\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border-radius: 100%;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 4px;\n height: 2px;\n background: currentColor;\n transform: rotate(45deg);\n right: -4px;\n top: -3px;\n }\n`\n\nexport const Stopwatch = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 620, + "name": "stopwatch", + "tags": "devices interface time", + "css": ".gg-stopwatch{background:linear-gradient(to left,currentColor 7px,transparent 0)no-repeat 6px 2px\/2px 6px;box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border-radius:100%;border:2px solid transparent;box-shadow:0 0 0 2px}.gg-stopwatch::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:2px;background:currentColor;transform:rotate(45deg);right:-4px;top:-3px}", + "svg": "\n \n \n \n<\/svg>" + } ], "stories": [ - [ - { - "nr": 621, - "name": "stories", - "css": ".gg-stories,.gg-stories::after,.gg-stories::before{display:block;box-sizing:border-box;border-radius:3px}.gg-stories{position:relative;transform:scale(var(--ggs,1));width:12px;height:16px;border:2px solid}.gg-stories::after,.gg-stories::before{content:\"\";position:absolute;background:currentColor;width:2px;height:14px;top:-1px}.gg-stories::before{left:-6px}.gg-stories::after{right:-6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/stories.css');", - "json": "https:\/\/css.gg\/json?=stories", - "xml": "https:\/\/css.gg\/xml?=stories", - "svg_link": "https:\/\/css.gg\/stories.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledStories = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n border-radius: 3px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 16px;\n border: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n background: currentColor;\n width: 2px;\n height: 14px;\n top: -1px;\n }\n &::before {\n left: -6px;\n }\n &::after {\n right: -6px;\n }\n`\n\nexport const Stories = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 621, + "name": "stories", + "tags": "interface design", + "css": ".gg-stories,.gg-stories::after,.gg-stories::before{display:block;box-sizing:border-box;border-radius:3px}.gg-stories{position:relative;transform:scale(var(--ggs,1));width:12px;height:16px;border:2px solid}.gg-stories::after,.gg-stories::before{content:\"\";position:absolute;background:currentColor;width:2px;height:14px;top:-1px}.gg-stories::before{left:-6px}.gg-stories::after{right:-6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "studio": [ - [ - { - "nr": 622, - "name": "studio", - "css": ".gg-studio{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid}.gg-studio::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:4px;background:currentColor;right:2px;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/studio.css');", - "json": "https:\/\/css.gg\/json?=studio", - "xml": "https:\/\/css.gg\/xml?=studio", - "svg_link": "https:\/\/css.gg\/studio.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledStudio = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 4px;\n height: 4px;\n background: currentColor;\n right: 2px;\n bottom: 2px;\n }\n`\n\nexport const Studio = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 622, + "name": "studio", + "tags": "brands", + "css": ".gg-studio{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:2px solid}.gg-studio::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:4px;height:4px;background:currentColor;right:2px;bottom:2px}", + "svg": "\n \n \n<\/svg>" + } ], "style": [ - [ - { - "nr": 623, - "name": "style", - "css": ".gg-style,.gg-style::after,.gg-style::before{display:block;box-sizing:border-box;width:8px;height:8px}.gg-style{position:relative;transform:scale(var(--ggs,1));box-shadow:-3px 3px 0 -1px,3px -3px 0 -1px}.gg-style::after,.gg-style::before{content:\"\";position:absolute;border:2px solid}.gg-style::before{top:-5px;left:-5px}.gg-style::after{bottom:-5px;right:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/style.css');", - "json": "https:\/\/css.gg\/json?=style", - "xml": "https:\/\/css.gg\/xml?=style", - "svg_link": "https:\/\/css.gg\/style.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledStyle = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n width: 8px;\n height: 8px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n box-shadow: -3px 3px 0 -1px, 3px -3px 0 -1px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n border: 2px solid;\n }\n &::before {\n top: -5px;\n left: -5px;\n }\n &::after {\n bottom: -5px;\n right: -5px;\n }\n`\n\nexport const Style = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 623, + "name": "style", + "tags": "interface", + "css": ".gg-style,.gg-style::after,.gg-style::before{display:block;box-sizing:border-box;width:8px;height:8px}.gg-style{position:relative;transform:scale(var(--ggs,1));box-shadow:-3px 3px 0 -1px,3px -3px 0 -1px}.gg-style::after,.gg-style::before{content:\"\";position:absolute;border:2px solid}.gg-style::before{top:-5px;left:-5px}.gg-style::after{bottom:-5px;right:-5px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "sun": [ - [ - { - "nr": 624, - "name": "sun", - "css": ".gg-sun{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:24px;background:linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat 5px -6px\/2px 6px,linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat 5px 14px\/2px 6px,linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat -8px 5px\/6px 2px,linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat 14px 5px\/6px 2px;border-radius:100px;box-shadow:inset 0 0 0 2px;border:6px solid transparent}.gg-sun::after,.gg-sun::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:24px;height:2px;border-right:4px solid;border-left:4px solid;left:-6px;top:5px}.gg-sun::before{transform:rotate(-45deg)}.gg-sun::after{transform:rotate(45deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/sun.css');", - "json": "https:\/\/css.gg\/json?=sun", - "xml": "https:\/\/css.gg\/xml?=sun", - "svg_link": "https:\/\/css.gg\/sun.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSun = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 24px;\n background: linear-gradient(to bottom, currentColor 4px, transparent 0) no-repeat 5px -6px\/2px 6px,\n linear-gradient(to bottom, currentColor 4px, transparent 0) no-repeat 5px 14px\/2px 6px,\n linear-gradient(to bottom, currentColor 4px, transparent 0) no-repeat -8px 5px\/6px 2px,\n linear-gradient(to bottom, currentColor 4px, transparent 0) no-repeat 14px 5px\/6px 2px;\n border-radius: 100px;\n box-shadow: inset 0 0 0 2px;\n border: 6px solid transparent;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 24px;\n height: 2px;\n border-right: 4px solid;\n border-left: 4px solid;\n left: -6px;\n top: 5px;\n }\n &::before {\n transform: rotate(-45deg);\n }\n &::after {\n transform: rotate(45deg);\n }\n`\n\nexport const Sun = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 624, + "name": "sun", + "tags": "interface design", + "css": ".gg-sun{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:24px;background:linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat 5px -6px\/2px 6px,linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat 5px 14px\/2px 6px,linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat -8px 5px\/6px 2px,linear-gradient(to bottom,currentColor 4px,transparent 0)no-repeat 14px 5px\/6px 2px;border-radius:100px;box-shadow:inset 0 0 0 2px;border:6px solid transparent}.gg-sun::after,.gg-sun::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:24px;height:2px;border-right:4px solid;border-left:4px solid;left:-6px;top:5px}.gg-sun::before{transform:rotate(-45deg)}.gg-sun::after{transform:rotate(45deg)}", + "svg": "\n \n \n<\/svg>" + } ], "support": [ - [ - { - "nr": 625, - "name": "support", - "css": ".gg-support{box-sizing:border-box;position:relative;display:block;width:20px;height:20px;transform:rotate(45deg) scale(var(--ggs,1));border:5px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 2px;border-radius:40px}.gg-support::after,.gg-support::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-support::before{border-left:9px solid;border-right:9px solid;width:24px;height:2px;left:-7px;top:4px}.gg-support::after{width:2px;height:24px;border-top:9px solid;border-bottom:9px solid;left:4px;top:-7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/support.css');", - "json": "https:\/\/css.gg\/json?=support", - "xml": "https:\/\/css.gg\/xml?=support", - "svg_link": "https:\/\/css.gg\/support.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSupport = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n width: 20px;\n height: 20px;\n transform: rotate(45deg) scale(var(--ggs, 1));\n border: 5px solid transparent;\n box-shadow: 0 0 0 2px, inset 0 0 0 2px;\n border-radius: 40px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-left: 9px solid;\n border-right: 9px solid;\n width: 24px;\n height: 2px;\n left: -7px;\n top: 4px;\n }\n &::after {\n width: 2px;\n height: 24px;\n border-top: 9px solid;\n border-bottom: 9px solid;\n left: 4px;\n top: -7px;\n }\n`\n\nexport const Support = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 625, + "name": "support", + "tags": "interface signs", + "css": ".gg-support{box-sizing:border-box;position:relative;display:block;width:20px;height:20px;transform:rotate(45deg) scale(var(--ggs,1));border:5px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 2px;border-radius:40px}.gg-support::after,.gg-support::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-support::before{border-left:9px solid;border-right:9px solid;width:24px;height:2px;left:-7px;top:4px}.gg-support::after{width:2px;height:24px;border-top:9px solid;border-bottom:9px solid;left:4px;top:-7px}", + "svg": "\n \n<\/svg>" + } ], "swap-vertical": [ - [ - { - "nr": 626, - "name": "swap-vertical", - "css": ".gg-swap-vertical{box-sizing:border-box;position:relative;display:block;transform:rotate(90deg) scale(var(--ggs,1));box-shadow:-2px 2px 0,2px -2px 0;width:6px;height:2px}.gg-swap-vertical::after,.gg-swap-vertical::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.gg-swap-vertical::before{border-left:3px solid;top:-4px;right:-4px}.gg-swap-vertical::after{border-right:3px solid;bottom:-4px;left:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/swap-vertical.css');", - "json": "https:\/\/css.gg\/json?=swap-vertical", - "xml": "https:\/\/css.gg\/xml?=swap-vertical", - "svg_link": "https:\/\/css.gg\/swap-vertical.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSwapVertical = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(90deg) scale(var(--ggs, 1));\n box-shadow: -2px 2px 0, 2px -2px 0;\n width: 6px;\n height: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 0;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n }\n &::before {\n border-left: 3px solid;\n top: -4px;\n right: -4px;\n }\n &::after {\n border-right: 3px solid;\n bottom: -4px;\n left: -4px;\n }\n`\n\nexport const SwapVertical = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 626, + "name": "swap-vertical", + "tags": "interface arrows", + "css": ".gg-swap-vertical{box-sizing:border-box;position:relative;display:block;transform:rotate(90deg) scale(var(--ggs,1));box-shadow:-2px 2px 0,2px -2px 0;width:6px;height:2px}.gg-swap-vertical::after,.gg-swap-vertical::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.gg-swap-vertical::before{border-left:3px solid;top:-4px;right:-4px}.gg-swap-vertical::after{border-right:3px solid;bottom:-4px;left:-4px}", + "svg": "\n \n \n<\/svg>" + } ], "swap": [ - [ - { - "nr": 627, - "name": "swap", - "css": ".gg-swap{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));box-shadow:-2px 2px 0,2px -2px 0;width:6px;height:2px}.gg-swap::after,.gg-swap::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.gg-swap::before{border-left:3px solid;top:-4px;right:-4px}.gg-swap::after{border-right:3px solid;bottom:-4px;left:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/swap.css');", - "json": "https:\/\/css.gg\/json?=swap", - "xml": "https:\/\/css.gg\/xml?=swap", - "svg_link": "https:\/\/css.gg\/swap.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSwap = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n box-shadow: -2px 2px 0, 2px -2px 0;\n width: 6px;\n height: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 0;\n height: 0;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n }\n &::before {\n border-left: 3px solid;\n top: -4px;\n right: -4px;\n }\n &::after {\n border-right: 3px solid;\n bottom: -4px;\n left: -4px;\n }\n`\n\nexport const Swap = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 627, + "name": "swap", + "tags": "interface arrows", + "css": ".gg-swap{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));box-shadow:-2px 2px 0,2px -2px 0;width:6px;height:2px}.gg-swap::after,.gg-swap::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-top:3px solid transparent;border-bottom:3px solid transparent}.gg-swap::before{border-left:3px solid;top:-4px;right:-4px}.gg-swap::after{border-right:3px solid;bottom:-4px;left:-4px}", + "svg": "\n \n \n<\/svg>" + } ], "sweden": [ - [ - { - "nr": 628, - "name": "sweden", - "css": ".gg-sweden{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:21px;height:16px}.gg-sweden::after,.gg-sweden::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:6px;background:currentColor;box-shadow:0 8px 0;top:0}.gg-sweden::before{left:0;width:7px}.gg-sweden::after{width:12px;right:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/sweden.css');", - "json": "https:\/\/css.gg\/json?=sweden", - "xml": "https:\/\/css.gg\/xml?=sweden", - "svg_link": "https:\/\/css.gg\/sweden.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSweden = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 21px;\n height: 16px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 6px;\n background: currentColor;\n box-shadow: 0 8px 0;\n top: 0;\n }\n &::before {\n left: 0;\n width: 7px;\n }\n &::after {\n width: 12px;\n right: 0;\n }\n`\n\nexport const Sweden = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 628, + "name": "sweden", + "tags": "signs brands", + "css": ".gg-sweden{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:21px;height:16px}.gg-sweden::after,.gg-sweden::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:6px;background:currentColor;box-shadow:0 8px 0;top:0}.gg-sweden::before{left:0;width:7px}.gg-sweden::after{width:12px;right:0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "swiss": [ - [ - { - "nr": 629, - "name": "swiss", - "css": ".gg-swiss{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:4px solid}.gg-swiss::after,.gg-swiss::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:5px;height:5px;background:currentColor;box-shadow:0 9px 0;top:-2px}.gg-swiss::after{left:-2px}.gg-swiss::before{right:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/swiss.css');", - "json": "https:\/\/css.gg\/json?=swiss", - "xml": "https:\/\/css.gg\/xml?=swiss", - "svg_link": "https:\/\/css.gg\/swiss.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSwiss = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 4px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 5px;\n height: 5px;\n background: currentColor;\n box-shadow: 0 9px 0;\n top: -2px;\n }\n &::after {\n left: -2px;\n }\n &::before {\n right: -2px;\n }\n`\n\nexport const Swiss = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 629, + "name": "swiss", + "tags": "signs brands", + "css": ".gg-swiss{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border:4px solid}.gg-swiss::after,.gg-swiss::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:5px;height:5px;background:currentColor;box-shadow:0 9px 0;top:-2px}.gg-swiss::after{left:-2px}.gg-swiss::before{right:-2px}", + "svg": "\n \n<\/svg>" + } ], "sync": [ - [ - { - "nr": 630, - "name": "sync", - "css": ".gg-sync{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-radius:40px;border:2px solid;margin:1px;border-left-color:transparent;border-right-color:transparent;width:18px;height:18px}.gg-sync::after,.gg-sync::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:rotate(-45deg)}.gg-sync::before{border-left:6px solid;bottom:-1px;right:-3px}.gg-sync::after{border-right:6px solid;top:-1px;left:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/sync.css');", - "json": "https:\/\/css.gg\/json?=sync", - "xml": "https:\/\/css.gg\/xml?=sync", - "svg_link": "https:\/\/css.gg\/sync.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledSync = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border-radius: 40px;\n border: 2px solid;\n margin: 1px;\n border-left-color: transparent;\n border-right-color: transparent;\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 width: 0;\n height: 0;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n transform: rotate(-45deg);\n }\n &::before {\n border-left: 6px solid;\n bottom: -1px;\n right: -3px;\n }\n &::after {\n border-right: 6px solid;\n top: -1px;\n left: -3px;\n }\n`\n\nexport const Sync = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 630, + "name": "sync", + "tags": "interface arrows", + "css": ".gg-sync{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border-radius:40px;border:2px solid;margin:1px;border-left-color:transparent;border-right-color:transparent;width:18px;height:18px}.gg-sync::after,.gg-sync::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;transform:rotate(-45deg)}.gg-sync::before{border-left:6px solid;bottom:-1px;right:-3px}.gg-sync::after{border-right:6px solid;top:-1px;left:-3px}", + "svg": "\n \n \n<\/svg>" + } ], "tab": [ - [ - { - "nr": 631, - "name": "tab", - "css": ".gg-tab,.gg-tab::before{display:block;box-sizing:border-box}.gg-tab{position:relative;transform:scale(var(--ggs,1));width:20px;height:16px;border:2px solid;border-radius:3px}.gg-tab::before{content:\"\";position:absolute;width:10px;height:6px;background:currentColor;border-radius:1px;transform:skewX(20deg);top:-2px;right:-1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/tab.css');", - "json": "https:\/\/css.gg\/json?=tab", - "xml": "https:\/\/css.gg\/xml?=tab", - "svg_link": "https:\/\/css.gg\/tab.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTab = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 16px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 10px;\n height: 6px;\n background: currentColor;\n border-radius: 1px;\n transform: skewX(20deg);\n top: -2px;\n right: -1px;\n }\n`\n\nexport const Tab = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 631, + "name": "tab", + "tags": "interface", + "css": ".gg-tab,.gg-tab::before{display:block;box-sizing:border-box}.gg-tab{position:relative;transform:scale(var(--ggs,1));width:20px;height:16px;border:2px solid;border-radius:3px}.gg-tab::before{content:\"\";position:absolute;width:10px;height:6px;background:currentColor;border-radius:1px;transform:skewX(20deg);top:-2px;right:-1px}", + "svg": "\n \n<\/svg>" + } ], "tag": [ - [ - { - "nr": 632, - "name": "tag", - "css": ".gg-tag,.gg-tag::before{display:block;border:2px solid}.gg-tag{border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px;box-sizing:border-box;transform:scale(var(--ggs,1));position:relative;width:19px;height:14px}.gg-tag::before{content:\"\";position:absolute;width:2px;height:2px;box-sizing:content-box;border-radius:100px;right:0;top:2px}.gg-tag::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-right:2px solid;border-bottom-right-radius:4px;transform:rotate(-45deg);top:0;right:-5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/tag.css');", - "json": "https:\/\/css.gg\/json?=tag", - "xml": "https:\/\/css.gg\/xml?=tag", - "svg_link": "https:\/\/css.gg\/tag.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTag = styled.i`\n &,\n &::before {\n display: block;\n border: 2px solid;\n }\n & {\n border-right: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n position: relative;\n width: 19px;\n height: 14px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 2px;\n height: 2px;\n box-sizing: content-box;\n border-radius: 100px;\n right: 0;\n top: 2px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 10px;\n height: 10px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n border-bottom-right-radius: 4px;\n transform: rotate(-45deg);\n top: 0;\n right: -5px;\n }\n`\n\nexport const Tag = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 632, + "name": "tag", + "tags": "interface shopping", + "css": ".gg-tag,.gg-tag::before{display:block;border:2px solid}.gg-tag{border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px;box-sizing:border-box;transform:scale(var(--ggs,1));position:relative;width:19px;height:14px}.gg-tag::before{content:\"\";position:absolute;width:2px;height:2px;box-sizing:content-box;border-radius:100px;right:0;top:2px}.gg-tag::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border-bottom:2px solid;border-right:2px solid;border-bottom-right-radius:4px;transform:rotate(-45deg);top:0;right:-5px}", + "svg": "\n \n \n<\/svg>" + } ], "tally": [ - [ - { - "nr": 633, - "name": "tally", - "css": ".gg-tally{box-sizing:border-box;position:relative;display:block;transform:skew(-10deg) scale(var(--ggs,1));width:18px;height:20px}.gg-tally::after,.gg-tally::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:3px;background:currentColor;border-radius:.5px}.gg-tally::before{height:20px;box-shadow:5px 0 0;left:5px}.gg-tally::after{height:8px;box-shadow:15px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/tally.css');", - "json": "https:\/\/css.gg\/json?=tally", - "xml": "https:\/\/css.gg\/xml?=tally", - "svg_link": "https:\/\/css.gg\/tally.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTally = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: skew(-10deg) scale(var(--ggs, 1));\n width: 18px;\n height: 20px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n box-sizing: border-box;\n display: block;\n width: 3px;\n background: currentColor;\n border-radius: 0.5px;\n }\n &::before {\n height: 20px;\n box-shadow: 5px 0 0;\n left: 5px;\n }\n &::after {\n height: 8px;\n box-shadow: 15px 0 0;\n }\n`\n\nexport const Tally = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 633, + "name": "tally", + "tags": "brands", + "css": ".gg-tally{box-sizing:border-box;position:relative;display:block;transform:skew(-10deg) scale(var(--ggs,1));width:18px;height:20px}.gg-tally::after,.gg-tally::before{content:\"\";position:absolute;box-sizing:border-box;display:block;width:3px;background:currentColor;border-radius:.5px}.gg-tally::before{height:20px;box-shadow:5px 0 0;left:5px}.gg-tally::after{height:8px;box-shadow:15px 0 0}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "tap-double": [ - [ - { - "nr": 634, - "name": "tap-double", - "css": ".gg-tap-double{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:20px;height:22px}.gg-tap-double::after,.gg-tap-double::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:22px}.gg-tap-double::before{width:20px;height:20px;border:6px double transparent;border-top:6px double}.gg-tap-double::after{width:6px;height:10px;border:2px solid transparent;border-bottom-width:5px;box-shadow:0 0 0 2px,inset 0 0 0 2px;left:7px;bottom:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/tap-double.css');", - "json": "https:\/\/css.gg\/json?=tap-double", - "xml": "https:\/\/css.gg\/xml?=tap-double", - "svg_link": "https:\/\/css.gg\/tap-double.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTapDouble = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 20px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 22px;\n }\n &::before {\n width: 20px;\n height: 20px;\n border: 6px double transparent;\n border-top: 6px double;\n }\n &::after {\n width: 6px;\n height: 10px;\n border: 2px solid transparent;\n border-bottom-width: 5px;\n box-shadow: 0 0 0 2px, inset 0 0 0 2px;\n left: 7px;\n bottom: 2px;\n }\n`\n\nexport const TapDouble = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 634, + "name": "tap-double", + "tags": "interface", + "css": ".gg-tap-double{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:20px;height:22px}.gg-tap-double::after,.gg-tap-double::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:22px}.gg-tap-double::before{width:20px;height:20px;border:6px double transparent;border-top:6px double}.gg-tap-double::after{width:6px;height:10px;border:2px solid transparent;border-bottom-width:5px;box-shadow:0 0 0 2px,inset 0 0 0 2px;left:7px;bottom:2px}", + "svg": "\n \n \n \n \n<\/svg>" + } ], "tap-single": [ - [ - { - "nr": 635, - "name": "tap-single", - "css": ".gg-tap-single{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:16px;height:22px}.gg-tap-single::after,.gg-tap-single::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid transparent;border-radius:22px}.gg-tap-single::before{width:16px;height:16px;border-top:2px solid;top:2px}.gg-tap-single::after{width:6px;height:10px;border-bottom-width:5px;box-shadow:0 0 0 2px,inset 0 0 0 2px;left:5px;top:8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/tap-single.css');", - "json": "https:\/\/css.gg\/json?=tap-single", - "xml": "https:\/\/css.gg\/xml?=tap-single", - "svg_link": "https:\/\/css.gg\/tap-single.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTapSingle = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid transparent;\n border-radius: 22px;\n }\n &::before {\n width: 16px;\n height: 16px;\n border-top: 2px solid;\n top: 2px;\n }\n &::after {\n width: 6px;\n height: 10px;\n border-bottom-width: 5px;\n box-shadow: 0 0 0 2px, inset 0 0 0 2px;\n left: 5px;\n top: 8px;\n }\n`\n\nexport const TapSingle = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 635, + "name": "tap-single", + "tags": "interface", + "css": ".gg-tap-single{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:16px;height:22px}.gg-tap-single::after,.gg-tap-single::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid transparent;border-radius:22px}.gg-tap-single::before{width:16px;height:16px;border-top:2px solid;top:2px}.gg-tap-single::after{width:6px;height:10px;border-bottom-width:5px;box-shadow:0 0 0 2px,inset 0 0 0 2px;left:5px;top:8px}", + "svg": "\n \n \n \n<\/svg>" + } ], "template": [ - [ - { - "nr": 636, - "name": "template", - "css": ".gg-template{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:6px;border:2px solid;margin-top:-14px}.gg-template::after,.gg-template::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:10px;top:6px}.gg-template::after{border:2px solid;left:-2px}.gg-template::before{border-top:6px double;border-bottom:2px solid;right:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/template.css');", - "json": "https:\/\/css.gg\/json?=template", - "xml": "https:\/\/css.gg\/xml?=template", - "svg_link": "https:\/\/css.gg\/template.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTemplate = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 6px;\n border: 2px solid;\n margin-top: -14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 10px;\n top: 6px;\n }\n &::after {\n border: 2px solid;\n left: -2px;\n }\n &::before {\n border-top: 6px double;\n border-bottom: 2px solid;\n right: -2px;\n }\n`\n\nexport const Template = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 636, + "name": "template", + "tags": "interface design", + "css": ".gg-template{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:6px;border:2px solid;margin-top:-14px}.gg-template::after,.gg-template::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:10px;top:6px}.gg-template::after{border:2px solid;left:-2px}.gg-template::before{border-top:6px double;border-bottom:2px solid;right:-2px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "tennis": [ - [ - { - "nr": 637, - "name": "tennis", - "css": ".gg-tennis,.gg-tennis::after,.gg-tennis::before{display:block;box-sizing:border-box;border:2px solid;width:20px;height:20px;border-radius:20px}.gg-tennis{position:relative;transform:scale(var(--ggs,1));overflow:hidden}.gg-tennis::after,.gg-tennis::before{content:\"\";position:absolute}.gg-tennis::before{left:-11px;top:-11px}.gg-tennis::after{right:-11px;bottom:-11px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/tennis.css');", - "json": "https:\/\/css.gg\/json?=tennis", - "xml": "https:\/\/css.gg\/xml?=tennis", - "svg_link": "https:\/\/css.gg\/tennis.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTennis = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n border: 2px solid;\n width: 20px;\n height: 20px;\n border-radius: 20px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n }\n &::before {\n left: -11px;\n top: -11px;\n }\n &::after {\n right: -11px;\n bottom: -11px;\n }\n`\n\nexport const Tennis = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 637, + "name": "tennis", + "tags": "interface", + "css": ".gg-tennis,.gg-tennis::after,.gg-tennis::before{display:block;box-sizing:border-box;border:2px solid;width:20px;height:20px;border-radius:20px}.gg-tennis{position:relative;transform:scale(var(--ggs,1));overflow:hidden}.gg-tennis::after,.gg-tennis::before{content:\"\";position:absolute}.gg-tennis::before{left:-11px;top:-11px}.gg-tennis::after{right:-11px;bottom:-11px}", + "svg": "\n \n<\/svg>" + } ], "terminal": [ - [ - { - "nr": 638, - "name": "terminal", - "css": ".gg-terminal{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:20px;border:2px solid;border-radius:2px}.gg-terminal::after,.gg-terminal::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-terminal::before{border-right:2px solid;border-bottom:2px solid;transform:rotate(-45deg);width:6px;height:6px;top:5px;left:3px}.gg-terminal::after{width:4px;height:2px;background:currentColor;top:10px;left:11px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/terminal.css');", - "json": "https:\/\/css.gg\/json?=terminal", - "xml": "https:\/\/css.gg\/xml?=terminal", - "svg_link": "https:\/\/css.gg\/terminal.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTerminal = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 20px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-right: 2px solid;\n border-bottom: 2px solid;\n transform: rotate(-45deg);\n width: 6px;\n height: 6px;\n top: 5px;\n left: 3px;\n }\n &::after {\n width: 4px;\n height: 2px;\n background: currentColor;\n top: 10px;\n left: 11px;\n }\n`\n\nexport const Terminal = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 638, + "name": "terminal", + "tags": "interface code", + "css": ".gg-terminal{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:20px;border:2px solid;border-radius:2px}.gg-terminal::after,.gg-terminal::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-terminal::before{border-right:2px solid;border-bottom:2px solid;transform:rotate(-45deg);width:6px;height:6px;top:5px;left:3px}.gg-terminal::after{width:4px;height:2px;background:currentColor;top:10px;left:11px}", + "svg": "\n \n \n \n<\/svg>" + } ], "terrain": [ - [ - { - "nr": 639, - "name": "terrain", - "css": ".gg-terrain{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:22px;height:14px;overflow:hidden}.gg-terrain::after,.gg-terrain::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-terrain::before{width:0;height:10px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid;top:4px}.gg-terrain::after{width:6px;height:22px;background:currentColor;transform:rotate(-32deg) skewY(-35deg);left:14px;top:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/terrain.css');", - "json": "https:\/\/css.gg\/json?=terrain", - "xml": "https:\/\/css.gg\/xml?=terrain", - "svg_link": "https:\/\/css.gg\/terrain.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTerrain = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 14px;\n overflow: hidden;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n width: 0;\n height: 10px;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 10px solid;\n top: 4px;\n }\n &::after {\n width: 6px;\n height: 22px;\n background: currentColor;\n transform: rotate(-32deg) skewY(-35deg);\n left: 14px;\n top: 3px;\n }\n`\n\nexport const Terrain = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 639, + "name": "terrain", + "tags": "interface", + "css": ".gg-terrain{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:22px;height:14px;overflow:hidden}.gg-terrain::after,.gg-terrain::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-terrain::before{width:0;height:10px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid;top:4px}.gg-terrain::after{width:6px;height:22px;background:currentColor;transform:rotate(-32deg) skewY(-35deg);left:14px;top:3px}", + "svg": "\n \n \n<\/svg>" + } ], "thermometer": [ - [ - { - "nr": 640, - "name": "thermometer", - "css": ".gg-thermometer{position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-thermometer::after,.gg-thermometer::before{content:\"\";display:block;position:absolute;width:2px;border-radius:22px;transform:rotate(45deg)}.gg-thermometer::before{height:12px;border:2px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 6px;right:6px;top:1px}.gg-thermometer::after{height:8px;background:currentColor;bottom:0;left:3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/thermometer.css');", - "json": "https:\/\/css.gg\/json?=thermometer", - "xml": "https:\/\/css.gg\/xml?=thermometer", - "svg_link": "https:\/\/css.gg\/thermometer.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledThermometer = styled.i`\n & {\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n width: 2px;\n border-radius: 22px;\n transform: rotate(45deg);\n }\n &::before {\n height: 12px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px, inset 0 0 0 6px;\n right: 6px;\n top: 1px;\n }\n &::after {\n height: 8px;\n background: currentColor;\n bottom: 0;\n left: 3px;\n }\n`\n\nexport const Thermometer = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 640, + "name": "thermometer", + "tags": "interface", + "css": ".gg-thermometer{position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px}.gg-thermometer::after,.gg-thermometer::before{content:\"\";display:block;position:absolute;width:2px;border-radius:22px;transform:rotate(45deg)}.gg-thermometer::before{height:12px;border:2px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 6px;right:6px;top:1px}.gg-thermometer::after{height:8px;background:currentColor;bottom:0;left:3px}", + "svg": "\n \n \n<\/svg>" + } ], "thermostat": [ - [ - { - "nr": 641, - "name": "thermostat", - "css": ".gg-thermostat{position:relative;display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:10px;height:24px}.gg-thermostat::after,.gg-thermostat::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-thermostat::after{width:12px;height:12px;border-top-color:transparent;bottom:0;border-radius:100px;background:radial-gradient(circle,currentColor 20%,transparent 20%) no-repeat center}.gg-thermostat::before{width:8px;height:16px;border-bottom-color:transparent;left:2px;border-top-left-radius:100px;border-top-right-radius:100px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/thermostat.css');", - "json": "https:\/\/css.gg\/json?=thermostat", - "xml": "https:\/\/css.gg\/xml?=thermostat", - "svg_link": "https:\/\/css.gg\/thermostat.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledThermostat = styled.i`\n & {\n position: relative;\n display: block;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 10px;\n height: 24px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n }\n &::after {\n width: 12px;\n height: 12px;\n border-top-color: transparent;\n bottom: 0;\n border-radius: 100px;\n background: radial-gradient(circle, currentColor 20%, transparent 20%) no-repeat center;\n }\n &::before {\n width: 8px;\n height: 16px;\n border-bottom-color: transparent;\n left: 2px;\n border-top-left-radius: 100px;\n border-top-right-radius: 100px;\n }\n`\n\nexport const Thermostat = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 641, + "name": "thermostat", + "tags": "devices", + "css": ".gg-thermostat{position:relative;display:block;box-sizing:border-box;transform:scale(var(--ggs,1));width:10px;height:24px}.gg-thermostat::after,.gg-thermostat::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-thermostat::after{width:12px;height:12px;border-top-color:transparent;bottom:0;border-radius:100px;background:radial-gradient(circle,currentColor 20%,transparent 20%) no-repeat center}.gg-thermostat::before{width:8px;height:16px;border-bottom-color:transparent;left:2px;border-top-left-radius:100px;border-top-right-radius:100px}", + "svg": "\n \n \n<\/svg>" + } ], "tikcode": [ - [ - { - "nr": 642, - "name": "tikcode", - "css": ".gg-tikcode{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 10px 0\/8px 2px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 10px 6px\/8px 2px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 10px 10px\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 13px 10px\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 16px 10px\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 16px 0\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 10px 0\/2px 8px}.gg-tikcode::after,.gg-tikcode::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:8px;height:8px;border:2px solid}.gg-tikcode::after{bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/tikcode.css');", - "json": "https:\/\/css.gg\/json?=tikcode", - "xml": "https:\/\/css.gg\/xml?=tikcode", - "svg_link": "https:\/\/css.gg\/tikcode.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTikcode = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px 0\/8px 2px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px 6px\/8px 2px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px 10px\/2px 8px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 13px 10px\/2px 8px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 16px 10px\/2px 8px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 16px 0\/2px 8px,\n linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 10px 0\/2px 8px;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n display: block;\n box-sizing: border-box;\n width: 8px;\n height: 8px;\n border: 2px solid;\n }\n &::after {\n bottom: 0;\n }\n`\n\nexport const Tikcode = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 642, + "name": "tikcode", + "tags": "interface design", + "css": ".gg-tikcode{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;background:linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 10px 0\/8px 2px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 10px 6px\/8px 2px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 10px 10px\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 13px 10px\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 16px 10px\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 16px 0\/2px 8px,linear-gradient(to left,currentColor 10px,transparent 0) no-repeat 10px 0\/2px 8px}.gg-tikcode::after,.gg-tikcode::before{content:\"\";position:absolute;display:block;box-sizing:border-box;width:8px;height:8px;border:2px solid}.gg-tikcode::after{bottom:0}", + "svg": "\n \n \n \n \n \n \n<\/svg>" + } ], "time": [ - [ - { - "nr": 643, - "name": "time", - "css": ".gg-time{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border-radius:100%;border:2px solid transparent;box-shadow:0 0 0 2px currentColor}.gg-time::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:7px;height:7px;border-left:2px solid;border-bottom:2px solid;top:1px;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/time.css');", - "json": "https:\/\/css.gg\/json?=time", - "xml": "https:\/\/css.gg\/xml?=time", - "svg_link": "https:\/\/css.gg\/time.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTime = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border-radius: 100%;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px currentColor;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 7px;\n height: 7px;\n border-left: 2px solid;\n border-bottom: 2px solid;\n top: 1px;\n left: 5px;\n }\n`\n\nexport const Time = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 643, + "name": "time", + "tags": "interface time", + "css": ".gg-time{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:18px;border-radius:100%;border:2px solid transparent;box-shadow:0 0 0 2px currentColor}.gg-time::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:7px;height:7px;border-left:2px solid;border-bottom:2px solid;top:1px;left:5px}", + "svg": "\n \n \n<\/svg>" + } ], "timelapse": [ - [ - { - "nr": 644, - "name": "timelapse", - "css": ".gg-timelapse{box-sizing:border-box;transform:scale(var(--ggs,1));position:relative;display:block;width:22px;height:22px;border:2px solid;border-radius:22px}.gg-timelapse::after,.gg-timelapse::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:5px;height:4px;border:7px solid;border-left-color:transparent;border-bottom-color:transparent;border-radius:22px;top:2px;right:2px}.gg-timelapse::before{transform:rotate(45deg)}.gg-timelapse::after{border-top-color:transparent;transform:rotate(85deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/timelapse.css');", - "json": "https:\/\/css.gg\/json?=timelapse", - "xml": "https:\/\/css.gg\/xml?=timelapse", - "svg_link": "https:\/\/css.gg\/timelapse.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTimelapse = styled.i`\n & {\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n position: relative;\n display: block;\n width: 22px;\n height: 22px;\n border: 2px solid;\n border-radius: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 5px;\n height: 4px;\n border: 7px solid;\n border-left-color: transparent;\n border-bottom-color: transparent;\n border-radius: 22px;\n top: 2px;\n right: 2px;\n }\n &::before {\n transform: rotate(45deg);\n }\n &::after {\n border-top-color: transparent;\n transform: rotate(85deg);\n }\n`\n\nexport const Timelapse = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 644, + "name": "timelapse", + "tags": "interface", + "css": ".gg-timelapse{box-sizing:border-box;transform:scale(var(--ggs,1));position:relative;display:block;width:22px;height:22px;border:2px solid;border-radius:22px}.gg-timelapse::after,.gg-timelapse::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:5px;height:4px;border:7px solid;border-left-color:transparent;border-bottom-color:transparent;border-radius:22px;top:2px;right:2px}.gg-timelapse::before{transform:rotate(45deg)}.gg-timelapse::after{border-top-color:transparent;transform:rotate(85deg)}", + "svg": "\n \n \n<\/svg>" + } ], "timer": [ - [ - { - "nr": 645, - "name": "timer", - "css": ".gg-timer,.gg-timer::before{border:2px solid;width:18px;height:18px;border-radius:40px}.gg-timer{background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 6px -2px\/2px 6px;box-sizing:border-box;transform:scale(var(--ggs,1));position:relative;display:block;border-top-color:transparent}.gg-timer::after,.gg-timer::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-timer::before{border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent;right:-2px;top:-2px;transform:rotate(45deg)}.gg-timer::after{width:2px;height:6px;background:currentColor;transform:rotate(-50deg);left:4px;bottom:5px;border-radius:100px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/timer.css');", - "json": "https:\/\/css.gg\/json?=timer", - "xml": "https:\/\/css.gg\/xml?=timer", - "svg_link": "https:\/\/css.gg\/timer.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTimer = styled.i`\n &,\n &::before {\n border: 2px solid;\n width: 18px;\n height: 18px;\n border-radius: 40px;\n }\n & {\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 6px -2px\/2px 6px;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n position: relative;\n display: block;\n border-top-color: transparent;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-right-color: transparent;\n border-left-color: transparent;\n border-bottom-color: transparent;\n right: -2px;\n top: -2px;\n transform: rotate(45deg);\n }\n &::after {\n width: 2px;\n height: 6px;\n background: currentColor;\n transform: rotate(-50deg);\n left: 4px;\n bottom: 5px;\n border-radius: 100px;\n }\n`\n\nexport const Timer = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 645, + "name": "timer", + "tags": "interface time", + "css": ".gg-timer,.gg-timer::before{border:2px solid;width:18px;height:18px;border-radius:40px}.gg-timer{background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 6px -2px\/2px 6px;box-sizing:border-box;transform:scale(var(--ggs,1));position:relative;display:block;border-top-color:transparent}.gg-timer::after,.gg-timer::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-timer::before{border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent;right:-2px;top:-2px;transform:rotate(45deg)}.gg-timer::after{width:2px;height:6px;background:currentColor;transform:rotate(-50deg);left:4px;bottom:5px;border-radius:100px}", + "svg": "\n \n \n<\/svg>" + } ], "today": [ - [ - { - "nr": 646, - "name": "today", - "css": ".gg-today{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:3px}.gg-today::after,.gg-today::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:2px;background:currentColor;border-radius:1px}.gg-today::before{bottom:2px;width:10px;height:10px;opacity:.5}.gg-today::after{top:2px;width:6px;height:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/today.css');", - "json": "https:\/\/css.gg\/json?=today", - "xml": "https:\/\/css.gg\/xml?=today", - "svg_link": "https:\/\/css.gg\/today.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledToday = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 22px;\n border: 2px solid;\n border-radius: 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 2px;\n background: currentColor;\n border-radius: 1px;\n }\n &::before {\n bottom: 2px;\n width: 10px;\n height: 10px;\n opacity: 0.5;\n }\n &::after {\n top: 2px;\n width: 6px;\n height: 2px;\n }\n`\n\nexport const Today = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 646, + "name": "today", + "tags": "interface", + "css": ".gg-today{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:18px;height:22px;border:2px solid;border-radius:3px}.gg-today::after,.gg-today::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:2px;background:currentColor;border-radius:1px}.gg-today::before{bottom:2px;width:10px;height:10px;opacity:.5}.gg-today::after{top:2px;width:6px;height:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "toggle-off": [ - [ - { - "nr": 647, - "name": "toggle-off", - "css": ".gg-toggle-off,.gg-toggle-off::before{display:block;box-sizing:border-box;border-radius:20px}.gg-toggle-off{border:2px solid;position:relative;transform:scale(var(--ggs,1));width:24px;height:14px}.gg-toggle-off::before{content:\"\";position:absolute;width:6px;height:6px;background:currentColor;top:2px;left:12px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/toggle-off.css');", - "json": "https:\/\/css.gg\/json?=toggle-off", - "xml": "https:\/\/css.gg\/xml?=toggle-off", - "svg_link": "https:\/\/css.gg\/toggle-off.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledToggleOff = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n border-radius: 20px;\n }\n & {\n border: 2px solid;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 14px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 6px;\n height: 6px;\n background: currentColor;\n top: 2px;\n left: 12px;\n }\n`\n\nexport const ToggleOff = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 647, + "name": "toggle-off", + "tags": "interface buttons", + "css": ".gg-toggle-off,.gg-toggle-off::before{display:block;box-sizing:border-box;border-radius:20px}.gg-toggle-off{border:2px solid;position:relative;transform:scale(var(--ggs,1));width:24px;height:14px}.gg-toggle-off::before{content:\"\";position:absolute;width:6px;height:6px;background:currentColor;top:2px;left:12px}", + "svg": "\n \n \n<\/svg>" + } ], "toggle-on": [ - [ - { - "nr": 648, - "name": "toggle-on", - "css": ".gg-toggle-on,.gg-toggle-on::before{display:block;box-sizing:border-box;border-radius:20px}.gg-toggle-on{border:2px solid;position:relative;transform:scale(var(--ggs,1));width:24px;height:14px}.gg-toggle-on::before{content:\"\";position:absolute;width:6px;height:6px;background:currentColor;top:2px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/toggle-on.css');", - "json": "https:\/\/css.gg\/json?=toggle-on", - "xml": "https:\/\/css.gg\/xml?=toggle-on", - "svg_link": "https:\/\/css.gg\/toggle-on.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledToggleOn = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n border-radius: 20px;\n }\n & {\n border: 2px solid;\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 14px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 6px;\n height: 6px;\n background: currentColor;\n top: 2px;\n left: 2px;\n }\n`\n\nexport const ToggleOn = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 648, + "name": "toggle-on", + "tags": "interface buttons", + "css": ".gg-toggle-on,.gg-toggle-on::before{display:block;box-sizing:border-box;border-radius:20px}.gg-toggle-on{border:2px solid;position:relative;transform:scale(var(--ggs,1));width:24px;height:14px}.gg-toggle-on::before{content:\"\";position:absolute;width:6px;height:6px;background:currentColor;top:2px;left:2px}", + "svg": "\n \n \n<\/svg>" + } ], "toggle-square-off": [ - [ - { - "nr": 649, - "name": "toggle-square-off", - "css": ".gg-toggle-square-off{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:14px;border:2px solid;border-radius:2px}.gg-toggle-square-off::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;background:currentColor;top:2px;left:12px;border-radius:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/toggle-square-off.css');", - "json": "https:\/\/css.gg\/json?=toggle-square-off", - "xml": "https:\/\/css.gg\/xml?=toggle-square-off", - "svg_link": "https:\/\/css.gg\/toggle-square-off.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledToggleSquareOff = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 14px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n background: currentColor;\n top: 2px;\n left: 12px;\n border-radius: 1px;\n }\n`\n\nexport const ToggleSquareOff = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 649, + "name": "toggle-square-off", + "tags": "interface buttons", + "css": ".gg-toggle-square-off{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:14px;border:2px solid;border-radius:2px}.gg-toggle-square-off::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;background:currentColor;top:2px;left:12px;border-radius:1px}", + "svg": "\n \n \n<\/svg>" + } ], "toggle-square": [ - [ - { - "nr": 650, - "name": "toggle-square", - "css": ".gg-toggle-square{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:14px;border:2px solid;border-radius:2px}.gg-toggle-square::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;background:currentColor;top:2px;left:2px;border-radius:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/toggle-square.css');", - "json": "https:\/\/css.gg\/json?=toggle-square", - "xml": "https:\/\/css.gg\/xml?=toggle-square", - "svg_link": "https:\/\/css.gg\/toggle-square.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledToggleSquare = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 14px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n background: currentColor;\n top: 2px;\n left: 2px;\n border-radius: 1px;\n }\n`\n\nexport const ToggleSquare = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 650, + "name": "toggle-square", + "tags": "interface buttons", + "css": ".gg-toggle-square{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:24px;height:14px;border:2px solid;border-radius:2px}.gg-toggle-square::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;background:currentColor;top:2px;left:2px;border-radius:1px}", + "svg": "\n \n \n<\/svg>" + } ], "toolbar-bottom": [ - [ - { - "nr": 651, - "name": "toolbar-bottom", - "css": ".gg-toolbar-bottom{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;box-shadow:0 0 0 2px,inset 0 -2px 0;border:2px solid transparent;border-radius:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/toolbar-bottom.css');", - "json": "https:\/\/css.gg\/json?=toolbar-bottom", - "xml": "https:\/\/css.gg\/xml?=toolbar-bottom", - "svg_link": "https:\/\/css.gg\/toolbar-bottom.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledToolbarBottom = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 12px;\n box-shadow: 0 0 0 2px, inset 0 -2px 0;\n border: 2px solid transparent;\n border-radius: 1px;\n }\n`\n\nexport const ToolbarBottom = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 651, + "name": "toolbar-bottom", + "tags": "interface design", + "css": ".gg-toolbar-bottom{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;box-shadow:0 0 0 2px,inset 0 -2px 0;border:2px solid transparent;border-radius:1px}", + "svg": "\n \n \n<\/svg>" + } ], "toolbar-left": [ - [ - { - "nr": 652, - "name": "toolbar-left", - "css": ".gg-toolbar-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;box-shadow:0 0 0 2px,inset 2px 0 0;border:2px solid transparent;border-radius:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/toolbar-left.css');", - "json": "https:\/\/css.gg\/json?=toolbar-left", - "xml": "https:\/\/css.gg\/xml?=toolbar-left", - "svg_link": "https:\/\/css.gg\/toolbar-left.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledToolbarLeft = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 12px;\n box-shadow: 0 0 0 2px, inset 2px 0 0;\n border: 2px solid transparent;\n border-radius: 1px;\n }\n`\n\nexport const ToolbarLeft = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 652, + "name": "toolbar-left", + "tags": "interface design", + "css": ".gg-toolbar-left{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;box-shadow:0 0 0 2px,inset 2px 0 0;border:2px solid transparent;border-radius:1px}", + "svg": "\n \n \n<\/svg>" + } ], "toolbar-right": [ - [ - { - "nr": 653, - "name": "toolbar-right", - "css": ".gg-toolbar-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;box-shadow:0 0 0 2px,inset -2px 0 0;border:2px solid transparent;border-radius:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/toolbar-right.css');", - "json": "https:\/\/css.gg\/json?=toolbar-right", - "xml": "https:\/\/css.gg\/xml?=toolbar-right", - "svg_link": "https:\/\/css.gg\/toolbar-right.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledToolbarRight = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 12px;\n box-shadow: 0 0 0 2px, inset -2px 0 0;\n border: 2px solid transparent;\n border-radius: 1px;\n }\n`\n\nexport const ToolbarRight = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 653, + "name": "toolbar-right", + "tags": "interface design", + "css": ".gg-toolbar-right{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;box-shadow:0 0 0 2px,inset -2px 0 0;border:2px solid transparent;border-radius:1px}", + "svg": "\n \n \n<\/svg>" + } ], "toolbar-top": [ - [ - { - "nr": 654, - "name": "toolbar-top", - "css": ".gg-toolbar-top{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;box-shadow:0 0 0 2px,inset 0 2px 0;border:2px solid transparent;border-radius:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/toolbar-top.css');", - "json": "https:\/\/css.gg\/json?=toolbar-top", - "xml": "https:\/\/css.gg\/xml?=toolbar-top", - "svg_link": "https:\/\/css.gg\/toolbar-top.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledToolbarTop = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 18px;\n height: 12px;\n box-shadow: 0 0 0 2px, inset 0 2px 0;\n border: 2px solid transparent;\n border-radius: 1px;\n }\n`\n\nexport const ToolbarTop = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 654, + "name": "toolbar-top", + "tags": "interface design", + "css": ".gg-toolbar-top{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:18px;height:12px;box-shadow:0 0 0 2px,inset 0 2px 0;border:2px solid transparent;border-radius:1px}", + "svg": "\n \n \n<\/svg>" + } ], "toolbox": [ - [ - { - "nr": 655, - "name": "toolbox", - "css": ".gg-toolbox{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid;border-radius:2px}.gg-toolbox::after,.gg-toolbox::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-toolbox::before{border:2px solid;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;left:4px;width:10px;height:4px;top:-5px}.gg-toolbox::after{width:18px;height:2px;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:0 -2px 0,inset 4px 0 0,inset -4px 0 0;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/toolbox.css');", - "json": "https:\/\/css.gg\/json?=toolbox", - "xml": "https:\/\/css.gg\/xml?=toolbox", - "svg_link": "https:\/\/css.gg\/toolbox.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledToolbox = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 16px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border: 2px solid;\n border-bottom: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n left: 4px;\n width: 10px;\n height: 4px;\n top: -5px;\n }\n &::after {\n width: 18px;\n height: 2px;\n border-left: 4px solid transparent;\n border-right: 4px solid transparent;\n box-shadow: 0 -2px 0, inset 4px 0 0, inset -4px 0 0;\n top: 4px;\n }\n`\n\nexport const Toolbox = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 655, + "name": "toolbox", + "tags": "interface files", + "css": ".gg-toolbox{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:16px;border:2px solid;border-radius:2px}.gg-toolbox::after,.gg-toolbox::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-toolbox::before{border:2px solid;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;left:4px;width:10px;height:4px;top:-5px}.gg-toolbox::after{width:18px;height:2px;border-left:4px solid transparent;border-right:4px solid transparent;box-shadow:0 -2px 0,inset 4px 0 0,inset -4px 0 0;top:4px}", + "svg": "\n \n<\/svg>" + } ], "touchpad": [ - [ - { - "nr": 656, - "name": "touchpad", - "css": ".gg-touchpad{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:22px;height:18px}.gg-touchpad::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:6px;bottom:-2px;left:8px;background:currentColor;}.gg-touchpad::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:20px;height:2px;left:-2px;bottom:3px;background:currentColor;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/touchpad.css');", - "json": "https:\/\/css.gg\/json?=touchpad", - "xml": "https:\/\/css.gg\/xml?=touchpad", - "svg_link": "https:\/\/css.gg\/touchpad.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTouchpad = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n width: 22px;\n height: 18px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 6px;\n bottom: -2px;\n left: 8px;\n background: currentColor;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 20px;\n height: 2px;\n left: -2px;\n bottom: 3px;\n background: currentColor;\n }\n`\n\nexport const Touchpad = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 656, + "name": "touchpad", + "tags": "devices", + "css": ".gg-touchpad{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:22px;height:18px}.gg-touchpad::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:6px;bottom:-2px;left:8px;background:currentColor;}.gg-touchpad::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:20px;height:2px;left:-2px;bottom:3px;background:currentColor;}", + "svg": "\n \n<\/svg>" + } ], "track": [ - [ - { - "nr": 657, - "name": "track", - "css": ".gg-track{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border:2px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 10px;border-radius:100px}.gg-track::after,.gg-track::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px}.gg-track::before{border-left:4px solid;border-right:4px solid;width:18px;height:2px;left:-6px;top:2px}.gg-track::after{width:2px;height:18px;border-top:4px solid;border-bottom:4px solid;left:2px;top:-6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/track.css');", - "json": "https:\/\/css.gg\/json?=track", - "xml": "https:\/\/css.gg\/xml?=track", - "svg_link": "https:\/\/css.gg\/track.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTrack = 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: 10px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px, inset 0 0 0 10px;\n border-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n }\n &::before {\n border-left: 4px solid;\n border-right: 4px solid;\n width: 18px;\n height: 2px;\n left: -6px;\n top: 2px;\n }\n &::after {\n width: 2px;\n height: 18px;\n border-top: 4px solid;\n border-bottom: 4px solid;\n left: 2px;\n top: -6px;\n }\n`\n\nexport const Track = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 657, + "name": "track", + "tags": "interface signs", + "css": ".gg-track{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:10px;border:2px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 10px;border-radius:100px}.gg-track::after,.gg-track::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px}.gg-track::before{border-left:4px solid;border-right:4px solid;width:18px;height:2px;left:-6px;top:2px}.gg-track::after{width:2px;height:18px;border-top:4px solid;border-bottom:4px solid;left:2px;top:-6px}", + "svg": "\n \n \n<\/svg>" + } ], "transcript": [ - [ - { - "nr": 658, - "name": "transcript", - "css": ".gg-transcript{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:22px;height:18px}.gg-transcript::after,.gg-transcript::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;border-radius:3px;background:currentColor;bottom:2px}.gg-transcript::before{width:10px;left:2px;box-shadow:4px -4px 0}.gg-transcript::after{width:3px;right:2px;box-shadow:-11px -4px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/transcript.css');", - "json": "https:\/\/css.gg\/json?=transcript", - "xml": "https:\/\/css.gg\/xml?=transcript", - "svg_link": "https:\/\/css.gg\/transcript.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTranscript = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n width: 22px;\n height: 18px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n height: 2px;\n border-radius: 3px;\n background: currentColor;\n bottom: 2px;\n }\n &::before {\n width: 10px;\n left: 2px;\n box-shadow: 4px -4px 0;\n }\n &::after {\n width: 3px;\n right: 2px;\n box-shadow: -11px -4px 0;\n }\n`\n\nexport const Transcript = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 658, + "name": "transcript", + "tags": "interface", + "css": ".gg-transcript{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:22px;height:18px}.gg-transcript::after,.gg-transcript::before{content:\"\";display:block;box-sizing:border-box;position:absolute;height:2px;border-radius:3px;background:currentColor;bottom:2px}.gg-transcript::before{width:10px;left:2px;box-shadow:4px -4px 0}.gg-transcript::after{width:3px;right:2px;box-shadow:-11px -4px 0}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "trash-empty": [ - [ - { - "nr": 659, - "name": "trash-empty", - "css": ".gg-trash-empty{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:12px;border:2px solid transparent;box-shadow:0 0 0 2px;border-bottom-left-radius:1px;border-bottom-right-radius:1px;margin-top:4px}.gg-trash-empty::after,.gg-trash-empty::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-trash-empty::after{background:currentColor;border-radius:3px;width:16px;height:2px;top:-4px;left:-5px}.gg-trash-empty::before{width:10px;height:4px;border:2px solid;border-bottom:transparent;border-top-left-radius:2px;border-top-right-radius:2px;top:-7px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/trash-empty.css');", - "json": "https:\/\/css.gg\/json?=trash-empty", - "xml": "https:\/\/css.gg\/xml?=trash-empty", - "svg_link": "https:\/\/css.gg\/trash-empty.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTrashEmpty = 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: 12px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px;\n border-bottom-left-radius: 1px;\n border-bottom-right-radius: 1px;\n margin-top: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n background: currentColor;\n border-radius: 3px;\n width: 16px;\n height: 2px;\n top: -4px;\n left: -5px;\n }\n &::before {\n width: 10px;\n height: 4px;\n border: 2px solid;\n border-bottom: transparent;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n top: -7px;\n left: -2px;\n }\n`\n\nexport const TrashEmpty = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 659, + "name": "trash-empty", + "tags": "interface content", + "css": ".gg-trash-empty{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:12px;border:2px solid transparent;box-shadow:0 0 0 2px;border-bottom-left-radius:1px;border-bottom-right-radius:1px;margin-top:4px}.gg-trash-empty::after,.gg-trash-empty::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-trash-empty::after{background:currentColor;border-radius:3px;width:16px;height:2px;top:-4px;left:-5px}.gg-trash-empty::before{width:10px;height:4px;border:2px solid;border-bottom:transparent;border-top-left-radius:2px;border-top-right-radius:2px;top:-7px;left:-2px}", + "svg": "\n \n<\/svg>" + } ], "trash": [ - [ - { - "nr": 660, - "name": "trash", - "css": ".gg-trash{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:12px;border:2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0 0,inset 2px 0 0;border-bottom-left-radius:1px;border-bottom-right-radius:1px;margin-top:4px}.gg-trash::after,.gg-trash::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-trash::after{background:currentColor;border-radius:3px;width:16px;height:2px;top:-4px;left:-5px}.gg-trash::before{width:10px;height:4px;border:2px solid;border-bottom:transparent;border-top-left-radius:2px;border-top-right-radius:2px;top:-7px;left:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/trash.css');", - "json": "https:\/\/css.gg\/json?=trash", - "xml": "https:\/\/css.gg\/xml?=trash", - "svg_link": "https:\/\/css.gg\/trash.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTrash = 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: 12px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px, inset -2px 0 0, inset 2px 0 0;\n border-bottom-left-radius: 1px;\n border-bottom-right-radius: 1px;\n margin-top: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::after {\n background: currentColor;\n border-radius: 3px;\n width: 16px;\n height: 2px;\n top: -4px;\n left: -5px;\n }\n &::before {\n width: 10px;\n height: 4px;\n border: 2px solid;\n border-bottom: transparent;\n border-top-left-radius: 2px;\n border-top-right-radius: 2px;\n top: -7px;\n left: -2px;\n }\n`\n\nexport const Trash = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 660, + "name": "trash", + "tags": "interface content", + "css": ".gg-trash{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:12px;border:2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0 0,inset 2px 0 0;border-bottom-left-radius:1px;border-bottom-right-radius:1px;margin-top:4px}.gg-trash::after,.gg-trash::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-trash::after{background:currentColor;border-radius:3px;width:16px;height:2px;top:-4px;left:-5px}.gg-trash::before{width:10px;height:4px;border:2px solid;border-bottom:transparent;border-top-left-radius:2px;border-top-right-radius:2px;top:-7px;left:-2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "tree": [ - [ - { - "nr": 661, - "name": "tree", - "css": ".gg-tree{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:20px}.gg-tree::after,.gg-tree::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:8px}.gg-tree::before{width:10px;height:16px;border:2px solid}.gg-tree::after{width:2px;height:12px;background:currentColor;left:4px;bottom:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/tree.css');", - "json": "https:\/\/css.gg\/json?=tree", - "xml": "https:\/\/css.gg\/xml?=tree", - "svg_link": "https:\/\/css.gg\/tree.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTree = 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 }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 8px;\n }\n &::before {\n width: 10px;\n height: 16px;\n border: 2px solid;\n }\n &::after {\n width: 2px;\n height: 12px;\n background: currentColor;\n left: 4px;\n bottom: 0;\n }\n`\n\nexport const Tree = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 661, + "name": "tree", + "tags": "interface", + "css": ".gg-tree{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:20px}.gg-tree::after,.gg-tree::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:8px}.gg-tree::before{width:10px;height:16px;border:2px solid}.gg-tree::after{width:2px;height:12px;background:currentColor;left:4px;bottom:0}", + "svg": "\n \n<\/svg>" + } ], "trees": [ - [ - { - "nr": 662, - "name": "trees", - "css": ".gg-trees{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:20px;border-left:4px solid transparent;border-right:3px solid transparent;border-top:10px solid transparent;box-shadow:inset 2px 0 0,inset -2px 0 0}.gg-trees::after,.gg-trees::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:10px;height:16px;border:2px solid;border-radius:8px;left:-4px;top:-10px}.gg-trees::after{width:8px;height:12px;top:-6px;left:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/trees.css');", - "json": "https:\/\/css.gg\/json?=trees", - "xml": "https:\/\/css.gg\/xml?=trees", - "svg_link": "https:\/\/css.gg\/trees.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTrees = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 20px;\n border-left: 4px solid transparent;\n border-right: 3px solid transparent;\n border-top: 10px solid transparent;\n box-shadow: inset 2px 0 0, inset -2px 0 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n width: 10px;\n height: 16px;\n border: 2px solid;\n border-radius: 8px;\n left: -4px;\n top: -10px;\n }\n &::after {\n width: 8px;\n height: 12px;\n top: -6px;\n left: 4px;\n }\n`\n\nexport const Trees = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 662, + "name": "trees", + "tags": "interface", + "css": ".gg-trees{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:20px;border-left:4px solid transparent;border-right:3px solid transparent;border-top:10px solid transparent;box-shadow:inset 2px 0 0,inset -2px 0 0}.gg-trees::after,.gg-trees::before{content:\"\";display:block;position:absolute;box-sizing:border-box;width:10px;height:16px;border:2px solid;border-radius:8px;left:-4px;top:-10px}.gg-trees::after{width:8px;height:12px;top:-6px;left:4px}", + "svg": "\n \n<\/svg>" + } ], "trello": [ - [ - { - "nr": 663, - "name": "trello", - "css": ".gg-trello{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:2px}.gg-trello::after,.gg-trello::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:5px;background:currentColor;border-radius:1px;top:2px}.gg-trello::before{left:2px;height:12px}.gg-trello::after{height:8px;right:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/trello.css');", - "json": "https:\/\/css.gg\/json?=trello", - "xml": "https:\/\/css.gg\/xml?=trello", - "svg_link": "https:\/\/css.gg\/trello.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTrello = 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: 20px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 5px;\n background: currentColor;\n border-radius: 1px;\n top: 2px;\n }\n &::before {\n left: 2px;\n height: 12px;\n }\n &::after {\n height: 8px;\n right: 2px;\n }\n`\n\nexport const Trello = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 663, + "name": "trello", + "tags": "brands", + "css": ".gg-trello{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:2px}.gg-trello::after,.gg-trello::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:5px;background:currentColor;border-radius:1px;top:2px}.gg-trello::before{left:2px;height:12px}.gg-trello::after{height:8px;right:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "trending-down": [ - [ - { - "nr": 664, - "name": "trending-down", - "css": ".gg-trending-down{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:10px;height:8px;border-bottom:2px solid;border-right:2px solid}.gg-trending-down::after,.gg-trending-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-trending-down::before{background:currentColor;left:8px;width:10px;height:2px;top:0}.gg-trending-down::after{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid;top:-3px;right:-14px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/trending-down.css');", - "json": "https:\/\/css.gg\/json?=trending-down", - "xml": "https:\/\/css.gg\/xml?=trending-down", - "svg_link": "https:\/\/css.gg\/trending-down.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTrendingDown = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 10px;\n height: 8px;\n border-bottom: 2px solid;\n border-right: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n left: 8px;\n width: 10px;\n height: 2px;\n top: 0;\n }\n &::after {\n width: 0;\n height: 0;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n border-left: 6px solid;\n top: -3px;\n right: -14px;\n }\n`\n\nexport const TrendingDown = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 664, + "name": "trending-down", + "tags": "interface", + "css": ".gg-trending-down{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:10px;height:8px;border-bottom:2px solid;border-right:2px solid}.gg-trending-down::after,.gg-trending-down::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-trending-down::before{background:currentColor;left:8px;width:10px;height:2px;top:0}.gg-trending-down::after{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid;top:-3px;right:-14px}", + "svg": "\n \n<\/svg>" + } ], "trending": [ - [ - { - "nr": 665, - "name": "trending", - "css": ".gg-trending{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:10px;height:8px;border-top:2px solid;border-right:2px solid}.gg-trending::after,.gg-trending::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-trending::before{background:currentColor;left:8px;width:10px;height:2px;bottom:0}.gg-trending::after{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid;bottom:-3px;right:-14px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/trending.css');", - "json": "https:\/\/css.gg\/json?=trending", - "xml": "https:\/\/css.gg\/xml?=trending", - "svg_link": "https:\/\/css.gg\/trending.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTrending = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-45deg) scale(var(--ggs, 1));\n width: 10px;\n height: 8px;\n border-top: 2px solid;\n border-right: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n background: currentColor;\n left: 8px;\n width: 10px;\n height: 2px;\n bottom: 0;\n }\n &::after {\n width: 0;\n height: 0;\n border-top: 4px solid transparent;\n border-bottom: 4px solid transparent;\n border-left: 6px solid;\n bottom: -3px;\n right: -14px;\n }\n`\n\nexport const Trending = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 665, + "name": "trending", + "tags": "interface arrows", + "css": ".gg-trending{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:10px;height:8px;border-top:2px solid;border-right:2px solid}.gg-trending::after,.gg-trending::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-trending::before{background:currentColor;left:8px;width:10px;height:2px;bottom:0}.gg-trending::after{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid;bottom:-3px;right:-14px}", + "svg": "\n \n<\/svg>" + } ], "trophy": [ - [ - { - "nr": 666, - "name": "trophy", - "css": ".gg-trophy{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:12px;border:2px solid;border-bottom-left-radius:100px;border-bottom-right-radius:100px}.gg-trophy::after,.gg-trophy::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-trophy::before{box-shadow:inset 0 0 0 2px,0 2px 0 0;bottom:-4px;width:6px;height:4px;border-left:2px solid transparent;border-right:2px solid transparent;left:0}.gg-trophy::after{width:16px;height:6px;border-left:2px solid;border-right:2px solid;left:-5px;top:0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/trophy.css');", - "json": "https:\/\/css.gg\/json?=trophy", - "xml": "https:\/\/css.gg\/xml?=trophy", - "svg_link": "https:\/\/css.gg\/trophy.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTrophy = 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: 12px;\n border: 2px solid;\n border-bottom-left-radius: 100px;\n border-bottom-right-radius: 100px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n box-shadow: inset 0 0 0 2px, 0 2px 0 0;\n bottom: -4px;\n width: 6px;\n height: 4px;\n border-left: 2px solid transparent;\n border-right: 2px solid transparent;\n left: 0;\n }\n &::after {\n width: 16px;\n height: 6px;\n border-left: 2px solid;\n border-right: 2px solid;\n left: -5px;\n top: 0;\n }\n`\n\nexport const Trophy = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 666, + "name": "trophy", + "tags": "design interface", + "css": ".gg-trophy{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:12px;border:2px solid;border-bottom-left-radius:100px;border-bottom-right-radius:100px}.gg-trophy::after,.gg-trophy::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-trophy::before{box-shadow:inset 0 0 0 2px,0 2px 0 0;bottom:-4px;width:6px;height:4px;border-left:2px solid transparent;border-right:2px solid transparent;left:0}.gg-trophy::after{width:16px;height:6px;border-left:2px solid;border-right:2px solid;left:-5px;top:0}", + "svg": "\n \n \n \n<\/svg>" + } ], "tv": [ - [ - { - "nr": 667, - "name": "tv", - "css": ".gg-tv{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:11px;border:2px solid;border-radius:2px}.gg-tv::after,.gg-tv::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-tv::before{border-left:2px solid;border-bottom:2px solid;border-bottom-left-radius:2px;top:-6px;left:3px;transform:rotate(-45deg);width:6px;height:5px}.gg-tv::after{width:8px;height:1px;background:currentColor;border-radius:10px;bottom:-4px;right:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/tv.css');", - "json": "https:\/\/css.gg\/json?=tv", - "xml": "https:\/\/css.gg\/xml?=tv", - "svg_link": "https:\/\/css.gg\/tv.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTv = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 11px;\n border: 2px solid;\n border-radius: 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n border-left: 2px solid;\n border-bottom: 2px solid;\n border-bottom-left-radius: 2px;\n top: -6px;\n left: 3px;\n transform: rotate(-45deg);\n width: 6px;\n height: 5px;\n }\n &::after {\n width: 8px;\n height: 1px;\n background: currentColor;\n border-radius: 10px;\n bottom: -4px;\n right: 2px;\n }\n`\n\nexport const Tv = React.forwardRef>((props, ref) => {\n return (\n <>\n \n <\/>\n )\n})\n" - } - ] + { + "nr": 667, + "name": "tv", + "tags": "devices multimedia", + "css": ".gg-tv{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:11px;border:2px solid;border-radius:2px}.gg-tv::after,.gg-tv::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-tv::before{border-left:2px solid;border-bottom:2px solid;border-bottom-left-radius:2px;top:-6px;left:3px;transform:rotate(-45deg);width:6px;height:5px}.gg-tv::after{width:8px;height:1px;background:currentColor;border-radius:10px;bottom:-4px;right:2px}", + "svg": "\n \n \n<\/svg>" + } ], "twilio": [ - [ - { - "nr": 668, - "name": "twilio", - "css": ".gg-twilio{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:24px;height:24px;border-radius:22px;box-shadow:inset 0 0 0 3px}.gg-twilio::after,.gg-twilio::before{content:\"\";display:block;position:absolute;box-sizing:border-box;background:currentColor;border-radius:6px;width:4px;height:4px;top:7px;box-shadow:0 6px 0}.gg-twilio::before{left:7px}.gg-twilio::after{right:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/twilio.css');", - "json": "https:\/\/css.gg\/json?=twilio", - "xml": "https:\/\/css.gg\/xml?=twilio", - "svg_link": "https:\/\/css.gg\/twilio.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTwilio = styled.i`\n & {\n display: block;\n position: relative;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n width: 24px;\n height: 24px;\n border-radius: 22px;\n box-shadow: inset 0 0 0 3px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n background: currentColor;\n border-radius: 6px;\n width: 4px;\n height: 4px;\n top: 7px;\n box-shadow: 0 6px 0;\n }\n &::before {\n left: 7px;\n }\n &::after {\n right: 7px;\n }\n`\n\nexport const Twilio = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 668, + "name": "twilio", + "tags": "brands", + "css": ".gg-twilio{display:block;position:relative;box-sizing:border-box;transform:scale(var(--ggs,1));width:24px;height:24px;border-radius:22px;box-shadow:inset 0 0 0 3px}.gg-twilio::after,.gg-twilio::before{content:\"\";display:block;position:absolute;box-sizing:border-box;background:currentColor;border-radius:6px;width:4px;height:4px;top:7px;box-shadow:0 6px 0}.gg-twilio::before{left:7px}.gg-twilio::after{right:7px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "twitter": [ - [ - { - "nr": 669, - "name": "twitter", - "css": ".gg-twitter{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-twitter::after,.gg-twitter::before{content:\"\";display:block;position:absolute;box-sizing:border-box;left:4px}.gg-twitter::before{width:9px;height:14px;border-left:4px solid;border-bottom:4px solid;border-bottom-left-radius:6px;background:linear-gradient(to left,currentColor 12px,transparent 0)no-repeat center 2px\/10px 4px;top:4px}.gg-twitter::after{width:4px;height:4px;background:currentColor;border-radius:20px;top:2px;box-shadow:7px 4px 0,7px 12px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/twitter.css');", - "json": "https:\/\/css.gg\/json?=twitter", - "xml": "https:\/\/css.gg\/xml?=twitter", - "svg_link": "https:\/\/css.gg\/twitter.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledTwitter = 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: 20px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n position: absolute;\n box-sizing: border-box;\n left: 4px;\n }\n &::before {\n width: 9px;\n height: 14px;\n border-left: 4px solid;\n border-bottom: 4px solid;\n border-bottom-left-radius: 6px;\n background: linear-gradient(to left, currentColor 12px, transparent 0) no-repeat center 2px\/10px\n 4px;\n top: 4px;\n }\n &::after {\n width: 4px;\n height: 4px;\n background: currentColor;\n border-radius: 20px;\n top: 2px;\n box-shadow: 7px 4px 0, 7px 12px 0;\n }\n`\n\nexport const Twitter = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 669, + "name": "twitter", + "tags": "brands", + "css": ".gg-twitter{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px}.gg-twitter::after,.gg-twitter::before{content:\"\";display:block;position:absolute;box-sizing:border-box;left:4px}.gg-twitter::before{width:9px;height:14px;border-left:4px solid;border-bottom:4px solid;border-bottom-left-radius:6px;background:linear-gradient(to left,currentColor 12px,transparent 0)no-repeat center 2px\/10px 4px;top:4px}.gg-twitter::after{width:4px;height:4px;background:currentColor;border-radius:20px;top:2px;box-shadow:7px 4px 0,7px 12px 0}", + "svg": "\n \n<\/svg>" + } ], "ui-kit": [ - [ - { - "nr": 670, - "name": "ui-kit", - "css": ".gg-ui-kit,.gg-ui-kit::after,.gg-ui-kit::before{display:block;box-sizing:border-box}.gg-ui-kit{position:relative;transform:scale(var(--ggs,1));width:10px;height:16px;border-radius:3px;border:2px solid}.gg-ui-kit::after,.gg-ui-kit::before{content:\"\";position:absolute;border:2px solid;width:6px;height:12px}.gg-ui-kit::before{border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px;transform:perspective(10px)rotateY(30deg);left:-8px}.gg-ui-kit::after{border-top-right-radius:3px;border-bottom-right-radius:3px;transform:perspective(10px)rotateY(-30deg);border-left:0;right:-8px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/ui-kit.css');", - "json": "https:\/\/css.gg\/json?=ui-kit", - "xml": "https:\/\/css.gg\/xml?=ui-kit", - "svg_link": "https:\/\/css.gg\/ui-kit.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUiKit = styled.i`\n &,\n &::after,\n &::before {\n display: block;\n box-sizing: border-box;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 10px;\n height: 16px;\n border-radius: 3px;\n border: 2px solid;\n }\n &::after,\n &::before {\n content: '';\n position: absolute;\n border: 2px solid;\n width: 6px;\n height: 12px;\n }\n &::before {\n border-right: 0;\n border-top-left-radius: 3px;\n border-bottom-left-radius: 3px;\n transform: perspective(10px) rotateY(30deg);\n left: -8px;\n }\n &::after {\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n transform: perspective(10px) rotateY(-30deg);\n border-left: 0;\n right: -8px;\n }\n`\n\nexport const UiKit = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 670, + "name": "ui-kit", + "tags": "multimedia interface", + "css": ".gg-ui-kit,.gg-ui-kit::after,.gg-ui-kit::before{display:block;box-sizing:border-box}.gg-ui-kit{position:relative;transform:scale(var(--ggs,1));width:10px;height:16px;border-radius:3px;border:2px solid}.gg-ui-kit::after,.gg-ui-kit::before{content:\"\";position:absolute;border:2px solid;width:6px;height:12px}.gg-ui-kit::before{border-right:0;border-top-left-radius:3px;border-bottom-left-radius:3px;transform:perspective(10px)rotateY(30deg);left:-8px}.gg-ui-kit::after{border-top-right-radius:3px;border-bottom-right-radius:3px;transform:perspective(10px)rotateY(-30deg);border-left:0;right:-8px}", + "svg": "\n \n \n \n<\/svg>" + } ], "umbrella": [ - [ - { - "nr": 671, - "name": "umbrella", - "css": ".gg-umbrella{display:block;box-sizing:border-box;transform:scale(var(--ggs,1));position:relative;width:22px;height:22px;background:linear-gradient(to bottom,currentColor 20px,transparent 0)no-repeat center 10px\/2px 8px}.gg-umbrella::after,.gg-umbrella::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-umbrella::before{width:16px;height:10px;left:3px;border-top-left-radius:12px;border-top-right-radius:12px}.gg-umbrella::after{width:6px;height:5px;border-top:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;bottom:0;left:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/umbrella.css');", - "json": "https:\/\/css.gg\/json?=umbrella", - "xml": "https:\/\/css.gg\/xml?=umbrella", - "svg_link": "https:\/\/css.gg\/umbrella.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUmbrella = styled.i`\n & {\n display: block;\n box-sizing: border-box;\n transform: scale(var(--ggs, 1));\n position: relative;\n width: 22px;\n height: 22px;\n background: linear-gradient(to bottom, currentColor 20px, transparent 0) no-repeat center 10px\/2px\n 8px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n }\n &::before {\n width: 16px;\n height: 10px;\n left: 3px;\n border-top-left-radius: 12px;\n border-top-right-radius: 12px;\n }\n &::after {\n width: 6px;\n height: 5px;\n border-top: 0;\n border-bottom-left-radius: 12px;\n border-bottom-right-radius: 12px;\n bottom: 0;\n left: 6px;\n }\n`\n\nexport const Umbrella = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 671, + "name": "umbrella", + "tags": "interface", + "css": ".gg-umbrella{display:block;box-sizing:border-box;transform:scale(var(--ggs,1));position:relative;width:22px;height:22px;background:linear-gradient(to bottom,currentColor 20px,transparent 0)no-repeat center 10px\/2px 8px}.gg-umbrella::after,.gg-umbrella::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-umbrella::before{width:16px;height:10px;left:3px;border-top-left-radius:12px;border-top-right-radius:12px}.gg-umbrella::after{width:6px;height:5px;border-top:0;border-bottom-left-radius:12px;border-bottom-right-radius:12px;bottom:0;left:6px}", + "svg": "\n \n<\/svg>" + } ], "unavailable": [ - [ - { - "nr": 672, - "name": "unavailable", - "css": ".gg-unavailable{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:100px}.gg-unavailable::after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:18px;background:currentColor;top:-2px;left:6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/unavailable.css');", - "json": "https:\/\/css.gg\/json?=unavailable", - "xml": "https:\/\/css.gg\/xml?=unavailable", - "svg_link": "https:\/\/css.gg\/unavailable.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUnavailable = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(-45deg) scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 100px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border-radius: 3px;\n width: 2px;\n height: 18px;\n background: currentColor;\n top: -2px;\n left: 6px;\n }\n`\n\nexport const Unavailable = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 672, + "name": "unavailable", + "tags": "interface", + "css": ".gg-unavailable{box-sizing:border-box;position:relative;display:block;transform:rotate(-45deg) scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:100px}.gg-unavailable::after{content:\"\";display:block;box-sizing:border-box;position:absolute;border-radius:3px;width:2px;height:18px;background:currentColor;top:-2px;left:6px}", + "svg": "\n \n<\/svg>" + } ], "unblock": [ - [ - { - "nr": 673, - "name": "unblock", - "css": ".gg-unblock{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:100%}.gg-unblock::after,.gg-unblock::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:7px;background:currentColor;border-radius:5px;left:6px}.gg-unblock::before{top:-2px}.gg-unblock::after{bottom:-2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/unblock.css');", - "json": "https:\/\/css.gg\/json?=unblock", - "xml": "https:\/\/css.gg\/xml?=unblock", - "svg_link": "https:\/\/css.gg\/unblock.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUnblock = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(45deg) scale(var(--ggs, 1));\n width: 18px;\n height: 18px;\n border: 2px solid;\n border-radius: 100%;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 7px;\n background: currentColor;\n border-radius: 5px;\n left: 6px;\n }\n &::before {\n top: -2px;\n }\n &::after {\n bottom: -2px;\n }\n`\n\nexport const Unblock = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 673, + "name": "unblock", + "tags": "interface signs", + "css": ".gg-unblock{box-sizing:border-box;position:relative;display:block;transform:rotate(45deg) scale(var(--ggs,1));width:18px;height:18px;border:2px solid;border-radius:100%}.gg-unblock::after,.gg-unblock::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:7px;background:currentColor;border-radius:5px;left:6px}.gg-unblock::before{top:-2px}.gg-unblock::after{bottom:-2px}", + "svg": "\n \n<\/svg>" + } ], "undo": [ - [ - { - "nr": 674, - "name": "undo", - "css": ".gg-undo{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;border:2px solid;border-left-color:transparent;border-radius:100px}.gg-undo::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-left:2px solid;top:-3px;left:-1px;transform:rotate(-68deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/undo.css');", - "json": "https:\/\/css.gg\/json?=undo", - "xml": "https:\/\/css.gg\/xml?=undo", - "svg_link": "https:\/\/css.gg\/undo.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUndo = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 14px;\n border: 2px solid;\n border-left-color: transparent;\n border-radius: 100px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n height: 6px;\n border-top: 2px solid;\n border-left: 2px solid;\n top: -3px;\n left: -1px;\n transform: rotate(-68deg);\n }\n`\n\nexport const Undo = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 674, + "name": "undo", + "tags": "interface arrows", + "css": ".gg-undo{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:14px;height:14px;border:2px solid;border-left-color:transparent;border-radius:100px}.gg-undo::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border-top:2px solid;border-left:2px solid;top:-3px;left:-1px;transform:rotate(-68deg)}", + "svg": "\n \n<\/svg>" + } ], "unfold": [ - [ - { - "nr": 675, - "name": "unfold", - "css": ".gg-unfold{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border-radius:100%;border-bottom:10px solid}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/unfold.css');", - "json": "https:\/\/css.gg\/json?=unfold", - "xml": "https:\/\/css.gg\/xml?=unfold", - "svg_link": "https:\/\/css.gg\/unfold.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUnfold = 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: 20px;\n border-radius: 100%;\n border-bottom: 10px solid;\n }\n`\n\nexport const Unfold = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 675, + "name": "unfold", + "tags": "brands", + "css": ".gg-unfold{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:20px;height:20px;border-radius:100%;border-bottom:10px solid}", + "svg": "\n \n<\/svg>" + } ], "unsplash": [ - [ - { - "nr": 676, - "name": "unsplash", - "css": ".gg-unsplash{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:15px}.gg-unsplash::after,.gg-unsplash::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-unsplash::before{width:16px;height:9px;border:5px solid;border-top:0;bottom:0}.gg-unsplash::after{width:6px;height:4px;background:currentColor;top:0;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/unsplash.css');", - "json": "https:\/\/css.gg\/json?=unsplash", - "xml": "https:\/\/css.gg\/xml?=unsplash", - "svg_link": "https:\/\/css.gg\/unsplash.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUnsplash = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 15px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n width: 16px;\n height: 9px;\n border: 5px solid;\n border-top: 0;\n bottom: 0;\n }\n &::after {\n width: 6px;\n height: 4px;\n background: currentColor;\n top: 0;\n left: 5px;\n }\n`\n\nexport const Unsplash = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 676, + "name": "unsplash", + "tags": "brands design", + "css": ".gg-unsplash{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:15px}.gg-unsplash::after,.gg-unsplash::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-unsplash::before{width:16px;height:9px;border:5px solid;border-top:0;bottom:0}.gg-unsplash::after{width:6px;height:4px;background:currentColor;top:0;left:5px}", + "svg": "\n \n \n<\/svg>" + } ], "usb-c": [ - [ - { - "nr": 677, - "name": "usb-c", - "css": ".gg-usb-c{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:6px;border:2px solid transparent;border-radius:100px;box-shadow:0 0 0 2px,inset 0 0 0 10px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/usb-c.css');", - "json": "https:\/\/css.gg\/json?=usb-c", - "xml": "https:\/\/css.gg\/xml?=usb-c", - "svg_link": "https:\/\/css.gg\/usb-c.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUsbC = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 6px;\n border: 2px solid transparent;\n border-radius: 100px;\n box-shadow: 0 0 0 2px, inset 0 0 0 10px;\n }\n`\n\nexport const UsbC = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 677, + "name": "usb-c", + "tags": "multimedia signs", + "css": ".gg-usb-c{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:6px;border:2px solid transparent;border-radius:100px;box-shadow:0 0 0 2px,inset 0 0 0 10px}", + "svg": "\n \n \n<\/svg>" + } ], "usb": [ - [ - { - "nr": 678, - "name": "usb", - "css": ".gg-usb,.gg-usb::before{display:block;box-sizing:border-box}.gg-usb{position:relative;width:14px;height:14px;border:2px solid;transform:scale(var(--ggs,1));margin-bottom:-6px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.gg-usb::before{content:\"\";position:absolute;width:6px;height:5px;border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;border-bottom:2px solid transparent;box-shadow:0 0 0 2px,inset 5px 4px 0 -4px,inset -5px 4px 0 -4px;top:-7px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/usb.css');", - "json": "https:\/\/css.gg\/json?=usb", - "xml": "https:\/\/css.gg\/xml?=usb", - "svg_link": "https:\/\/css.gg\/usb.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUsb = styled.i`\n &,\n &::before {\n display: block;\n box-sizing: border-box;\n }\n & {\n position: relative;\n width: 14px;\n height: 14px;\n border: 2px solid;\n transform: scale(var(--ggs, 1));\n margin-bottom: -6px;\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 6px;\n height: 5px;\n border-left: 1px solid transparent;\n border-right: 1px solid transparent;\n border-top: 1px solid transparent;\n border-bottom: 2px solid transparent;\n box-shadow: 0 0 0 2px, inset 5px 4px 0 -4px, inset -5px 4px 0 -4px;\n top: -7px;\n left: 2px;\n }\n`\n\nexport const Usb = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 678, + "name": "usb", + "tags": "multimedia signs", + "css": ".gg-usb,.gg-usb::before{display:block;box-sizing:border-box}.gg-usb{position:relative;width:14px;height:14px;border:2px solid;transform:scale(var(--ggs,1));margin-bottom:-6px;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.gg-usb::before{content:\"\";position:absolute;width:6px;height:5px;border-left:1px solid transparent;border-right:1px solid transparent;border-top:1px solid transparent;border-bottom:2px solid transparent;box-shadow:0 0 0 2px,inset 5px 4px 0 -4px,inset -5px 4px 0 -4px;top:-7px;left:2px}", + "svg": "\n \n \n \n<\/svg>" + } ], "user-add": [ - [ - { - "nr": 679, - "name": "user-add", - "css": ".gg-user-add{display:block;transform:scale(var(--ggs,1));box-sizing:border-box;width:20px;height:18px;background:linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 14px 6px\/6px 2px,linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 16px 4px\/2px 6px}.gg-user-add::after,.gg-user-add::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-user-add::before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.gg-user-add::after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/user-add.css');", - "json": "https:\/\/css.gg\/json?=user-add", - "xml": "https:\/\/css.gg\/xml?=user-add", - "svg_link": "https:\/\/css.gg\/user-add.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUserAdd = styled.i`\n & {\n display: block;\n transform: scale(var(--ggs, 1));\n box-sizing: border-box;\n width: 20px;\n height: 18px;\n background: linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px 6px\/6px 2px,\n linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 16px 4px\/2px 6px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n }\n &::before {\n width: 8px;\n height: 8px;\n border-radius: 30px;\n top: 0;\n left: 2px;\n }\n &::after {\n width: 12px;\n height: 9px;\n border-bottom: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n top: 9px;\n }\n`\n\nexport const UserAdd = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 679, + "name": "user-add", + "tags": "interface", + "css": ".gg-user-add{display:block;transform:scale(var(--ggs,1));box-sizing:border-box;width:20px;height:18px;background:linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 14px 6px\/6px 2px,linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 16px 4px\/2px 6px}.gg-user-add::after,.gg-user-add::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-user-add::before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.gg-user-add::after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}", + "svg": "\n \n \n \n<\/svg>" + } ], "user-list": [ - [ - { - "nr": 680, - "name": "user-list", - "css": ".gg-user-list{display:block;transform:scale(var(--ggs,1));box-sizing:border-box;width:20px;height:18px;background:linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 14px 4px\/6px 2px,linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 14px 8px\/6px 2px,linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 14px 12px\/6px 2px}.gg-user-list::after,.gg-user-list::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-user-list::before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.gg-user-list::after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/user-list.css');", - "json": "https:\/\/css.gg\/json?=user-list", - "xml": "https:\/\/css.gg\/xml?=user-list", - "svg_link": "https:\/\/css.gg\/user-list.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUserList = styled.i`\n & {\n display: block;\n transform: scale(var(--ggs, 1));\n box-sizing: border-box;\n width: 20px;\n height: 18px;\n background: linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px 4px\/6px 2px,\n linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px 8px\/6px 2px,\n linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px 12px\/6px 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n }\n &::before {\n width: 8px;\n height: 8px;\n border-radius: 30px;\n top: 0;\n left: 2px;\n }\n &::after {\n width: 12px;\n height: 9px;\n border-bottom: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n top: 9px;\n }\n`\n\nexport const UserList = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 680, + "name": "user-list", + "tags": "interface", + "css": ".gg-user-list{display:block;transform:scale(var(--ggs,1));box-sizing:border-box;width:20px;height:18px;background:linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 14px 4px\/6px 2px,linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 14px 8px\/6px 2px,linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 14px 12px\/6px 2px}.gg-user-list::after,.gg-user-list::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-user-list::before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.gg-user-list::after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "user-remove": [ - [ - { - "nr": 681, - "name": "user-remove", - "css": ".gg-user-remove{display:block;transform:scale(var(--ggs,1));box-sizing:border-box;width:20px;height:18px;background:linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 14px 6px\/6px 2px}.gg-user-remove::after,.gg-user-remove::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-user-remove::before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.gg-user-remove::after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/user-remove.css');", - "json": "https:\/\/css.gg\/json?=user-remove", - "xml": "https:\/\/css.gg\/xml?=user-remove", - "svg_link": "https:\/\/css.gg\/user-remove.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUserRemove = styled.i`\n & {\n display: block;\n transform: scale(var(--ggs, 1));\n box-sizing: border-box;\n width: 20px;\n height: 18px;\n background: linear-gradient(to left, currentColor 8px, transparent 0) no-repeat 14px 6px\/6px 2px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n }\n &::before {\n width: 8px;\n height: 8px;\n border-radius: 30px;\n top: 0;\n left: 2px;\n }\n &::after {\n width: 12px;\n height: 9px;\n border-bottom: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n top: 9px;\n }\n`\n\nexport const UserRemove = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 681, + "name": "user-remove", + "tags": "interface", + "css": ".gg-user-remove{display:block;transform:scale(var(--ggs,1));box-sizing:border-box;width:20px;height:18px;background:linear-gradient(to left,currentColor 8px,transparent 0)no-repeat 14px 6px\/6px 2px}.gg-user-remove::after,.gg-user-remove::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-user-remove::before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.gg-user-remove::after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}", + "svg": "\n \n \n \n<\/svg>" + } ], "user": [ - [ - { - "nr": 682, - "name": "user", - "css": ".gg-user{display:block;transform:scale(var(--ggs,1));box-sizing:border-box;width:12px;height:18px}.gg-user::after,.gg-user::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-user::before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.gg-user::after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/user.css');", - "json": "https:\/\/css.gg\/json?=user", - "xml": "https:\/\/css.gg\/xml?=user", - "svg_link": "https:\/\/css.gg\/user.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUser = styled.i`\n & {\n display: block;\n transform: scale(var(--ggs, 1));\n box-sizing: border-box;\n width: 12px;\n height: 18px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n border: 2px solid;\n }\n &::before {\n width: 8px;\n height: 8px;\n border-radius: 30px;\n top: 0;\n left: 2px;\n }\n &::after {\n width: 12px;\n height: 9px;\n border-bottom: 0;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n top: 9px;\n }\n`\n\nexport const User = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 682, + "name": "user", + "tags": "interface signs", + "css": ".gg-user{display:block;transform:scale(var(--ggs,1));box-sizing:border-box;width:12px;height:18px}.gg-user::after,.gg-user::before{content:\"\";display:block;box-sizing:border-box;position:absolute;border:2px solid}.gg-user::before{width:8px;height:8px;border-radius:30px;top:0;left:2px}.gg-user::after{width:12px;height:9px;border-bottom:0;border-top-left-radius:3px;border-top-right-radius:3px;top:9px}", + "svg": "\n \n \n<\/svg>" + } ], "userlane": [ - [ - { - "nr": 683, - "name": "userlane", - "css": ".gg-userlane{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:8px;border-radius:20px;border-top-left-radius:0;border-top-right-radius:0;border:4px solid;border-top-color:transparent}.gg-userlane::after,.gg-userlane::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;background:currentColor;top:-12px}.gg-userlane::before{border-radius:20px;left:-4px}.gg-userlane::after{right:-4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/userlane.css');", - "json": "https:\/\/css.gg\/json?=userlane", - "xml": "https:\/\/css.gg\/xml?=userlane", - "svg_link": "https:\/\/css.gg\/userlane.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledUserlane = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 8px;\n border-radius: 20px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border: 4px solid;\n border-top-color: transparent;\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 background: currentColor;\n top: -12px;\n }\n &::before {\n border-radius: 20px;\n left: -4px;\n }\n &::after {\n right: -4px;\n }\n`\n\nexport const Userlane = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 683, + "name": "userlane", + "tags": "brands", + "css": ".gg-userlane{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:8px;border-radius:20px;border-top-left-radius:0;border-top-right-radius:0;border:4px solid;border-top-color:transparent}.gg-userlane::after,.gg-userlane::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;background:currentColor;top:-12px}.gg-userlane::before{border-radius:20px;left:-4px}.gg-userlane::after{right:-4px}", + "svg": "\n \n \n \n<\/svg>" + } ], "view-cols": [ - [ - { - "nr": 684, - "name": "view-cols", - "css": ".gg-view-cols{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-cols::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:12px;top:-2px;left:4px;background:currentColor;box-shadow:6px 0 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/view-cols.css');", - "json": "https:\/\/css.gg\/json?=view-cols", - "xml": "https:\/\/css.gg\/xml?=view-cols", - "svg_link": "https:\/\/css.gg\/view-cols.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledViewCols = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n width: 20px;\n height: 14px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 12px;\n top: -2px;\n left: 4px;\n background: currentColor;\n box-shadow: 6px 0 0;\n }\n`\n\nexport const ViewCols = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 684, + "name": "view-cols", + "tags": "interface", + "css": ".gg-view-cols{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-cols::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:12px;top:-2px;left:4px;background:currentColor;box-shadow:6px 0 0}", + "svg": "\n \n<\/svg>" + } ], "view-comfortable": [ - [ - { - "nr": 685, - "name": "view-comfortable", - "css": ".gg-view-comfortable{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-comfortable::after,.gg-view-comfortable::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor}.gg-view-comfortable::after{width:2px;height:8px;bottom:-2px;left:4px}.gg-view-comfortable::before{width:20px;height:2px;left:-2px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/view-comfortable.css');", - "json": "https:\/\/css.gg\/json?=view-comfortable", - "xml": "https:\/\/css.gg\/xml?=view-comfortable", - "svg_link": "https:\/\/css.gg\/view-comfortable.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledViewComfortable = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n width: 20px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n }\n &::after {\n width: 2px;\n height: 8px;\n bottom: -2px;\n left: 4px;\n }\n &::before {\n width: 20px;\n height: 2px;\n left: -2px;\n top: 4px;\n }\n`\n\nexport const ViewComfortable = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 685, + "name": "view-comfortable", + "tags": "interface", + "css": ".gg-view-comfortable{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-comfortable::after,.gg-view-comfortable::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor}.gg-view-comfortable::after{width:2px;height:8px;bottom:-2px;left:4px}.gg-view-comfortable::before{width:20px;height:2px;left:-2px;top:4px}", + "svg": "\n \n<\/svg>" + } ], "view-day": [ - [ - { - "nr": 686, - "name": "view-day", - "css": ".gg-view-day{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-day::after,.gg-view-day::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:12px;top:-2px;left:7px;background:currentColor}.gg-view-day::before{width:20px;height:2px;left:-2px;top:4px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/view-day.css');", - "json": "https:\/\/css.gg\/json?=view-day", - "xml": "https:\/\/css.gg\/xml?=view-day", - "svg_link": "https:\/\/css.gg\/view-day.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledViewDay = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n width: 20px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 12px;\n top: -2px;\n left: 7px;\n background: currentColor;\n }\n &::before {\n width: 20px;\n height: 2px;\n left: -2px;\n top: 4px;\n }\n`\n\nexport const ViewDay = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 686, + "name": "view-day", + "tags": "interface", + "css": ".gg-view-day{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-day::after,.gg-view-day::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:12px;top:-2px;left:7px;background:currentColor}.gg-view-day::before{width:20px;height:2px;left:-2px;top:4px}", + "svg": "\n \n<\/svg>" + } ], "view-grid": [ - [ - { - "nr": 687, - "name": "view-grid", - "css": ".gg-view-grid{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-grid::after,.gg-view-grid::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:14px;top:-2px;left:4px;background:currentColor;box-shadow:6px 0 0}.gg-view-grid::before{width:20px;height:2px;left:-2px;top:2px;box-shadow:0 4px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/view-grid.css');", - "json": "https:\/\/css.gg\/json?=view-grid", - "xml": "https:\/\/css.gg\/xml?=view-grid", - "svg_link": "https:\/\/css.gg\/view-grid.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledViewGrid = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n width: 20px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 14px;\n top: -2px;\n left: 4px;\n background: currentColor;\n box-shadow: 6px 0 0;\n }\n &::before {\n width: 20px;\n height: 2px;\n left: -2px;\n top: 2px;\n box-shadow: 0 4px 0;\n }\n`\n\nexport const ViewGrid = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 687, + "name": "view-grid", + "tags": "interface", + "css": ".gg-view-grid{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-grid::after,.gg-view-grid::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:14px;top:-2px;left:4px;background:currentColor;box-shadow:6px 0 0}.gg-view-grid::before{width:20px;height:2px;left:-2px;top:2px;box-shadow:0 4px 0}", + "svg": "\n \n<\/svg>" + } ], "view-list": [ - [ - { - "nr": 688, - "name": "view-list", - "css": ".gg-view-list{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-list::after,.gg-view-list::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:14px;top:-2px;left:3px;background:currentColor}.gg-view-list::before{width:20px;height:2px;left:-2px;top:2px;box-shadow:0 4px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/view-list.css');", - "json": "https:\/\/css.gg\/json?=view-list", - "xml": "https:\/\/css.gg\/xml?=view-list", - "svg_link": "https:\/\/css.gg\/view-list.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledViewList = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n width: 20px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 14px;\n top: -2px;\n left: 3px;\n background: currentColor;\n }\n &::before {\n width: 20px;\n height: 2px;\n left: -2px;\n top: 2px;\n box-shadow: 0 4px 0;\n }\n`\n\nexport const ViewList = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 688, + "name": "view-list", + "tags": "interface", + "css": ".gg-view-list{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-list::after,.gg-view-list::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:14px;top:-2px;left:3px;background:currentColor}.gg-view-list::before{width:20px;height:2px;left:-2px;top:2px;box-shadow:0 4px 0}", + "svg": "\n \n<\/svg>" + } ], "view-month": [ - [ - { - "nr": 689, - "name": "view-month", - "css": ".gg-view-month{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-month::after,.gg-view-month::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:14px;top:-2px;left:3px;background:currentColor;box-shadow:4px 0 0,8px 0 0}.gg-view-month::before{width:20px;height:2px;left:-2px;top:2px;box-shadow:0 4px 0}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/view-month.css');", - "json": "https:\/\/css.gg\/json?=view-month", - "xml": "https:\/\/css.gg\/xml?=view-month", - "svg_link": "https:\/\/css.gg\/view-month.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledViewMonth = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n width: 20px;\n height: 14px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 14px;\n top: -2px;\n left: 3px;\n background: currentColor;\n box-shadow: 4px 0 0, 8px 0 0;\n }\n &::before {\n width: 20px;\n height: 2px;\n left: -2px;\n top: 2px;\n box-shadow: 0 4px 0;\n }\n`\n\nexport const ViewMonth = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 689, + "name": "view-month", + "tags": "interface", + "css": ".gg-view-month{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-month::after,.gg-view-month::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:14px;top:-2px;left:3px;background:currentColor;box-shadow:4px 0 0,8px 0 0}.gg-view-month::before{width:20px;height:2px;left:-2px;top:2px;box-shadow:0 4px 0}", + "svg": "\n \n<\/svg>" + } ], "view-split": [ - [ - { - "nr": 690, - "name": "view-split", - "css": ".gg-view-split{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-split::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:12px;top:-2px;left:7px;background:currentColor}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/view-split.css');", - "json": "https:\/\/css.gg\/json?=view-split", - "xml": "https:\/\/css.gg\/xml?=view-split", - "svg_link": "https:\/\/css.gg\/view-split.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledViewSplit = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n border: 2px solid;\n border-radius: 3px;\n width: 20px;\n height: 14px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 12px;\n top: -2px;\n left: 7px;\n background: currentColor;\n }\n`\n\nexport const ViewSplit = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 690, + "name": "view-split", + "tags": "interface", + "css": ".gg-view-split{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));border:2px solid;border-radius:3px;width:20px;height:14px}.gg-view-split::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:12px;top:-2px;left:7px;background:currentColor}", + "svg": "\n \n<\/svg>" + } ], "vinyl": [ - [ - { - "nr": 691, - "name": "vinyl", - "css": ".gg-vinyl{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:8px;border:3px solid transparent;box-shadow:0 0 0 6px,inset 0 0 0 2px;border-radius:22px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/vinyl.css');", - "json": "https:\/\/css.gg\/json?=vinyl", - "xml": "https:\/\/css.gg\/xml?=vinyl", - "svg_link": "https:\/\/css.gg\/vinyl.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledVinyl = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 8px;\n border: 3px solid transparent;\n box-shadow: 0 0 0 6px, inset 0 0 0 2px;\n border-radius: 22px;\n }\n`\n\nexport const Vinyl = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 691, + "name": "vinyl", + "tags": "interface", + "css": ".gg-vinyl{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:8px;border:3px solid transparent;box-shadow:0 0 0 6px,inset 0 0 0 2px;border-radius:22px}", + "svg": "\n \n \n<\/svg>" + } ], "voicemail-o": [ - [ - { - "nr": 692, - "name": "voicemail-o", - "css": ".gg-voicemail-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 5px 10px\/8px 2px;border-radius:30px;border:2px solid}.gg-voicemail-o::after,.gg-voicemail-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border:2px solid;border-radius:10px;top:6px}.gg-voicemail-o::before{left:2px}.gg-voicemail-o::after{right:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/voicemail-o.css');", - "json": "https:\/\/css.gg\/json?=voicemail-o", - "xml": "https:\/\/css.gg\/xml?=voicemail-o", - "svg_link": "https:\/\/css.gg\/voicemail-o.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledVoicemailO = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 22px;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 5px 10px\/8px\n 2px;\n border-radius: 30px;\n border: 2px solid;\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 border: 2px solid;\n border-radius: 10px;\n top: 6px;\n }\n &::before {\n left: 2px;\n }\n &::after {\n right: 2px;\n }\n`\n\nexport const VoicemailO = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 692, + "name": "voicemail-o", + "tags": "interface multimedia", + "css": ".gg-voicemail-o{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:22px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 5px 10px\/8px 2px;border-radius:30px;border:2px solid}.gg-voicemail-o::after,.gg-voicemail-o::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border:2px solid;border-radius:10px;top:6px}.gg-voicemail-o::before{left:2px}.gg-voicemail-o::after{right:2px}", + "svg": "\n \n \n<\/svg>" + } ], "voicemail-r": [ - [ - { - "nr": 693, - "name": "voicemail-r", - "css": ".gg-voicemail-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:21px;height:14px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 5px 6px\/7px 2px;border-radius:3px;border:2px solid}.gg-voicemail-r::after,.gg-voicemail-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border:2px solid;border-radius:10px;top:2px}.gg-voicemail-r::before{left:2px}.gg-voicemail-r::after{right:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/voicemail-r.css');", - "json": "https:\/\/css.gg\/json?=voicemail-r", - "xml": "https:\/\/css.gg\/xml?=voicemail-r", - "svg_link": "https:\/\/css.gg\/voicemail-r.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledVoicemailR = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 21px;\n height: 14px;\n background: linear-gradient(to left, currentColor 10px, transparent 0) no-repeat 5px 6px\/7px 2px;\n border-radius: 3px;\n border: 2px solid;\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 border: 2px solid;\n border-radius: 10px;\n top: 2px;\n }\n &::before {\n left: 2px;\n }\n &::after {\n right: 2px;\n }\n`\n\nexport const VoicemailR = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 693, + "name": "voicemail-r", + "tags": "interface multimedia", + "css": ".gg-voicemail-r{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:21px;height:14px;background:linear-gradient(to left,currentColor 10px,transparent 0)no-repeat 5px 6px\/7px 2px;border-radius:3px;border:2px solid}.gg-voicemail-r::after,.gg-voicemail-r::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;height:6px;border:2px solid;border-radius:10px;top:2px}.gg-voicemail-r::before{left:2px}.gg-voicemail-r::after{right:2px}", + "svg": "\n \n \n<\/svg>" + } ], "voicemail": [ - [ - { - "nr": 694, - "name": "voicemail", - "css": ".gg-voicemail{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:10px;border-bottom:2px solid}.gg-voicemail::after,.gg-voicemail::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border:2px solid;border-radius:10px;top:0;left:-5px}.gg-voicemail::after{left:7px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/voicemail.css');", - "json": "https:\/\/css.gg\/json?=voicemail", - "xml": "https:\/\/css.gg\/xml?=voicemail", - "svg_link": "https:\/\/css.gg\/voicemail.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledVoicemail = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 12px;\n height: 10px;\n border-bottom: 2px solid;\n }\n &::after,\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 border-radius: 10px;\n top: 0;\n left: -5px;\n }\n &::after {\n left: 7px;\n }\n`\n\nexport const Voicemail = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 694, + "name": "voicemail", + "tags": "interface multimedia", + "css": ".gg-voicemail{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:12px;height:10px;border-bottom:2px solid}.gg-voicemail::after,.gg-voicemail::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:10px;border:2px solid;border-radius:10px;top:0;left:-5px}.gg-voicemail::after{left:7px}", + "svg": "\n \n<\/svg>" + } ], "volume": [ - [ - { - "nr": 695, - "name": "volume", - "css": ".gg-volume{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:8px;border:2px solid;border-right:0;-webkit-perspective:12px;perspective:12px;border-top-left-radius:4px;border-bottom-left-radius:4px}.gg-volume::after,.gg-volume::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-volume::before{left:2px;transform:rotateY(-90deg);width:10px;height:10px;border:2px solid;border-left:0;top:-3px}.gg-volume::after{width:8px;height:16px;border:6px double;border-left:0;border-top-right-radius:100px;border-bottom-right-radius:100px;right:-14px;top:-6px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/volume.css');", - "json": "https:\/\/css.gg\/json?=volume", - "xml": "https:\/\/css.gg\/xml?=volume", - "svg_link": "https:\/\/css.gg\/volume.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledVolume = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 8px;\n border: 2px solid;\n border-right: 0;\n -webkit-perspective: 12px;\n perspective: 12px;\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n }\n &::before {\n left: 2px;\n transform: rotateY(-90deg);\n width: 10px;\n height: 10px;\n border: 2px solid;\n border-left: 0;\n top: -3px;\n }\n &::after {\n width: 8px;\n height: 16px;\n border: 6px double;\n border-left: 0;\n border-top-right-radius: 100px;\n border-bottom-right-radius: 100px;\n right: -14px;\n top: -6px;\n }\n`\n\nexport const Volume = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 695, + "name": "volume", + "tags": "interface multimedia", + "css": ".gg-volume{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:8px;border:2px solid;border-right:0;-webkit-perspective:12px;perspective:12px;border-top-left-radius:4px;border-bottom-left-radius:4px}.gg-volume::after,.gg-volume::before{content:\"\";display:block;box-sizing:border-box;position:absolute}.gg-volume::before{left:2px;transform:rotateY(-90deg);width:10px;height:10px;border:2px solid;border-left:0;top:-3px}.gg-volume::after{width:8px;height:16px;border:6px double;border-left:0;border-top-right-radius:100px;border-bottom-right-radius:100px;right:-14px;top:-6px}", + "svg": "\n \n \n \n<\/svg>" + } ], "webcam": [ - [ - { - "nr": 696, - "name": "webcam", - "css": ".gg-webcam{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:8px;border:2px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 2px;border-radius:100px;margin-top:-4px}.gg-webcam::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:4px;border-right:4px solid transparent;box-shadow:0 2px 0,inset -2px 0 0;bottom:-6px;left:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/webcam.css');", - "json": "https:\/\/css.gg\/json?=webcam", - "xml": "https:\/\/css.gg\/xml?=webcam", - "svg_link": "https:\/\/css.gg\/webcam.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledWebcam = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 8px;\n height: 8px;\n border: 2px solid transparent;\n box-shadow: 0 0 0 2px, inset 0 0 0 2px;\n border-radius: 100px;\n margin-top: -4px;\n }\n &::after {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 10px;\n height: 4px;\n border-right: 4px solid transparent;\n box-shadow: 0 2px 0, inset -2px 0 0;\n bottom: -6px;\n left: -3px;\n }\n`\n\nexport const Webcam = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 696, + "name": "webcam", + "tags": "interface devices multimedia", + "css": ".gg-webcam{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:8px;border:2px solid transparent;box-shadow:0 0 0 2px,inset 0 0 0 2px;border-radius:100px;margin-top:-4px}.gg-webcam::after{content:\"\";display:block;box-sizing:border-box;position:absolute;width:10px;height:4px;border-right:4px solid transparent;box-shadow:0 2px 0,inset -2px 0 0;bottom:-6px;left:-3px}", + "svg": "\n \n \n<\/svg>" + } ], "website": [ - [ - { - "nr": 697, - "name": "website", - "css": ".gg-website{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:18px;border:2px solid;border-radius:3px;box-shadow:0 -1px 0}.gg-website::after,.gg-website::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;top:2px}.gg-website::before{background:currentColor;left:2px;box-shadow:0 4px 0,0 8px 0;border-radius:3px;height:2px}.gg-website::after{height:10px;border:2px solid;right:2px;border-radius:1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/website.css');", - "json": "https:\/\/css.gg\/json?=website", - "xml": "https:\/\/css.gg\/xml?=website", - "svg_link": "https:\/\/css.gg\/website.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n \n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledWebsite = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 22px;\n height: 18px;\n border: 2px solid;\n border-radius: 3px;\n box-shadow: 0 -1px 0;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 6px;\n top: 2px;\n }\n &::before {\n background: currentColor;\n left: 2px;\n box-shadow: 0 4px 0, 0 8px 0;\n border-radius: 3px;\n height: 2px;\n }\n &::after {\n height: 10px;\n border: 2px solid;\n right: 2px;\n border-radius: 1px;\n }\n`\n\nexport const Website = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 697, + "name": "website", + "tags": "interface design", + "css": ".gg-website{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:22px;height:18px;border:2px solid;border-radius:3px;box-shadow:0 -1px 0}.gg-website::after,.gg-website::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:6px;top:2px}.gg-website::before{background:currentColor;left:2px;box-shadow:0 4px 0,0 8px 0;border-radius:3px;height:2px}.gg-website::after{height:10px;border:2px solid;right:2px;border-radius:1px}", + "svg": "\n \n \n \n \n \n<\/svg>" + } ], "windows": [ - [ - { - "nr": 698, - "name": "windows", - "css": ".gg-windows{transform:scale(var(--ggs,1))}.gg-windows,.gg-windows::before{display:block;position:relative;box-sizing:border-box;width:17px;height:15px}.gg-windows::before{content:\"\";position:absolute;width:7px;height:6px;background:currentColor;box-shadow:8px 0 0,8px 7px 0,0 7px 0;transform:perspective(30px) rotateY(-30deg)}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/windows.css');", - "json": "https:\/\/css.gg\/json?=windows", - "xml": "https:\/\/css.gg\/xml?=windows", - "svg_link": "https:\/\/css.gg\/windows.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledWindows = styled.i`\n & {\n transform: scale(var(--ggs, 1));\n }\n &,\n &::before {\n display: block;\n position: relative;\n box-sizing: border-box;\n width: 17px;\n height: 15px;\n }\n &::before {\n content: '';\n position: absolute;\n width: 7px;\n height: 6px;\n background: currentColor;\n box-shadow: 8px 0 0, 8px 7px 0, 0 7px 0;\n transform: perspective(30px) rotateY(-30deg);\n }\n`\n\nexport const Windows = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 698, + "name": "windows", + "tags": "brands", + "css": ".gg-windows{transform:scale(var(--ggs,1))}.gg-windows,.gg-windows::before{display:block;position:relative;box-sizing:border-box;width:17px;height:15px}.gg-windows::before{content:\"\";position:absolute;width:7px;height:6px;background:currentColor;box-shadow:8px 0 0,8px 7px 0,0 7px 0;transform:perspective(30px) rotateY(-30deg)}", + "svg": "\n \n<\/svg>" + } ], "work-alt": [ - [ - { - "nr": 699, - "name": "work-alt", - "css": ".gg-work-alt,.gg-work-alt::after{display:block;box-sizing:border-box;box-shadow:0 0 0 2px}.gg-work-alt{position:relative;transform:scale(var(--ggs,1));width:14px;height:10px;border-radius:1px}.gg-work-alt::after{content:\"\";position:absolute;width:6px;height:1px;border-top-left-radius:1px;border-top-right-radius:1px;left:4px;top:-3px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/work-alt.css');", - "json": "https:\/\/css.gg\/json?=work-alt", - "xml": "https:\/\/css.gg\/xml?=work-alt", - "svg_link": "https:\/\/css.gg\/work-alt.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledWorkAlt = styled.i`\n &,\n &::after {\n display: block;\n box-sizing: border-box;\n box-shadow: 0 0 0 2px;\n }\n & {\n position: relative;\n transform: scale(var(--ggs, 1));\n width: 14px;\n height: 10px;\n border-radius: 1px;\n }\n &::after {\n content: '';\n position: absolute;\n width: 6px;\n height: 1px;\n border-top-left-radius: 1px;\n border-top-right-radius: 1px;\n left: 4px;\n top: -3px;\n }\n`\n\nexport const WorkAlt = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 699, + "name": "work-alt", + "tags": "interface", + "css": ".gg-work-alt,.gg-work-alt::after{display:block;box-sizing:border-box;box-shadow:0 0 0 2px}.gg-work-alt{position:relative;transform:scale(var(--ggs,1));width:14px;height:10px;border-radius:1px}.gg-work-alt::after{content:\"\";position:absolute;width:6px;height:1px;border-top-left-radius:1px;border-top-right-radius:1px;left:4px;top:-3px}", + "svg": "\n \n<\/svg>" + } ], "yinyang": [ - [ - { - "nr": 700, - "name": "yinyang", - "css": ".gg-yinyang{box-sizing:border-box;position:relative;display:block;transform:rotate(95deg) scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:22px}.gg-yinyang::after,.gg-yinyang::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-radius:10px;top:4px}.gg-yinyang::before{border:2px solid;left:0}.gg-yinyang::after{border:2px solid transparent;right:0;box-shadow:inset 0 0 0 4px,0 -3px 0 1px,-2px -4px 0 1px,-8px -5px 0 -1px,-11px -3px 0 -2px,-12px -1px 0 -3px,-6px -6px 0 -1px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/yinyang.css');", - "json": "https:\/\/css.gg\/json?=yinyang", - "xml": "https:\/\/css.gg\/xml?=yinyang", - "svg_link": "https:\/\/css.gg\/yinyang.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledYinyang = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: rotate(95deg) scale(var(--ggs, 1));\n width: 20px;\n height: 20px;\n border: 2px solid;\n border-radius: 22px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 8px;\n height: 8px;\n border-radius: 10px;\n top: 4px;\n }\n &::before {\n border: 2px solid;\n left: 0;\n }\n &::after {\n border: 2px solid transparent;\n right: 0;\n box-shadow: inset 0 0 0 4px, 0 -3px 0 1px, -2px -4px 0 1px, -8px -5px 0 -1px, -11px -3px 0 -2px,\n -12px -1px 0 -3px, -6px -6px 0 -1px;\n }\n`\n\nexport const Yinyang = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 700, + "name": "yinyang", + "tags": "interface signs", + "css": ".gg-yinyang{box-sizing:border-box;position:relative;display:block;transform:rotate(95deg) scale(var(--ggs,1));width:20px;height:20px;border:2px solid;border-radius:22px}.gg-yinyang::after,.gg-yinyang::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:8px;height:8px;border-radius:10px;top:4px}.gg-yinyang::before{border:2px solid;left:0}.gg-yinyang::after{border:2px solid transparent;right:0;box-shadow:inset 0 0 0 4px,0 -3px 0 1px,-2px -4px 0 1px,-8px -5px 0 -1px,-11px -3px 0 -2px,-12px -1px 0 -3px,-6px -6px 0 -1px}", + "svg": "\n \n \n<\/svg>" + } ], "youtube": [ - [ - { - "nr": 701, - "name": "youtube", - "css": ".gg-youtube{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:10px;box-shadow:0 0 0 2px;border-radius:15px 15px 15px 15px \/45px 45px 45px 45px}.gg-youtube::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:7px;top:2px;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/youtube.css');", - "json": "https:\/\/css.gg\/json?=youtube", - "xml": "https:\/\/css.gg\/xml?=youtube", - "svg_link": "https:\/\/css.gg\/youtube.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledYoutube = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 10px;\n box-shadow: 0 0 0 2px;\n border-radius: 15px 15px 15px 15px \/45px 45px 45px 45px;\n }\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n left: 7px;\n top: 2px;\n border-left: 4px solid currentColor;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n }\n`\n\nexport const Youtube = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 701, + "name": "youtube", + "tags": "multimedia buttons", + "css": ".gg-youtube{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:10px;box-shadow:0 0 0 2px;border-radius:15px 15px 15px 15px \/45px 45px 45px 45px}.gg-youtube::before{content:\"\";display:block;box-sizing:border-box;position:absolute;left:7px;top:2px;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent}", + "svg": "\n \n<\/svg>" + } ], "vercel": [ - [ - { - "nr": 702, - "name": "vercel", - "css": ".gg-vercel{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:0px;height:0px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:18px solid currentColor;}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/vercel.css');", - "json": "https:\/\/css.gg\/json?=vercel", - "xml": "https:\/\/css.gg\/xml?=vercel", - "svg_link": "https:\/\/css.gg\/vercel.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledVercel = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 0px;\n height: 0px;\n border-left: 9px solid transparent;\n border-right: 9px solid transparent;\n border-bottom: 18px solid currentColor;\n }\n`\n\nexport const Vercel = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 702, + "name": "vercel", + "tags": "brands", + "css": ".gg-vercel{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:0px;height:0px;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:18px solid currentColor;}", + "svg": "\n \n<\/svg>" + } ], "zoom-in": [ - [ - { - "nr": 703, - "name": "zoom-in", - "css": ".gg-zoom-in{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%;background:linear-gradient(to bottom,currentColor 5px,transparent 0)no-repeat 2px 5px\/8px 2px;margin-top:-4px}.gg-zoom-in::after,.gg-zoom-in::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:8px;background:currentColor}.gg-zoom-in::after{transform:rotate(-45deg);border-radius:3px;top:10px;left:12px}.gg-zoom-in::before{top:2px;left:5px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/zoom-in.css');", - "json": "https:\/\/css.gg\/json?=zoom-in", - "xml": "https:\/\/css.gg\/xml?=zoom-in", - "svg_link": "https:\/\/css.gg\/zoom-in.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledZoomIn = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-radius: 100%;\n background: linear-gradient(to bottom, currentColor 5px, transparent 0) no-repeat 2px 5px\/8px\n 2px;\n margin-top: -4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n width: 2px;\n height: 8px;\n background: currentColor;\n }\n &::after {\n transform: rotate(-45deg);\n border-radius: 3px;\n top: 10px;\n left: 12px;\n }\n &::before {\n top: 2px;\n left: 5px;\n }\n`\n\nexport const ZoomIn = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 703, + "name": "zoom-in", + "tags": "interface", + "css": ".gg-zoom-in{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%;background:linear-gradient(to bottom,currentColor 5px,transparent 0)no-repeat 2px 5px\/8px 2px;margin-top:-4px}.gg-zoom-in::after,.gg-zoom-in::before{content:\"\";display:block;box-sizing:border-box;position:absolute;width:2px;height:8px;background:currentColor}.gg-zoom-in::after{transform:rotate(-45deg);border-radius:3px;top:10px;left:12px}.gg-zoom-in::before{top:2px;left:5px}", + "svg": "\n \n<\/svg>" + } ], "zoom-out": [ - [ - { - "nr": 704, - "name": "zoom-out", - "css": ".gg-zoom-out{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%;margin-top:-4px}.gg-zoom-out::after,.gg-zoom-out::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor}.gg-zoom-out::after{transform:rotate(-45deg);border-radius:3px;width:2px;height:8px;top:10px;left:12px}.gg-zoom-out::before{width:8px;height:2px;top:5px;left:2px}", - "markup": "<\/i>", - "standard": "", - "import": "@import url('https:\/\/css.gg\/zoom-out.css');", - "json": "https:\/\/css.gg\/json?=zoom-out", - "xml": "https:\/\/css.gg\/xml?=zoom-out", - "svg_link": "https:\/\/css.gg\/zoom-out.svg", - "svg_sprite": "<\/svg>", - "svg_path": "\n \n<\/svg>", - "tsx": "import React from 'react'\nimport styled from 'styled-components'\n\nconst StyledZoomOut = styled.i`\n & {\n box-sizing: border-box;\n position: relative;\n display: block;\n transform: scale(var(--ggs, 1));\n width: 16px;\n height: 16px;\n border: 2px solid;\n border-radius: 100%;\n margin-top: -4px;\n }\n &::after,\n &::before {\n content: '';\n display: block;\n box-sizing: border-box;\n position: absolute;\n background: currentColor;\n }\n &::after {\n transform: rotate(-45deg);\n border-radius: 3px;\n width: 2px;\n height: 8px;\n top: 10px;\n left: 12px;\n }\n &::before {\n width: 8px;\n height: 2px;\n top: 5px;\n left: 2px;\n }\n`\n\nexport const ZoomOut = React.forwardRef>(\n (props, ref) => {\n return (\n <>\n \n <\/>\n )\n },\n)\n" - } - ] + { + "nr": 704, + "name": "zoom-out", + "tags": "interface", + "css": ".gg-zoom-out{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:16px;height:16px;border:2px solid;border-radius:100%;margin-top:-4px}.gg-zoom-out::after,.gg-zoom-out::before{content:\"\";display:block;box-sizing:border-box;position:absolute;background:currentColor}.gg-zoom-out::after{transform:rotate(-45deg);border-radius:3px;width:2px;height:8px;top:10px;left:12px}.gg-zoom-out::before{width:8px;height:2px;top:5px;left:2px}", + "svg": "\n \n<\/svg>" + } ] } \ No newline at end of file