30+ inovativních ikon založených na ikonách
Zde v Design Shacku milujeme dobré navigační menu. V poslední době jsme si všimli trendu kolem nabídek, který používá ikony buď výhradně místo textu, nebo jako podporu dalších textových informací.
Přidání ikon do navigace vám může nejen poskytnout estetickou podporu, ale ve skutečnosti může přispět k rychlejšímu vizuálnímu přečtení odkazu. Zde je sbírka více než třiceti navigačních nabídek založených na ikonách, které jsme našli online. Na závěr uvedeme několik zdrojů, které můžete použít k zachycení bezplatných ikon k vytvoření vlastních efektních nabídek.
Nabídky
David Jonnson
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus.jpg)
KK Media
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-2.jpg)
Bite Club
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-3.jpg)
Mac Rabbit
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-4.jpg)
Toffeenut Design
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-5.jpg)
Listal
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-6.jpg)
Narwhal Company
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-7.jpg)
Pixel Resort
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-8.jpg)
Rybářský kaktus
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-9.jpg)
Výukový program 9
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-10.jpg)
Envira Media
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-11.jpg)
Duarte Pires
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-12.jpg)
Weblifting
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-13.jpg)
My Graphics
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-14.jpg)
Nando
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-15.jpg)
Vsadit
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-16.jpg)
Yanis Markin
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-17.jpg)
Steven Little Design
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-18.jpg)
Daniel Marques
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-19.jpg)
Axel Sears
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-20.jpg)
CV Studio
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-21.jpg)
Broskvový design
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-22.jpg)
Genocom
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-23.jpg)
Michael Hogenmiller
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-24.jpg)
Spíše skvělý
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-25.jpg)
Eichi kreativní design
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-26.jpg)
Dan Wiersema
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-27.jpg)
Hudební myšlenky
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-28.jpg)
Čerstvý
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-29.jpg)
Dishizzle
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-30.jpg)
Leleginy
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-31.jpg)
Boxee
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-32.jpg)
Vypínání slov
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-33.jpg)
Sady ikon zdarma
Nyní, když jste měli dávku inspirace, je čas začít původní krok stvoření. Použijte níže uvedené zdroje, které vám pomohou vytvořit si vlastní krásné navigační menu!
gCons: Zdarma univerzální ikony pro designéry a vývojáře (100 ikon + PSD)
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-34.jpg)
478 SVG vektorové ikony zdarma - „Sedm“ ikonových balíčků
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-35.jpg)
Ikony: Zdarma ikony na panelu nástrojů iPhone
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-36.jpg)
Sada ikon panelu nástrojů iPhone
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-37.jpg)
Freebie: 20 vysoce kvalitních 3D ikon
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-38.jpg)
Sada ikon NIXUS: 60 krásných prémiových ikon (zdarma)
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-39.jpg)
WooFunction: 178 Úžasné ikony webového designu
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-40.jpg)
Sada ikon barevné samolepky :: 20 ikon
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-41.jpg)
Ikony značek - profesionálně ručně vytvořená sada ikon zdarma
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-42.jpg)
Výchozí ikona
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-43.jpg)
Ikona Vyhledávače
Hledáte něco konkrétního? Podívejte se na tyto skvělé bezplatné vyhledávače ikon.
Ikona Finder
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-44.jpg)
Ikona Hledač
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-45.jpg)
Iconlet
![](http://computer06.com/img/css/282/30-innovative-icon-based-navigation-menus-46.jpg)
Závěr
S výše uvedenými inspiracemi a prostředky byste nyní měli být plně vyzbrojeni, abyste šli ven a vytvořili některé skvělé navigační nabídky založené na ikonách.
Nezapomeňte také zanechat odkaz na všechny navigační nabídky založené na ikonách, které jste našli na webu.