• This repository has been archived on 25/Apr/2020
  • Stars
    star
    181
  • Rank 212,110 (Top 5 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 6 years ago
  • Updated over 4 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

CLI tool to generate all the icons and splashscreens for your Quasar Apps

Attention!

Moved over to Quasar's core repo: https://github.com/quasarframework/quasar/tree/dev/icongenie

Icon Genie logo

Quasar Framework Icon Genie

A Quasar tool for generating all your Quasar App's icons and splashscreens

Join the chat at https://chat.quasar.dev https://good-labs.github.io/greater-good-affirmation/assets/images/badge.svg

What is Icon Genie

This node module outputs a set of SQUARE favicons, webicons, pwa-icons and electron-icons as well as iOS, Windows Store and MacOS icons from an original 1240x1240 square icon that retains transparency and also minifies the assets. It will also create splash screens for Cordova/Capacitor and even a minified svg.

It works cross-platform to generate those pesky .icns and .ico files used by Electron apps and in the case of the latter preferred by some browsers and webscrapers (favicon.ico) - even though modern development guidelines for Apple and Windows recommend using .png.

It has two primary interfaces (with Quasar CTX and as a standalone CLI) and although it is built for the Quasar Framework, it should work anywhere you can run node. You can even import it and use it in your own pipelines if that's your thing. It is designed to be a very useful tool that you will be glad to have lying around.

You MUST use PNG. If you use a source image that is smaller than 1240x1240 some icons will be naively upscaled. If you do not use a square original, it will be cropped square from the center using the smaller dimension as width and height - but will never upscale - which can potentially result in non-square results. You have been warned.

A final note: You should always pad your icon design with about 1% of empty space. This is because you will lose aliasing resolution when downscaling, which means at smaller sizes your round icon (if it doesn't have padding) will seem to have flattened top, bottom, left and right sides.

Supporting Quasar

Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome backers.

Please read our manifest on Why donations are important. If you'd like to become a donator, check out Quasar Framework's Donator campaign.

Documentation

Head on to the Quasar Framework official website: https://quasar.dev

Stay in Touch

For latest releases and announcements, follow on Twitter: @quasarframework

Chat Support

Ask questions at the official community Discord server: https://chat.quasar.dev

Community Forum

Ask questions at the official community forum: https://forum.quasar.dev

Semver

Quasar Icon Genie is following Semantic Versioning 2.0.

License

Copyright (c) 2018-present Razvan Stoenescu

MIT License

More Repositories

1

quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time
JavaScript
25,881
star
2

quasar-awesome

🎉 A list of awesome things related to Quasar
1,756
star
3

quasar-ui-qcalendar

QCalendar - Quasar App Extension, Vue CLI plug-in and UMD distributions available
Vue
425
star
4

quasar-play

[<= 0.17] Quasar Framework Showcase App
Vue
318
star
5

quasar-ui-qmediaplayer

QMediaPlayer for Quasar
JavaScript
212
star
6

quasar-cli

[DEPRECATED, <= 0.17) Quasar Framework - CLI
JavaScript
203
star
7

quasar-testing

Testing Harness App Extensions for the Quasar Framework 2.0+
TypeScript
179
star
8

quasar-ui-qmarkdown

A Quasar UI App Extension to display inline markdown
JavaScript
157
star
9

quasar-framework.org

[DEPRECATED, v0.17] Quasar Framework - The Official Website
HTML
110
star
10

app-extension-apollo

The official Quasar App-Extension for Apollo and GraphQL - Currently Beta!
JavaScript
110
star
11

quasar-starter-kit

Quasar CLI Starter Kit
JavaScript
107
star
12

app-extension-qpdfviewer

View PDF documents in your Quasar app
JavaScript
102
star
13

app-extension-dotenv

Official Quasar App Extension for dotenv
JavaScript
71
star
14

firebase-sample-apps

Quasar sample apps for Firebase integration.
JavaScript
68
star
15

vue-cli-plugin-quasar

Quasar Framework Vue CLI plugin
JavaScript
68
star
16

quasar-ui-qwindow

QWindow - Floating, moveable, resizable windows
JavaScript
56
star
17

quasar-nuxt

[TEMPORARILY DISCONTINUED] Nuxt module for Quasar Framework
Vue
56
star
18

quasar-ui-qiconpicker

QIconPicker - Quasar App Extension
JavaScript
55
star
19

quasar-template-meteor

Quasar Starter Kit for Meteor
Vue
50
star
20

app-extension-typescript

Add TypeScript to your existing Quasar 1.0 JS project
JavaScript
50
star
21

app-extension-qenv

Load targeted variables into your quasar project
JavaScript
50
star
22

quasar-ui-qactivity

Create activity timeline
JavaScript
46
star
23

quasar-ui-qribbon

A Ribbon component for Quasar Framework v1.0
JavaScript
44
star
24

quasar-template-pwa

[DEPRECATED] Quasar PWA Boilerplate / Starter kit
JavaScript
43
star
25

quasar-template-default

[DEPRECATED] Quasar App Boilerplate / Starter kit
JavaScript
41
star
26

quasar-ui-qflashcard

QFlashcard component for Quasar
JavaScript
40
star
27

quasar-ui-qscroller

QScroller - App Extension, Vue CLI and UMD for Quasar
JavaScript
38
star
28

quasar-extras

[DEPRECATED, <= 0.17, moved to main repo] Fonts, icons and animations for Quasar Framework
CSS
32
star
29

quasar-ui-qoverlay

Overlays simplified
JavaScript
32
star
30

quasar-art

Quasar Framework Artworks
SCSS
31
star
31

app-extension-qzoom

Zoom any content (image, video, text, components, ...)
JavaScript
28
star
32

quasar-wrapper-feathersjs-api

[DEPRECATED] Quasar Framework Feathersjs API Wrapper
JavaScript
28
star
33

quasar-hackernews

HackerNews clone built with Vue 2.0, vue-router & vuex & Quasar Framework, with server-side rendering
JavaScript
25
star
34

app-extension-examples

Examples of basic Quasar App Extensions
JavaScript
18
star
35

rfcs

RFCs for Quasar Framework
17
star
36

electron-wrapper

[DEPRECATED] Electron Wrapper for Quasar App
JavaScript
17
star
37

quasar-starter-kit-umd

Quasar UMD/standalone example
HTML
16
star
38

app-extension-qplaceholder

QPlaceholder - Add a placeholder while your data is being retrieved from the server.
JavaScript
16
star
39

quasar-starter-kit-app-extension

Quasar Framework starter kit for creating App Extensions
JavaScript
14
star
40

eslint-plugin-quasar

Quasar Framework plugin for ESLint
JavaScript
12
star
41

quasar-wrapper-graphql-api

[DEPRECATED] Quasar Framework GraphQL API Wrapper
JavaScript
11
star
42

quasar-starter-kit-ui

Quasar Framework UI Template
JavaScript
10
star
43

quasar-codesandbox

A Codesandbox Template
JavaScript
10
star
44

quasar-wrapper-express-api

[DEPRECATED] Quasar Framework Express API Wrapper
JavaScript
9
star
45

app-extension-universal-fs

[WIP] @quasar/universal-fs Quasar App Extension
JavaScript
9
star
46

app-extension-feathersjs

[WIP] The official Quasar 1.0 App-Extension for feathersjs
JavaScript
6
star
47

app-extension-wizard

[DISCONTINUED] The wizard collects common App Extensions and lets you install a group and choose individual ones.
JavaScript
5
star
48

new-issue.quasar.dev

WIP - Handling new issue reporting for Quasar Github account
JavaScript
4
star
49

cdn

Quasar Framework CDN
3
star
50

app-extension-obyte

An app extension for integrating obyte.js into a Quasar 1.0 Project
JavaScript
2
star
51

legacy-create

The legacy "quasar create" command into its own CLI
JavaScript
2
star
52

dist-v0-16.quasar-framework.org

Distributable for v0-16.quasarframework.org
HTML
1
star
53

dist-v0-13.quasar-framework.org

Distributable for v0-13.quasarframework.org
HTML
1
star
54

dist-v0-15.quasar-framework.org

Distributable for v0-15.quasarframework.org
HTML
1
star