GithubHelp home page GithubHelp logo

maddoc42 / android-material-icon-generator Goto Github PK

View Code? Open in Web Editor NEW
744.0 744.0 71.0 4.74 MB

Android icons with looooong material shadows!

Home Page: https://android-material-icon-generator.bitdroid.de/

License: Other

HTML 10.45% JavaScript 84.14% CSS 4.82% Shell 0.60%

android-material-icon-generator's People

Contributors

kornfleks avatar maddoc42 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

android-material-icon-generator's Issues

Inserting Text

It would be very nice to add a text to the icon. Do you think to add this feature?

Gradient in input SVG causes error

Hi,

I'm trying to upload an SVG file to the website, then it just keeps loading forever.

It does load side menu with tools and even download option, but the main side just displays a loading indicator forever.

I've attached the SVG I'm trying to upload in case you guys want to test

I'm using Chrome Version 61.0.3163.100 (Official Build) (64-bit) on Windows 10

LOGO PUSH NOTIFICATION.zip

Allow to set custom svg background shape

It would be nice to set two icons. One for foreground (as it is now) and second for background (in addition to current circle and square). What do you think about this idea?

Broken material icons

Some icons from the material collection do create a proper shadow. In some cases the fault seems to origin from paper.js boolean operations (see for example paperjs/paper.js#968).

The following is an incomplete lists of broken icons:

action/face
action/change history
action/important devices
action/perm identity
action/remove shopping cart
action/speaker notes off
action/touch app
action/update

Removing box shadow and having a larger icon

Is there currently a way to remove the box shadow from the icon itself (not the svg that you uploaded).
The icon exported with the shadow looks smaller in comparison to other icons Android app icons, so wanted to export it without the shadow so that the icon can be slightly larger is size.

Material design colors pallette

First this is a great project, congratulations, I'm definitely using this to make my app icon.
But while doing so I wanted a material color, so, it would be nice to have an option of selecting such thing from within the page.

Use viewBox instead of width, height, x and y

I noticed that the generated SVG file is using static width, height, x and y.

Consider using viewBox="0 0 48 48" instead, since this makes the svg reusable for other icon generators such as splicon which is what I'm using..

Hi, this is awesome but seems to show problems in chrome 55

Uncaught TypeError: t.setRampPoint is not a function
at offset (index.js:10)
at Object. (index.js:10)
at Object.o (index.js:5)
at Function.i [as each] (index.js:5)
at v (index.js:10)
at o (index.js:10)
at k (index.js:10)
at index.js:10
at e (index.js:10)
at k (index.js:10)

It seems to be the new version of chrome dose not work with the paperjs

On import convert text to paths

Generating shadows for SVG text elements currently does not work. Converting text to path elements could solve this problem ๐ŸŽธ

Error loading SVG file

Hello.

I'm trying to load my SVG file, but I got js error in the Developer Console.

index.js:9 Uncaught TypeError: Cannot read property '_intersection' of null
(Google Chrome 52.0.2743.116 m (64-bit))

In Microsoft Edge:
The following popup appears:

Invalid SVG file
Please use a real SVG file instead.

My SVG file
It is a minified, simplified version of the svg made in Inkscape. (None of the option worked by default during export from Inkscape)
Simplified by: https://jakearchibald.github.io/svgomg/

I tried the example svg-s from this repo, and tried to edit the path, but it gives the same error.
There is a problem with the svg or with the generator?

Add option to apply 'Score' effect

Quote from guide:

Scored material elements have the illusion of depth without losing their geometric form. Scores should be centered on symmetrical shapes.

Examples:

Error while importing custom SVG

I encountered an error while importing a SVG file from my hard drive.
Here some technical details :

Imported svg data: Group @1
Uncaught Error: TypeError: Cannot read property '_visited' of null
    at o (vendor.js:7)
    at XMLHttpRequest.a (vendor.js:7)
    at XMLHttpRequest.e.onload (vendor.js:7)
  • Error in console (Firefox)
Type Error: a is null
  • On the site infinite loading

File does not have a extension

I do not know what the file's extension is - which means I cannot open it. I have tried .png, .ico, .svg, and even .jpg for crying out loud.

Which means I can't even use it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.