Icons
- nilsonmorales
- Posts: 972
- Joined: Fri 15 Apr 2011, 14:39
- Location: El Salvador
white neon pet icon
[b][url=http://nilsonmorales.blogspot.com/]My blog |[/url][/b][b][url=https://github.com/woofshahenzup]| Github[/url][/b]
[img]https://i.postimg.cc/5tz5vrrX/imag018la6.gif[/img]
[img]http://s5.postimg.org/7h2fid8pz/botones_logos3.png[/img]
[img]https://i.postimg.cc/5tz5vrrX/imag018la6.gif[/img]
[img]http://s5.postimg.org/7h2fid8pz/botones_logos3.png[/img]
Happy christmas for girls (Lucid 528 Moeppy)
- Attachments
-
- Moeppy.jpg
- icons Moeppy / carbon-passagio theme
- (59.1 KiB) Downloaded 1291 times
Last edited by Pelo on Fri 11 Apr 2014, 10:11, edited 2 times in total.
Re: Happy christmas for girls
Pelo misunderstands it.Pelo wrote:For Girls only
Santa Claus here.
In Japan, this environment is rather popular with a youth and men.
Please just accept her if interested!
[b]BALLOON a.k.a. Fu-sen.[/b] from Japan | ãµã†ã›ã‚“ Fu-sen. (old: 2 8 6)
New with Pupjibaro : shutdown gui !
New with Pupjibaro : shutdown gui !
nice Idea, this way of leaving our Puppy Jibaro click here !
nice Idea, this way of leaving our Puppy Jibaro click here !
- Attachments
-
- shutdown.jpg
- (50.34 KiB) Downloaded 2453 times
- nilsonmorales
- Posts: 972
- Joined: Fri 15 Apr 2011, 14:39
- Location: El Salvador
- battleshooter
- Posts: 1378
- Joined: Wed 14 May 2008, 05:10
- Location: Australia
Icons for wizardwizard interface
Well, I've made some icons for the wizardwizard program. Just tried to enhance the look and feel. If you like it, you can download the install script. Cheers!
- Attachments
-
- install.wizardwizard_window.sh.gz
- (20.41 KiB) Downloaded 862 times
-
- capture17609.png
- (90.07 KiB) Downloaded 1044 times
Cirrael
Great to see you are using svg in your coding !
Just for spreading some thoughts...
The more recent Puppies use the wizard-wizard from the Woof-CE source
We are also building a new stack with svg icons found in /usr/share/pixmaps/puppy/. At this moment is contains 264 icons.
To minimize the icon-size, the svg-code is NOT grabbed from inkscape, but built manually. An inkscape file is typically 10 times bigger than a manually built file.
Here is the internet-connect.svg found in Woof-CE.
Great to see you are using svg in your coding !
Just for spreading some thoughts...
The more recent Puppies use the wizard-wizard from the Woof-CE source
We are also building a new stack with svg icons found in /usr/share/pixmaps/puppy/. At this moment is contains 264 icons.
To minimize the icon-size, the svg-code is NOT grabbed from inkscape, but built manually. An inkscape file is typically 10 times bigger than a manually built file.
Here is the internet-connect.svg found in Woof-CE.
Code: Select all
<?xml version="1.1" encoding="UTF-8"?>
<svg height="100" width="100">
<defs>
<radialGradient
id="RG1" cx="35" cy="34" fx="50" fy="32" r="28"
gradientUnits="userSpaceOnUse">
<stop style="stop-color:#123141;stop-opacity:1;" offset="1"/>
<stop style="stop-color:#679BCB;stop-opacity:1;" offset="0"/>
</radialGradient>
</defs>
<ellipse cx="35" cy="34" rx="32" ry="30" style="stroke-width:4;stroke:#dddddd;fill:none;"/>
<ellipse cx="35" cy="34" rx="32" ry="30" style="fill:url(#RG1);fill-opacity:1;fill-rule:nonzero"/>
<g style="fill:none;stroke:#aaaaaa;stroke-width:1.5px;stroke-linecap:butt;" >
<path d="M 36,64 C 22,56 19,46 19,34 19,22 26,10 36,4 l 0,60 C 36,64 54,55 54,34 54,13 36,4 36,4" />
<path d="m 4,34 63,0 0,0"/>
<path d="m 13,15 c 0,0 12,7 23,7 13,0 23,-7 23,-7"/>
<path d="m 13,54 c 0,0 9,-7 23,-7 16,0 23,7 23,7"/>
</g>
<ellipse cx="35" cy="34" rx="32" ry="30" style="stroke-width:3;stroke:#123141;fill:none;"/>
<ellipse cx="35" cy="22" rx="5" ry="5" style="fill:#000000;stroke:#cccccc;stroke-width:2"/>
<path style="fill:none;stroke:#000000;stroke-width:4;" d="M 38,81 C 12,92 3.9,67 10,58 17,46 32,46 39,35 41,32 41,25 36,22"/>
<path style="fill:#111111;stroke:#666666" d="m 60,87 0,5 c 0,0 -3,0 -4,0 -2,0 -3,3 -3,3 1,0 26,0 27,0 0,0 -1,-3 -3,-3 -1,0 -4,0 -4,0 l 0,-5"/>
<path style="fill:#ffffff;stroke:#000000;stroke-width:4px;stroke-linecap:butt" d="m 39,83 c 0,-8 0,-25 0,-31 0,-2 0,-5 3,-5 6,0 45,0 48,0 3,0 3,3 3,7 0,6 0,26 0,29 0,1 0,3 -5,3 -3,0 -43,0 -46,0 -3,0 -3,-3 -3,-3 z"/>
<path style="fill:#444444;stroke:#ffffff" d="m 41,49 50,0 0,35 -50,0 z"/>
</svg>
- Attachments
-
- Screenshot_2014-09-17_101905.jpg
- (39.65 KiB) Downloaded 2418 times
Icons for Box theme
I have no idea how to apply the "glossy" shine to them, but these where hand crafted in mtpaint.
- Attachments
-
- simetrix48.png
- (6.56 KiB) Downloaded 1923 times
-
- saleae48.png
- (7.64 KiB) Downloaded 1886 times
-
- axepad48.png
- (7.64 KiB) Downloaded 1903 times
-
- arduino48.png
- (7.64 KiB) Downloaded 1891 times
- technosaurus
- Posts: 4853
- Joined: Mon 19 May 2008, 01:24
- Location: Blue Springs, MO
- Contact:
If anyone is interested in a better way to edit svg paths manually (with instant feedback), I wrote a very basic svg path editor app here:
http://murga-linux.com/puppy/viewtopic. ... 250#836250
Why hand edit svg paths?
* hand editing gives you better control to optimize
* complex shapes can be represented in compact expressions
* Path is universally supported ... even in libsvgtiny
* a single path can can display multiple complex shapes
* the data compresses extremely well
* most paths are < 50 bytes
* it is simple to generate an entire themed icon set
* once you get the hang of it, its easier than inkscape/mtpaint
Example: My hand optimized path for a rain drop is "4 1L3 4A1.2 2 0 1 0 5 4"
For more detailed info on svg paths, see my link above... but here is my summary sheet
http://murga-linux.com/puppy/viewtopic. ... 250#836250
Why hand edit svg paths?
* hand editing gives you better control to optimize
* complex shapes can be represented in compact expressions
* Path is universally supported ... even in libsvgtiny
* a single path can can display multiple complex shapes
* the data compresses extremely well
* most paths are < 50 bytes
* it is simple to generate an entire themed icon set
* once you get the hang of it, its easier than inkscape/mtpaint
Example: My hand optimized path for a rain drop is "4 1L3 4A1.2 2 0 1 0 5 4"
For more detailed info on svg paths, see my link above... but here is my summary sheet
Code: Select all
M x y move to x,y
m dx dy move dx and dy from current position
L x y draw line to x,y
l dx dy draw line to dx and dy from current position
H x draw horizontal line to x
h dx draw horizontal line dx from current position
V y draw vertical line to y
v dy draw vertical line dy from current position
C x1 y1,x2 y2,x y (slope,slope,end point)
x y end of line
x1 y1 slope at the start of the line
x2 y2 slope at the end of the line
c dx1 dy1,dx2 dy2,dx dy
(same as C but relative positions)
S x2 y2, x y
Same as C, but use previous x2 and y2 as x1 and y1
s dx2 dy2, dx dy
(same as S but relative)
Q x1 y1, x y
draw a quadratic bezier ending at x, y where the slopes are determined
by drawing a line between the start/end points and x1/y1
q dx1 dy1, dx dy
(same as Q but relative positions)
T x y Mirrors the previous Q as a "sin" wave ending at x,y
t dx dy (same as T but relative positions)
A rx ry rotation large-arc-flag sweep-flag x y
rx x radius
ry y radius
rotation degrees elipse is rotated
large-arc-flag (1 if arc should be >180 degrees)
sweep-flag (1 to draw arc in clockwise, 0 = counter clockwise)
x y endpoint
a rx ry x-axis-rotation large-arc-flag sweep-flag dx dy
Z or z close path
- Attachments
-
- svgpathedit.png
- This is how simple the editor is/
- (3.92 KiB) Downloaded 1710 times
Check out my [url=https://github.com/technosaurus]github repositories[/url]. I may eventually get around to updating my [url=http://bashismal.blogspot.com]blogspot[/url].
- Mike Walsh
- Posts: 6351
- Joined: Sat 28 Jun 2014, 12:42
- Location: King's Lynn, UK.
I think I must have a rather unorthodox approach to icons. I've never used themed sets of icons, like most people seem to. On the other hand, I don't actually make my own, either.....despite being into graphic design (in a big way!)
For years, now, if I've wanted a new icon for anything, I Google for 'png icons & logos for .....xxxxx (whatever)'. I learnt some years ago that if you wanted to change icons'n'stuff in M$, it HAD to be .png files; nothing else would work. Mind you, it was an absolute PITA setting them up in Windows! I find Linux in general to be rather more forgiving...
It means I've built up quite a collection of PNG files, and I can usually find something suitable....unless I want something specific, and then it's back to Google... The nice thing about Puppy is that you don't have to manually resize them before they can be used; the system automatically resizes them to 48x48, no matter how big they are. I find that the larger and more detailed they are, the sharper they appear when applied to the desktop.
I've enclosed a screenie of my Slacko 570 desktop to illustrate the point. My icons are perhaps a bit of a mish-mash....but I like them! The two at lower right, below the luvcview icon are home-brewed; made up in an app called PhotoScape, v 3.7, running in Wine (ver 1.7.28, where it runs perfectly...has the Platinum rating, which I personally reviewed & submitted to the WineHQ Database). I've been using the thing ever since ver. 1, back in ,oh....2007, I think. They're just quick-launchers for 'autostart' and 'share search', used with rcrsn51's Samba-TNG .pet.
(And it's me that has to look at them every day..!)
Regards,
Mike.
For years, now, if I've wanted a new icon for anything, I Google for 'png icons & logos for .....xxxxx (whatever)'. I learnt some years ago that if you wanted to change icons'n'stuff in M$, it HAD to be .png files; nothing else would work. Mind you, it was an absolute PITA setting them up in Windows! I find Linux in general to be rather more forgiving...
It means I've built up quite a collection of PNG files, and I can usually find something suitable....unless I want something specific, and then it's back to Google... The nice thing about Puppy is that you don't have to manually resize them before they can be used; the system automatically resizes them to 48x48, no matter how big they are. I find that the larger and more detailed they are, the sharper they appear when applied to the desktop.
I've enclosed a screenie of my Slacko 570 desktop to illustrate the point. My icons are perhaps a bit of a mish-mash....but I like them! The two at lower right, below the luvcview icon are home-brewed; made up in an app called PhotoScape, v 3.7, running in Wine (ver 1.7.28, where it runs perfectly...has the Platinum rating, which I personally reviewed & submitted to the WineHQ Database). I've been using the thing ever since ver. 1, back in ,oh....2007, I think. They're just quick-launchers for 'autostart' and 'share search', used with rcrsn51's Samba-TNG .pet.
(And it's me that has to look at them every day..!)
Regards,
Mike.
- Attachments
-
- Screenshot_2015-04-06_192534.jpg
- My 'take' on Slacko 570...
- (189.69 KiB) Downloaded 927 times
Old fashioned icons for drive indicators (usr/local/lib/x11/pixmaps in slacko-5.7). Very simply done, based on a traffic-light scheme. On the next update of slacko5.7-2015 and slack57-2015fd the file 'traffic txz' will be in root/my_applications.
- Attachments
-
- IconPix.png
- (109.58 KiB) Downloaded 1621 times
Linux user #498913 "Some people need to reimagine their thinking."
"Zuckerberg: a large city inhabited by mentally challenged people."
"Zuckerberg: a large city inhabited by mentally challenged people."
traffic-light icons available
For those curious, the traffic-light icons as drive-indicators are available here.
Scroll down to 'other files'. Small file, only 7.5Kb with a Read1st instructions file.
Scroll down to 'other files'. Small file, only 7.5Kb with a Read1st instructions file.
Linux user #498913 "Some people need to reimagine their thinking."
"Zuckerberg: a large city inhabited by mentally challenged people."
"Zuckerberg: a large city inhabited by mentally challenged people."
Made an alternative network-tray iconset if someone's interested. Zip file and instructions can be found here:
http://murga-linux.com/puppy/viewtopic. ... 7&start=24
http://murga-linux.com/puppy/viewtopic. ... 7&start=24
Here's two small png images you can use as an alternative to the retrovol sound icons used in the taskbar.
They are simply called working.png and notworking.png, and they are supposed to be copied to this folder:
/usr/share/retrovol/images/
They are simply called working.png and notworking.png, and they are supposed to be copied to this folder:
/usr/share/retrovol/images/
- Attachments
-
- notworking.png
- (874 Bytes) Downloaded 1234 times
-
- working.png
- (793 Bytes) Downloaded 1240 times
Here's an updated version of the tray icons for Retrovol.
Normally, that is, in my distribution anyway, which Precise 5.7.1, you can see a couple of symlinks in the /usr/share/retrovol/images/ folder, which link to either the working.png, or the notworking.png icons in the same folder.
Those can be replaced by actual icons, so that the icon itself can show the approximated volume level. Very rudimentary though, it distinguishes between low, medium, high, or muted.
So I decided to make the icons for those.
Of course, if you want to use them, you'll have to copy them to the /usr/share/retrovol/images/ folder.
Normally, that is, in my distribution anyway, which Precise 5.7.1, you can see a couple of symlinks in the /usr/share/retrovol/images/ folder, which link to either the working.png, or the notworking.png icons in the same folder.
Those can be replaced by actual icons, so that the icon itself can show the approximated volume level. Very rudimentary though, it distinguishes between low, medium, high, or muted.
So I decided to make the icons for those.
Of course, if you want to use them, you'll have to copy them to the /usr/share/retrovol/images/ folder.
- Attachments
-
- audio-volume-high.png
- (950 Bytes) Downloaded 1187 times
-
- audio-volume-medium.png
- (953 Bytes) Downloaded 1182 times
-
- audio-volume-low.png
- (952 Bytes) Downloaded 1155 times
-
- audio-volume-muted.png
- (902 Bytes) Downloaded 1168 times
- nilsonmorales
- Posts: 972
- Joined: Fri 15 Apr 2011, 14:39
- Location: El Salvador