Download Free Shopware Icon Set
Sie benötigen für Ihr Projekt Icons, die Sie so anpassen können, wie Sie es wollen ? Dann sind Sie hier genau richtig!
Im Webdesign werden mit zunehmender Häufigkeit eher Icons anstatt Bild-Dateien im JPG-Format verwendet, denn Icons lassen sich in ihrer Größe per Style-Tag anpassen. Bilder würden im Gegensatz einfach verpixeln. Kostenpflichtige und kostenlose Icons Sets sind im Internet weit verbreitet. Das berühmteste kostenlose Icon-Set dürfte wohl von Font Awesome stammen, die auch als Schriftart per CSS eingebunden werden können. Es wird ein breites Icon-Set mit den gängigen und spezielleren Icons angeboten.
Deswegen bringt auch z.B. das bekannte Shopsystem Shopware 5 bereits ein integriertes Icon Set von Haus aus mit. Allerdings ist es nicht einfach eine Übersicht oder einen Download für die grafische Verwendung für z.B. Photoshop oder für andere Programmen zu finden.
Das hat jetzt ein Ende! Hier geht es zum direkten Download als PSD-Datei oder im PNG-Format.
Shopware Icon Übersicht und Integration
Hier finden Sie eine kleine Übersicht, der im Download beinhalteten Icons.
icon--percent2 | icon--percent | icon--coupon | icon--truck | icon--logout | icon--grid | icon--filter |
icon--clock | icon--arrow-up | icon--arrow-right | icon--arrow-left | icon--arrow-down | icon--star | icon--star-half |
icon--star-empty | icon--shopware | icon--service | icon--search | icon--numbered-list | icon--menu | icon--mail |
icon--list | icon--layout | icon--heart | icon--cross | icon--compare | icon--check | icon--basket |
icon--account | icon--chain | icon--delicious | icon--delicious2 | icon--digg | icon--phone | icon--mobile |
icon--mouse | icon--directions | icon--paperplane | icon--pencil | icon--feather | icon--paperclip | icon--drawer |
icon--reply | icon--reply-all | icon--forward | icon--users | icon--user-add | icon--vcard | icon--export |
icon--location | icon--map | icon--compass | icon--location2 | icon--target | icon--share | icon--sharable |
icon--thumbsup | icon--thumbsdown | icon--chat | icon--comment | icon--quote | icon--house | icon--popup |
icon--flashlight | icon--printer | icon--bell | icon--link | icon--flag | icon--cog | icon--tools |
icon--trophy | icon--tag | icon--camera | icon--megaphone | icon--moon | icon--palette | icon--leaf |
icon--music | icon--music2 | icon--new | icon--graduation | icon--book | icon--newspaper | icon--bag |
icon--airplane | icon--lifebuoy | icon--eye | icon--clock2 | icon--microphone | icon--calendar | icon--bolt |
icon--thunder | icon--droplet | icon--cd | icon--briefcase | icon--air | icon--hourglass | icon--gauge |
icon--language | icon--network | icon--key | icon--battery | icon--bucket | icon--magnet | icon--drive |
icon--cup | icon--rocket | icon--brush | icon--suitcase | icon--cone | icon--earth | icon--keyboard |
icon--browser | icon--publish | icon--progress-3 | icon--progress-2 | icon--progress-1 | icon--progress-0 | icon--sun |
icon--sun2 | icon--adjust | icon--code | icon--screen | icon--infinity | icon--light-bulb | icon--creditcard |
icon--database | icon--voicemail | icon--clipboard | icon--box | icon--ticket | icon--rss | icon--signal |
icon--thermometer | icon--droplets | icon--uniE680 | icon--statistics | icon--pie | icon--bars | icon--graph |
icon--lock | icon--lock-open | icon--login | icon--minus | icon--plus | icon--cross2 | icon--minus2 |
icon--plus2 | icon--cross3 | icon--minus3 | icon--plus3 | icon--erase | icon--blocked | icon--info |
icon--info2 | icon--question | icon--help | icon--warning | icon--cycle | icon--cw | icon--ccw |
icon--shuffle | icon--arrow | icon--arrow2 | icon--retweet | icon--loop | icon--history | icon--back |
icon--list2 | icon--add-to-list | icon--layout2 | icon--list3 | icon--text | icon--text2 | icon--document |
icon--docs | icon--landscape | icon--pictures | icon--video | icon--music3 | icon--folder | icon--archive |
icon--trash | icon--upload | icon--download | icon--disk | icon--install | icon--cloud | icon--upload2 |
icon--bookmark | icon--bookmarks | icon--book2 | icon--play | icon--pause | icon--record | icon--stop |
icon--next | icon--previous | icon--first | icon--last | icon--resize-enlarge | icon--resize-shrink | icon--volume |
icon--sound | icon--mute | icon--flow-cascade | icon--flow-branch | icon--flow-tree | icon--flow-line | icon--flow-parallel |
icon--arrow-left2 | icon--arrow-down2 | icon--arrow-up-upload | icon--arrow-right2 | icon--arrow-left3 | icon--arrow-down3 | icon--arrow-up2 |
icon--arrow-right3 | icon--arrow-left4 | icon--arrow-down4 | icon--arrow-up3 | icon--arrow-right4 | icon--arrow-left5 | icon--arrow-down5 |
icon--arrow-up4 | icon--arrow-right5 | icon--arrow-left6 | icon--arrow-down6 | icon--arrow-up5 | icon--arrow-right6 | icon--menu2 |
icon--ellipsis | icon--dots | icon--dot | icon--cc | icon--cc-by | icon--cc-nc | icon--cc-nc-eu |
icon--cc-nc-jp | icon--cc-sa | icon--cc-nd | icon--cc-pd | icon--cc-zero | icon--cc-share | icon--cc-share2 |
icon--danielbruce | icon--danielbruce2 | icon--github | icon--github2 | icon--flickr | icon--flickr2 | icon--vimeo |
icon--vimeo2 | icon--twitter | icon--twitter2 | icon--facebook | icon--facebook2 | icon--facebook3 | icon--googleplus |
icon--googleplus2 | icon--pinterest | icon--pinterest2 | icon--tumblr | icon--tumblr2 | icon--linkedin | icon--linkedin2 |
icon--dribbble | icon--dribbble2 | icon--stumbleupon | icon--stumbleupon2 | icon--lastfm | icon--lastfm2 | icon--rdio |
icon--rdio2 | icon--spotify | icon--spotify2 | icon--qq | icon--instagram | icon--dropbox | icon--evernote |
icon--flattr | icon--skype | icon--skype2 | icon--renren | icon--sina-weibo | icon--paypal | icon--picasa |
icon--soundcloud | icon--mixi | icon--behance | icon--circles | icon--vk | icon--smashing | icon--feed |
icon--feed2 |
In CSS einbinden
Für die Programmierer unter uns, ist es auch hilfreich, das direkt zu den Icons gehörige CSS-Kürzel zu wissen.
Wenn Sie es direkt in CSS einbinden wollen, finden Sie hier die benötigten CSS-Kürzel in einer Übersicht.
CSS-Cheatsheet alle Icons von Shopware
Shopware Icon ändern
Passen Sie Ihr Icon nach dem Download einfach, z.B. in Photoshop oder in einem Programm Ihrer Wahl, an.
In Photoshop können Sie wie folgt vorgehen:
- Öffnen Sie die Download-Datei mit Photoshop. (".psd"-Datei)
- Wählen Sie den Bereich Ebenen aus.
- Wählen Sie Ihr gewünschtes Icon aus.
- Blenden Sie das Icon im Arbeitsbereich ein.
- Bearbeiten Sie Ihr Icon nach belieben.
