https://github.com/incomplete-infinity/eve-icons
https://github.com/incomplete-infinity/eve-icons
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/incomplete-infinity/eve-icons
- Owner: Incomplete-Infinity
- Created: 2024-02-01T07:20:19.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-02-01T07:20:33.000Z (about 2 years ago)
- Last Synced: 2025-06-24T01:38:11.929Z (10 months ago)
- Language: HTML
- Homepage: https://incomplete-infinity.github.io/eve-icons/
- Size: 258 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Eve Online UI Icons
A collection of SVG Icons from the Eve Online user Interface.
## Table Of Contents
### Summary
#### Steps Taken
1. Converted from .PNG to inline .SVG code
2. Optimized using Nano
3. Removed all data URLs by hand
4. Replaced each one with ``s
5. Applied a gradient and a stroke through the `.shape` class
#### Key Points
- Significantly reduced in size.
- Ready for use directly as inline html
- Can be _any colour you like_
- Look awesome at any scale
### Demo
Check out the [Icon Showcase](https://phobiacide.github.io/eve-icons/)!
### Code
#### Outline
##### `index.html`
```html
```
#### Page Header
```html
Vectorized Eve Online Icons
```
#### SVG Icon References
Basically, there is a grid of url references to the .SVG definitions
##### Icon Reference Example
```html
```
#### SVG Icon Definitions
##### Preface
There are some quantity of SVG Icon Definitions in the code.
Each `` | |
| **Clip Path** | `` | |
| **Path** | `` | |
| **Rectangle** | `` | |
##### Icon Definition Example
```html
```
#### SVG Gradient Definitions
There are some quantity of SVG Gradient Definitions in the code.