30 Icon-Sets, die in deiner Sammlung nicht fehlen dürfen

21.05.14, 9:01

Für deinen Desktop oder deine Website

Icons kann man eigentlich immer gebrauchen. Sei es für die eigene Website oder den Desktop. Wir zeigen Dir das große Spektrum dieser kleinen Bilder, die mal minimalistisch oder fotorealistisch daher kommen.

30 Icon-Sets, die in deiner Sammlung nicht fehlen dürfen

In diesen Icon-Sets stecken weit über 600 einzelne Icons. Da sollte also auch für deine Sammlung wieder etwas dabei sein! Außerdem haben wir noch ein paar wichtige Tutorial-Tipps für die Erstellung eigener Icons für euch angehängt.

Freebie: Academic Icon Set (10 Icons + PSD Source)

Designer: David Appleyard

Freebie: Academic Icon Set - David Appleyard
© David Appleyard

Vector Art Free Download – Envelope Icon Set

Designer: Phil Earley

Envelope Icon Set - Phil Earley
© Phil Earley

Tab Bar Icons iOS 7

Designer: pixeden.com

Tab Bar Icons iOS 7 - pixeden.com
© pixeden.com

Free download: 48 flat designer icons

Designer: Ben Moss

48 flat designer icons - Ben Moss
© Ben Moss

Free flat icon set

Designer: Barry McCalvey

Free flat icon set - Barry McCalvey
© Barry McCalvey

Flat Icons Freebie

Designer: Seevi kargwal

Flat Icons Freebie - Seevi kargwal
© Seevi kargwal

Payment Card Glyphs Icon Set

Designer: lovicons.com

Payment Card Glyphs Icon Set - lovicons.com
© lovicons.com

60-SEO-Services-Icons

Designer: simpleicon.com

60-SEO-Services-Icons - simpleicon.com
© simpleicon.com

Web-Font for creating multi-layered Weather Icons

Designer: iconvau.lt

Web-Font for creating multi-layered Weather Icons - iconvau.lt
© iconvau.lt

Flatilicious – 48 Free Flat Icons

Designer: pixel-fabric.com

Flatilicious - 48 Free Flat Icons - pixel-fabric.com
© pixel-fabric.com

 

Icon-Tutorial-Tipp: Geometrische Grundformen

01 Erstes und zweites Dreieck

Das Spiel mit den Grundformen kann schnell zu sehenswerten Ergebnissen führen. So ist es hier etwa das Ziel, eine spitze Pyramide zu gestalten. Ziehe dazu mit dem Zeichenstift-Werkzeug ein Dreieck auf. Dazu muss in der Optionsleiste Form (statt Pfad) aktiviert sein. Fast wie gespiegelt entsteht auf einer neuen Ebene ein weiteres Dreieck, um eine spitze Pyramide zu bilden.

icon-beispiel1 - Dirk Metzmacher

02 Weitere Dreiecke

Zeichne auf jeweils eigenen Ebenen zwei kleinere Dreiecke in einem dunkleren Farbton ein, so dass die Illusion entsteht, also ob ein Stück der Pyramide fehlt. Die „linke Wand“ ist dabei noch etwas dunkler, als der „Boden“. Wähle beide kleinen Dreiecke mit gedrückter Strg-Taste im Ebenenmenü an und kopiere diese durch Ziehen auf das Blatt-Icon. Nach Bearbeiten > Transformieren > Horizontal spiegeln positionierst Du die Kopien mit dem Verschieben-Werkzeug.

icon-beispiel2 - Dirk Metzmacher

03 Verläufe

Aktiviere pro Ebene den Ebenenstil > Verlaufsüberlagerung mit Füllmethode: Ineinanderkopieren, Deckkraft: 100%, einem Verlauf von Schwarz zu Weiß und Art: Linear. Über den Winkel steuerst Du, wie der Verlauf ausgerichtet wird. So unterstützt du noch den 3D-Effekt.

icon-beispiel3 - Dirk Metzmacher

04 Schattenseite

Damit eine Seite der Pyramide nopch etwas dunkler wirkt, aktivierst du bei dem entsprechenden Dreieck den Ebenenstil > Farbüberlagerung mit Multiplizieren und einem dunklen Grauton. Über die Deckkraft steuerst Du die Stärke der Umsetzung.

icon-beispiel4 - Dirk Metzmacher

05 Schattenwurf

Auch unterhalb der Pyramide könnte ein Schatten zu sehen sein. Erstelle dazu eine neue Ebene über Ebene > Neu > Ebene und verringere die Deckkraft auf etwa 25%. Male mit dem Pinsel und schwarzer Vordergrundfarbe grob den Schatten ein und zeichne diesen über den Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner weich.

icon-beispiel5 - Dirk Metzmacher

06 Weitere Geometrische Grundformen nutzen

Du könntest natürlich auch mit weiteren Formen spielen, wie etwa mit einer Kreisform. Ziehe dazu mit dem Ellipse-Werkzeug die Grundform auf und aktiviere Ebene > Ebenenstil > Verlaufsüberlagerung. Stelle die Füllmethode auf Normal, Deckkraft: 100%, Art: Radial, Winkel: 90 Grad und Skalieren: 145 %. Klicke den Verlauf an und sorge für einen Verlauf von Weiß über Blau zu Schwarz, wie hier zu sehen.

icon-beispiel6 - Dirk Metzmacher

07 Verlauf ausrichten

Steht der Verlauf, kannst Du diesen leicht steuern. Klicke dazu in das Bild und bewege den Mauszeiger hin und her bis der Verlauf dafür sorgt, dass scheinbar eine Kugel entsteht. Ein Schlagschatten unterstützt noch den 3D-Effekt.

icon-beispiel7 - Dirk Metzmacher

 

Socialtograms

Designer: Steffen Nørgaard Andersen

Socialtograms - Steffen Nørgaard Andersen
© Steffen Nørgaard Andersen

Medical Icons Set

Designer: pixeden.com

Medical Icons Set - pixeden.com
© pixeden.com

Flat Icon Set

Designer: Mike | Creative Mints

Flat Icon Set - Mike | Creative Mints
© Mike | Creative Mints

Light Android Icons Set

Designer: graphicburger.com

Light Android Icons Set - graphicburger.com
© graphicburger.com

90 Social Clouds v2

Designer: Joe Vains

90 Social Clouds v2 - Joe Vains
© Joe Vains

Cosmo mini free

Designer: icojam.com

Cosmo mini free - icojam.com
© icojam.com

Retro icons / Freebie

Designer: Claudio Gomboli

Retro icons / Freebie - Claudio Gomboli
© Claudio Gomboli

iPhone / iPad Freebie rebound + Thunderbolt

Designer: Corey Michaud

iPhone / iPad Freebie rebound + Thunderbolt - Corey Michaud
© Corey Michaud

Badges HiDPI, 2x, Ai CS6 Freebie

Designer: Jeff Miller

Badges HiDPI, 2x, Ai CS6 Freebie - Jeff Miller
© Jeff Miller

Contact

Designer: Endless Studio

Contact - Endless Studio
© Endless Studio

8 Free Icons – Azure Pack

Designer: psddicted.com

8 Free Icons – Azure Pack - psddicted.com
© psddicted.com

Free Icons Set

Designer: flat-icons.com

Free Icons Set - flat-icons.com
© flat-icons.com

T-shirt Icons

Designer: spovv

T-shirt Icons - spovv
© spovv

Free Pictograms For Keynote

Designer: Arthur Guillermin Hazan

Free Pictograms For Keynote - Arthur Guillermin Hazan
© Arthur Guillermin Hazan

Social icons – freebie

Designer: Pierre Borodin

Social icons - freebie - Pierre Borodin
© Pierre Borodin

Flat Design Icons Set Vol1

Designer: pixeden.com

Flat Design Icons Set Vol1 - pixeden.com
© pixeden.com

It’s Flat – Icon Set

Designer: Sebastiano Guerriero

It's Flat - Icon Set - Sebastiano Guerriero
© Sebastiano Guerriero

Free download: 5 O’Clock Shadows Icon Set

Designer: WebdesignerDepot Staff

Free download: 5 O’Clock Shadows Icon Set - WebdesignerDepot Staff
© WebdesignerDepot Staff

Autumn Breeze Icons

Designer: da-flow

Autumn Breeze Icons - da-flow
© da-flow

Summer beach and seaworld set

Designer: Vikasuperstar

Summer beach and seaworld set - Vikasuperstar
© Vikasuperstar

Kommentar hinzufügen

Mit der Nutzung dieses Formulars erklärst du dich mit der Speicherung und Verarbeitung deiner Daten durch diese Website einverstanden.