nuxt icon

This commit is contained in:
Evert Prants 2022-10-16 15:56:18 +03:00
parent 4dfcf1b408
commit 2af6ebe9b8
Signed by: evert
GPG Key ID: 1688DA83D222D0B5
14 changed files with 51 additions and 20 deletions

View File

@ -289,6 +289,20 @@
"css": "github-circled", "css": "github-circled",
"code": 61595, "code": 61595,
"src": "fontawesome" "src": "fontawesome"
},
{
"uid": "f9f013fc0a2eac8dcd37826dd690d8e8",
"css": "nuxt",
"code": 59411,
"src": "custom_icons",
"selected": true,
"svg": {
"path": "M633.4 318.4C656.3 279.4 713.7 279.4 736.6 318.4L986.7 743.5C1009.6 782.5 981 831.3 935.1 831.3H434.9C389 831.3 360.4 782.5 383.3 743.5ZM441.9 204.5C414.2 156.8 344.9 156.8 317.2 204.5L15 724C-12.7 771.7 21.9 831.3 77.4 831.3H313.3C289.6 810.6 280.8 774.7 298.7 744L527.6 351.7Z",
"width": 1000
},
"search": [
"nuxt"
]
} }
] ]
} }

View File

@ -18,6 +18,7 @@
.icon-vuejs:before { content: '\e810'; } /* '' */ .icon-vuejs:before { content: '\e810'; } /* '' */
.icon-react:before { content: '\e811'; } /* '' */ .icon-react:before { content: '\e811'; } /* '' */
.icon-pleroma:before { content: '\e812'; } /* '' */ .icon-pleroma:before { content: '\e812'; } /* '' */
.icon-nuxt:before { content: '\e813'; } /* '' */
.icon-github-circled:before { content: '\f09b'; } /* '' */ .icon-github-circled:before { content: '\f09b'; } /* '' */
.icon-html5:before { content: '\f13b'; } /* '' */ .icon-html5:before { content: '\f13b'; } /* '' */
.icon-reddit-alien:before { content: '\f281'; } /* '' */ .icon-reddit-alien:before { content: '\f281'; } /* '' */

File diff suppressed because one or more lines are too long

View File

@ -18,6 +18,7 @@
.icon-vuejs { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-vuejs { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-react { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-react { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-pleroma { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-pleroma { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-nuxt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-github-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-github-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-html5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-html5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-reddit-alien { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-reddit-alien { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

View File

@ -29,6 +29,7 @@
.icon-vuejs { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-vuejs { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-react { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-react { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-pleroma { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-pleroma { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-nuxt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-github-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-github-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-html5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-html5 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-reddit-alien { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } .icon-reddit-alien { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

View File

@ -1,11 +1,11 @@
@font-face { @font-face {
font-family: 'lunasquee-site'; font-family: 'lunasquee-site';
src: url('../font/lunasquee-site.eot?67551437'); src: url('../font/lunasquee-site.eot?60049943');
src: url('../font/lunasquee-site.eot?67551437#iefix') format('embedded-opentype'), src: url('../font/lunasquee-site.eot?60049943#iefix') format('embedded-opentype'),
url('../font/lunasquee-site.woff2?67551437') format('woff2'), url('../font/lunasquee-site.woff2?60049943') format('woff2'),
url('../font/lunasquee-site.woff?67551437') format('woff'), url('../font/lunasquee-site.woff?60049943') format('woff'),
url('../font/lunasquee-site.ttf?67551437') format('truetype'), url('../font/lunasquee-site.ttf?60049943') format('truetype'),
url('../font/lunasquee-site.svg?67551437#lunasquee-site') format('svg'); url('../font/lunasquee-site.svg?60049943#lunasquee-site') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -15,7 +15,7 @@
@media screen and (-webkit-min-device-pixel-ratio:0) { @media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face { @font-face {
font-family: 'lunasquee-site'; font-family: 'lunasquee-site';
src: url('../font/lunasquee-site.svg?67551437#lunasquee-site') format('svg'); src: url('../font/lunasquee-site.svg?60049943#lunasquee-site') format('svg');
} }
} }
*/ */
@ -73,6 +73,7 @@
.icon-vuejs:before { content: '\e810'; } /* '' */ .icon-vuejs:before { content: '\e810'; } /* '' */
.icon-react:before { content: '\e811'; } /* '' */ .icon-react:before { content: '\e811'; } /* '' */
.icon-pleroma:before { content: '\e812'; } /* '' */ .icon-pleroma:before { content: '\e812'; } /* '' */
.icon-nuxt:before { content: '\e813'; } /* '' */
.icon-github-circled:before { content: '\f09b'; } /* '' */ .icon-github-circled:before { content: '\f09b'; } /* '' */
.icon-html5:before { content: '\f13b'; } /* '' */ .icon-html5:before { content: '\f13b'; } /* '' */
.icon-reddit-alien:before { content: '\f281'; } /* '' */ .icon-reddit-alien:before { content: '\f281'; } /* '' */

View File

@ -146,11 +146,11 @@
} }
@font-face { @font-face {
font-family: 'lunasquee-site'; font-family: 'lunasquee-site';
src: url('./font/lunasquee-site.eot?1399245'); src: url('./font/lunasquee-site.eot?41812463');
src: url('./font/lunasquee-site.eot?1399245#iefix') format('embedded-opentype'), src: url('./font/lunasquee-site.eot?41812463#iefix') format('embedded-opentype'),
url('./font/lunasquee-site.woff?1399245') format('woff'), url('./font/lunasquee-site.woff?41812463') format('woff'),
url('./font/lunasquee-site.ttf?1399245') format('truetype'), url('./font/lunasquee-site.ttf?41812463') format('truetype'),
url('./font/lunasquee-site.svg?1399245#lunasquee-site') format('svg'); url('./font/lunasquee-site.svg?41812463#lunasquee-site') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -276,11 +276,14 @@
<div class="span3" title="Code: 0xe812"> <div class="span3" title="Code: 0xe812">
<i class="demo-icon icon-pleroma">&#xe812;</i> <span class="i-name">icon-pleroma</span><span class="i-code">0xe812</span> <i class="demo-icon icon-pleroma">&#xe812;</i> <span class="i-name">icon-pleroma</span><span class="i-code">0xe812</span>
</div> </div>
<div class="span3" title="Code: 0xf09b"> <div class="span3" title="Code: 0xe813">
<i class="demo-icon icon-github-circled">&#xf09b;</i> <span class="i-name">icon-github-circled</span><span class="i-code">0xf09b</span> <i class="demo-icon icon-nuxt">&#xe813;</i> <span class="i-name">icon-nuxt</span><span class="i-code">0xe813</span>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="span3" title="Code: 0xf09b">
<i class="demo-icon icon-github-circled">&#xf09b;</i> <span class="i-name">icon-github-circled</span><span class="i-code">0xf09b</span>
</div>
<div class="span3" title="Code: 0xf13b"> <div class="span3" title="Code: 0xf13b">
<i class="demo-icon icon-html5">&#xf13b;</i> <span class="i-name">icon-html5</span><span class="i-code">0xf13b</span> <i class="demo-icon icon-html5">&#xf13b;</i> <span class="i-name">icon-html5</span><span class="i-code">0xf13b</span>
</div> </div>

View File

@ -44,6 +44,8 @@
<glyph glyph-name="pleroma" unicode="&#xe812;" d="M559 108v-239h167a75 75 0 0 1 75 75v164z m0 723v-481h167a75 75 0 0 1 75 75v406z m-285 0a75 75 0 0 1-75-75v-887h239v962z" horiz-adv-x="1000" /> <glyph glyph-name="pleroma" unicode="&#xe812;" d="M559 108v-239h167a75 75 0 0 1 75 75v164z m0 723v-481h167a75 75 0 0 1 75 75v406z m-285 0a75 75 0 0 1-75-75v-887h239v962z" horiz-adv-x="1000" />
<glyph glyph-name="nuxt" unicode="&#xe813;" d="M633 532c23 39 81 39 104 0l250-425c23-39-6-88-52-88h-500c-46 0-75 49-52 88z m-191 114c-28 47-97 47-125 0l-302-520c-28-48 7-107 62-107h236c-23 20-32 56-14 87l229 392z" horiz-adv-x="1000" />
<glyph glyph-name="github-circled" unicode="&#xf09b;" d="M429 779q116 0 215-58t156-156 57-215q0-140-82-252t-211-155q-15-3-22 4t-7 17q0 1 0 43t0 75q0 54-29 79 32 3 57 10t53 22 45 37 30 58 11 84q0 67-44 115 21 51-4 114-16 5-46-6t-51-25l-21-13q-52 15-107 15t-108-15q-8 6-23 15t-47 22-47 7q-25-63-5-114-44-48-44-115 0-47 12-83t29-59 45-37 52-22 57-10q-21-20-27-58-12-5-25-8t-32-3-36 12-31 35q-11 18-27 29t-28 14l-11 1q-12 0-16-2t-3-7 5-8 7-6l4-3q12-6 24-21t18-29l6-13q7-21 24-34t37-17 39-3 31 1l13 3q0-22 0-50t1-30q0-10-8-17t-22-4q-129 43-211 155t-82 252q0 117 58 215t155 156 216 58z m-267-616q2 4-3 7-6 1-8-1-1-4 4-7 5-3 7 1z m18-19q4 3-1 9-6 5-9 2-4-3 1-9 5-6 9-2z m16-25q6 4 0 11-4 7-9 3-5-3 0-10t9-4z m24-23q4 4-2 10-7 7-11 2-5-5 2-11 6-6 11-1z m32-14q1 6-8 9-8 2-10-4t7-9q8-3 11 4z m35-3q0 7-10 6-9 0-9-6 0-7 10-6 9 0 9 6z m32 5q-1 7-10 5-9-1-8-8t10-4 8 7z" horiz-adv-x="857.1" /> <glyph glyph-name="github-circled" unicode="&#xf09b;" d="M429 779q116 0 215-58t156-156 57-215q0-140-82-252t-211-155q-15-3-22 4t-7 17q0 1 0 43t0 75q0 54-29 79 32 3 57 10t53 22 45 37 30 58 11 84q0 67-44 115 21 51-4 114-16 5-46-6t-51-25l-21-13q-52 15-107 15t-108-15q-8 6-23 15t-47 22-47 7q-25-63-5-114-44-48-44-115 0-47 12-83t29-59 45-37 52-22 57-10q-21-20-27-58-12-5-25-8t-32-3-36 12-31 35q-11 18-27 29t-28 14l-11 1q-12 0-16-2t-3-7 5-8 7-6l4-3q12-6 24-21t18-29l6-13q7-21 24-34t37-17 39-3 31 1l13 3q0-22 0-50t1-30q0-10-8-17t-22-4q-129 43-211 155t-82 252q0 117 58 215t155 156 216 58z m-267-616q2 4-3 7-6 1-8-1-1-4 4-7 5-3 7 1z m18-19q4 3-1 9-6 5-9 2-4-3 1-9 5-6 9-2z m16-25q6 4 0 11-4 7-9 3-5-3 0-10t9-4z m24-23q4 4-2 10-7 7-11 2-5-5 2-11 6-6 11-1z m32-14q1 6-8 9-8 2-10-4t7-9q8-3 11 4z m35-3q0 7-10 6-9 0-9-6 0-7 10-6 9 0 9 6z m32 5q-1 7-10 5-9-1-8-8t10-4 8 7z" horiz-adv-x="857.1" />
<glyph glyph-name="html5" unicode="&#xf13b;" d="M631 517l9 98h-494l26-298h342l-12-128-110-29-110 29-7 78h-97l12-155 202-55h2v0l200 55 28 304h-359l-8 101h376z m-631 262h786l-72-803-322-90-321 90z" horiz-adv-x="785.7" /> <glyph glyph-name="html5" unicode="&#xf13b;" d="M631 517l9 98h-494l26-298h342l-12-128-110-29-110 29-7 78h-97l12-155 202-55h2v0l200 55 28 304h-359l-8 101h376z m-631 262h786l-72-803-322-90-321 90z" horiz-adv-x="785.7" />

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

View File

@ -0,0 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg class="h-8" fill="none" version="1.1" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
<g>
<path d="m40.536 20.38c1.4685-2.4962 5.1397-2.4962 6.6081 0l16.004 27.205c1.4685 2.4961-0.36705 5.6165-3.304 5.6165h-32.008c-2.937 0-4.7725-3.1203-3.304-5.6165zm-12.253-7.2936c-1.7744-3.0509-6.2104-3.0509-7.9848 0l-19.338 33.25c-1.7744 3.051 0.4436 6.8646 3.9924 6.8646h15.096c-1.5164-1.3252-2.078-3.6179-0.93043-5.5849l14.646-25.105z" fill="#000" stroke-width=".94116"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 530 B

View File

@ -23,6 +23,7 @@ const langList: LangListItem[] = [
{ icon: 'icon-angular', title: 'Angular' }, { icon: 'icon-angular', title: 'Angular' },
{ icon: 'icon-vuejs', title: 'Vue.js (version 3+)' }, { icon: 'icon-vuejs', title: 'Vue.js (version 3+)' },
{ icon: 'icon-react', title: 'React' }, { icon: 'icon-react', title: 'React' },
{ icon: 'icon-nuxt', title: 'Nuxt' },
{ icon: 'icon-flutter', title: 'Flutter' }, { icon: 'icon-flutter', title: 'Flutter' },
{ icon: 'icon-language-python', title: 'Python' }, { icon: 'icon-language-python', title: 'Python' },
{ icon: 'icon-language-lua-variant', title: 'Lua' }, { icon: 'icon-language-lua-variant', title: 'Lua' },