framework7

Open full view…

IOS icon

wjwh
Fri, 28 Nov 2014 14:27:21 GMT

IOS icon hard to find, and I am not good at design, like the picture attached that picture, who can give a download address? Thank you

wjwh
Fri, 28 Nov 2014 14:29:29 GMT

[20141128223022](//muut.com/u/framework7/s1/:framework7:nz4g:qq20141128223022.jpg.jpg)

NikolayKuznetsov
Fri, 28 Nov 2014 14:55:59 GMT

http://ionicons.com/

Kelvin
Fri, 28 Nov 2014 19:14:31 GMT

Or you design them on your own with CSS

wjwh
Sat, 29 Nov 2014 01:38:16 GMT

I downloaded ionicons, relatively complete, but the colors are black and white. I want to change their color, but do not know how to modify the CSS

NikolayKuznetsov
Sat, 29 Nov 2014 06:10:50 GMT

I am using svg version from ionic. To change color insert "fill: red" into right place. For background colors into "style" attribute. See screenshot http://prntscr.com/5b9yiu --- <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="512px" height="512px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <g> <path d="M256,32C132.3,32,32,132.3,32,256s100.3,224,224,224s224-100.3,224-22 4S379.7,32,256,32z M384,272H272v112h-32V272H128v-32 h112V128h32v112h112V272z"/> </g> </svg> ---

ErikCornelisse
Sat, 29 Nov 2014 11:13:58 GMT

You can just change the color with the attribute .... "color". `<i class="icon ion-ios7-keyboard-outline green"></i>` Where green is defined in my css file as: `.green { color: #336600; }` But of course this works also for other colours as well :-)

ErikCornelisse
Sat, 29 Nov 2014 11:20:42 GMT

I forgot to mention that you require to include the ionicons.min.css in the head of your index.html `<link rel="stylesheet" href="lib/css/ionicons.min.css">` and put the fonts in this case in the directory `lib/css/fonts`

ErikCornelisse
Sat, 29 Nov 2014 11:22:31 GMT

Correction the fonts have to be in this case in `lib/fonts`

wjwh
Sat, 29 Nov 2014 15:19:24 GMT

I can't modify the SVG, using CSS method to have modified their color, looks like the way, maybe the color is not very correct, thank you [20141129231416](//muut.com/u/framework7/s1/:framework7:4KH3:20141129231416.png.jpg)