Content-Length: 775762 | pFad | http://github.com/ng-icons/ng-icons/commit/653ddd60909df469b31298c16754b6fa1a97273e

44 feat: adding game icons (#154) · ng-icons/ng-icons@653ddd6 · GitHub
Skip to content

Commit

Permalink
feat: adding game icons (#154)
Browse files Browse the repository at this point in the history
* feat: adding game icons

* update readmes

* updating linting
  • Loading branch information
ashley-hunter authored Nov 11, 2024
1 parent 8593c0f commit 653ddd6
Show file tree
Hide file tree
Showing 125 changed files with 16,372 additions and 3,010 deletions.
4 changes: 3 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
# Ng Icons

The all-in-one icon library for Angular. This allows you to use icons from multiple icon sets with a single icon component.
Containing over 56,000 icons for you to use in your projects.
Containing over 61,000 icons for you to use in your projects.

Currently, we support the following libraries:

Expand Down Expand Up @@ -39,6 +39,7 @@ Currently, we support the following libraries:
- [Lets Icons](https://www.figma.com/community/file/886554014393250663/free-icon-pack-1800-icons)
- [Huge Icons](https://hugeicons.com/)
- [Devicon](https://github.com/devicons/devicon/)
- [Game Icons](https://game-icons.net/)

Got suggestions for additional iconsets? Create an issue and we can consider adding them!

Expand Down Expand Up @@ -113,6 +114,7 @@ The following packages are available:
| `@ng-icons/lets-icons` | CC-BY-4.0 |
| `@ng-icons/huge-icons` | CC0-1.0 |
| `@ng-icons/devicon` | MIT |
| `@ng-icons/game-icons` | CC BY 3.0 |

## Usage

Expand Down
84 changes: 41 additions & 43 deletions apps/documentation/eslint.config.js
Original file line number Diff line number Diff line change
@@ -1,49 +1,47 @@
const { FlatCompat } = require('@eslint/eslintrc');
const nx = require('@nx/eslint-plugin');
const baseConfig = require('../../eslint.config.js');
const js = require('@eslint/js');

const compat = new FlatCompat({
baseDirectory: __dirname,
recommendedConfig: js.configs.recommended,
});

module.exports = [
...baseConfig,
...compat
.config({
extends: [
'plugin:@nx/angular',
'plugin:@angular-eslint/template/process-inline-templates',
{
files: ['**/*.json'],
rules: {
'@nx/dependency-checks': [
'error',
{
ignoredFiles: ['{projectRoot}/eslint.config.{js,cjs,mjs}'],
ignoredDependencies: ['jest-preset-angular'],
},
],
},
languageOptions: { parser: require('jsonc-eslint-parser') },
},
...nx.configs['flat/angular'],
...nx.configs['flat/angular-template'],
{
files: ['**/*.ts'],
rules: {
'@angular-eslint/directive-selector': [
'error',
{
type: 'attribute',
prefix: 'app',
style: 'camelCase',
},
],
'@angular-eslint/component-selector': [
'error',
{
type: 'element',
prefix: 'app',
style: 'kebab-case',
},
],
})
.map(config => ({
...config,
files: ['**/*.ts'],
rules: {
'@angular-eslint/no-host-metadata-property': 'off',
'@angular-eslint/directive-selector': [
'error',
{
type: 'attribute',
prefix: 'app',
style: 'camelCase',
},
],
'@angular-eslint/component-selector': [
'error',
{
type: ['element', 'attribute'],
prefix: 'app',
style: 'kebab-case',
},
],
},
})),
...compat
.config({ extends: ['plugin:@nx/angular-template'] })
.map(config => ({
...config,
files: ['**/*.html'],
rules: {},
})),
},
},
{
files: ['**/*.html'],
// Override or add rules here
rules: {},
},
];
32 changes: 18 additions & 14 deletions apps/documentation/src/app/browse-icons/browse-icons.component.html
Original file line number Diff line number Diff line change
@@ -1,44 +1,46 @@
<div appFadeInContainer class="px-4 container mt-32 mx-auto">
<h1 appFadeIn class="heading font-extrabold text-5xl text-center mb-4">
<div appFadeInContainer class="container mx-auto mt-32 px-4">
<h1 appFadeIn class="heading mb-4 text-center text-5xl font-extrabold">
Browse Icons
</h1>

<p appFadeIn class="text-[#E4F4FB] text-medium text-base text-center mb-16">
<p appFadeIn class="text-medium mb-16 text-center text-base text-[#E4F4FB]">
Find the perfect icons for your application
</p>

<div
appFadeIn
class="grid xl:grid-cols-6 lg:grid-cols-5 md:grid-cols-4 sm:grid-cols-3 grid-cols-2 gap-4 mb-16"
class="mb-16 grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6"
>
@for (iconset of iconsets; track iconset.name) {
<div
class="iconset-card"
[class.active]="iconset === activeIconset()"
(click)="loadIconset(iconset)"
(keydown.enter)="loadIconset(iconset)"
tabindex="0"
>
<ng-icon [name]="iconset.icon" />
<span class="text-xs font-medium text-center">{{ iconset.name }}</span>
<span class="text-center text-xs font-medium">{{ iconset.name }}</span>
</div>
}
</div>

<hr appFadeIn />

<h1 appFadeIn class="heading font-extrabold text-5xl text-center mb-8">
<h1 appFadeIn class="heading mb-8 text-center text-5xl font-extrabold">
{{ activeIconset()?.name }}
</h1>

<div
appFadeIn
class="flex justify-center gap-8 mb-12 text-sm font-medium text-[#E4F4FB]"
class="mb-12 flex justify-center gap-8 text-sm font-medium text-[#E4F4FB]"
>
<div>
<span class="opacity-50 mr-2">Package:</span>
<span class="mr-2 opacity-50">Package:</span>
<span class="opacity-80">{{ activeIconset()?.package }}</span>
</div>
<div>
<span class="opacity-50 mr-2">Website:</span>
<span class="mr-2 opacity-50">Website:</span>
<a
[href]="'https://' + activeIconset()?.website"
target="_blank"
Expand All @@ -47,7 +49,7 @@ <h1 appFadeIn class="heading font-extrabold text-5xl text-center mb-8">
>
</div>
<div>
<span class="opacity-50 mr-2">License:</span>
<span class="mr-2 opacity-50">License:</span>
<span class="opacity-80">{{ activeIconset()?.license }}</span>
</div>
</div>
Expand All @@ -63,7 +65,7 @@ <h1 appFadeIn class="heading font-extrabold text-5xl text-center mb-8">
</div>

@if (categories().length > 1) {
<div appFadeIn class="flex justify-center mb-16">
<div appFadeIn class="mb-16 flex justify-center">
<app-segment
[options]="categories()"
[selectedIndex]="activeCategoryIndex()"
Expand All @@ -74,21 +76,23 @@ <h1 appFadeIn class="heading font-extrabold text-5xl text-center mb-8">

<div
appFadeIn
class="grid xl:grid-cols-6 lg:grid-cols-5 md:grid-cols-4 sm:grid-cols-3 grid-cols-2 gap-4 mb-16"
class="mb-16 grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6"
>
<div
*rxFor="let icon of filteredIcons(); trackBy: trackByFn"
class="icon-card"
(click)="copyToClipboard(icon)"
(keydown.enter)="copyToClipboard(icon)"
tabindex="0"
>
<ng-icon class="text-2xl" [name]="icon" />
<span class="text-xs font-medium px-2 max-w-full text-center break-all">{{
<span class="max-w-full break-all px-2 text-center text-xs font-medium">{{
icon
}}</span>
</div>
</div>

<p appFadeIn class="text-[#E4F4FB] text-medium text-sm text-center mb-16">
<p appFadeIn class="text-medium mb-16 text-center text-sm text-[#E4F4FB]">
© Copyright {{ year }} - Angular Icons
</p>
</div>
Expand Down
Loading

0 comments on commit 653ddd6

Please sign in to comment.








ApplySandwichStrip

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier!      Saves Data!


--- a PPN by Garber Painting Akron. With Image Size Reduction included!

Fetched URL: http://github.com/ng-icons/ng-icons/commit/653ddd60909df469b31298c16754b6fa1a97273e

Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy