Ionisch - Ikonen
Es gibt mehr als 700 premium iconsbereitgestellt von Ionic. Es gibt auch verschiedene Sätze von Symbolen für Android und IOS. Sie können fast alles finden, was Sie brauchen, aber Sie sind nicht verpflichtet, sie zu verwenden, wenn Sie nicht möchten. Sie können stattdessen Ihre eigenen benutzerdefinierten Symbole oder einen anderen Symbolsatz verwenden. Sie können alle ionischen Symbole hier überprüfen .
Wie benutze ich Icons?
Wenn Sie ionische Symbole verwenden möchten, suchen Sie das gewünschte Symbol auf der Seite (https://ionicons.com/). Wenn Sie ionische Elemente hinzufügen, fügen Sie immer zuerst die Hauptklasse und dann die gewünschte Unterklasse hinzu. Die Hauptklasse für alle Symbole isticon. Die Unterklasse ist der Name des gewünschten Symbols. Wir werden in unserem Beispiel sechs Symbole hinzufügen, die unten angegeben sind -
<i class = "icon icon ion-happy-outline"></i>
<i class = "icon icon ion-star"></i>
<i class = "icon icon ion-compass"></i>
<i class = "icon icon ion-planet"></i>
<i class = "icon icon ion-ios-analytics"></i>
<i class = "icon icon ion-ios-eye"></i>
Der obige Code erzeugt den folgenden Bildschirm:
Die Größe dieser Symbole kann mit dem geändert werden font-size Eigenschaft in Ihrer Ionic CSS-Datei.
.icon {
font-size: 50px;
}
Sobald die Symbolgröße eingerichtet ist, erzeugt derselbe Code den folgenden Screenshot wie die Ausgabe:
Standardsymbole
Code | Ergebnis |
---|---|
<i class = "icon ion-ionic"> </ i> | |
<i class = "icon ion-arrow-up-a"> </ i> | |
<i class = "icon ion-pfeil-rechts-a"> </ i> | |
<i class = "icon ion-arrow-down-a"> </ i> | |
<i class = "icon ion-pfeil-links-a"> </ i> | |
<i class = "icon ion-arrow-up-b"> </ i> | |
<i class = "icon ion-pfeil-rechts-b"> </ i> | |
<i class = "icon ion-arrow-down-b"> </ i> | |
<i class = "icon ion-pfeil-links-b"> </ i> | |
<i class = "icon ion-arrow-up-c"> </ i> | |
<i class = "icon ion-pfeil-rechts-c"> </ i> | |
<i class = "icon ion-arrow-down-c"> </ i> | |
<i class = "icon ion-pfeil-links-c"> </ i> | |
<i class = "icon ion-arrow-return-right"> </ i> | |
<i class = "icon ion-arrow-return-left"> </ i> | |
<i class = "icon Ionenpfeil-Tausch"> </ i> | |
<i class = "icon ion-arrow-shrink"> </ i> | |
<i class = "icon ion-arrow-expand"> </ i> | |
<i class = "icon ion-arrow-move"> </ i> | |
<i class = "icon ion-arrow-resize"> </ i> | |
<i class = "icon ion-chevron-up"> </ i> | |
<i class = "icon ion-chevron-right"> </ i> | |
<i class = "icon ion-chevron-down"> </ i> | |
<i class = "icon ion-chevron-left"> </ i> | |
<i class = "icon ion-navicon-round"> </ i> | |
<i class = "icon ion-navicon"> </ i> | |
<i class = "icon ion-drag"> </ i> | |
<i class = "icon ion-log-in"> </ i> | |
<i class = "icon ion-log-out"> </ i> | |
<i class = "icon ion-checkmark-round"> </ i> | |
<i class = "icon ion-checkmark"> </ i> | |
<i class = "Symbol Ionen-Häkchen eingekreist"> </ i> | |
<i class = "icon ion-close-round"> </ i> | |
<i class = "icon ion-close"> </ i> | |
<i class = "icon ion-close-circle"> </ i> | |
<i class = "icon ion-plus-round"> </ i> | |
<i class = "icon ion-plus"> </ i> | |
<i class = "icon ion-plus-circled"> </ i> | |
<i class = "icon ion-minus-round"> </ i> | |
<i class = "icon ion-minus"> </ i> | |
<i class = "icon ion-minus-circled"> </ i> | |
<i class = "icon ion-information"> </ i> | |
<i class = "icon ion-informaticon ion-circled"> </ i> | |
<i class = "icon ion-help"> </ i> | |
<i class = "icon ion-help-circled"> </ i> | |
<i class = "Symbol Ionen-Rücktaste-Umriss"> </ i> | |
<i class = "icon ion-backspace"> </ i> | |
<i class = "icon ion-help-buoy"> </ i> | |
<i class = "icon ion-asterisk"> </ i> | |
<i class = "icon ion-alert"> </ i> | |
<i class = "icon ion-alert-circled"> </ i> | |
<i class = "icon ion-refresh"> </ i> | |
<i class = "icon ion-loop"> </ i> | |
<i class = "icon ion-shuffle"> </ i> | |
<i class = "icon ion-home"> </ i> | |
<i class = "icon ion-search"> </ i> | |
<i class = "icon ion-flag"> </ i> | |
<i class = "icon ion-star"> </ i> | |
<i class = "icon ion-heart"> </ i> | |
<i class = "icon ion-heart-gebrochen"> </ i> | |
<i class = "icon ion-gear-a"> </ i> | |
<i class = "icon ion-gear-b"> </ i> | |
<i class = "icon ion-toggle-fill"> </ i> | |
<i class = "icon ion-toggle"> </ i> | |
<i class = "icon ion-settings"> </ i> | |
<i class = "icon ion-wrench"> </ i> | |
<i class = "icon ion-hammer"> </ i> | |
<i class = "icon ion-edit"> </ i> | |
<i class = "icon ion-trash-a"> </ i> | |
<i class = "icon ion-trash-b"> </ i> | |
<i class = "icon ion-document"> </ i> | |
<i class = "icon ion-document-text"> </ i> | |
<i class = "icon ion-clipboard"> </ i> | |
<i class = "icon ion-scissors"> </ i> | |
<i class = "icon ion-trichter"> </ i> | |
<i class = "icon ion-bookmark"> </ i> | |
<i class = "icon ion-email"> </ i> | |
<i class = "icon ion-email-unread"> </ i> | |
<i class = "icon ion-folder"> </ i> | |
<i class = "icon ion-files"> </ i> | |
<i class = "icon ion-archive"> </ i> | |
<i class = "icon ion-reply"> </ i> | |
<i class = "icon ion-reply-all"> </ i> | |
<i class = "icon ion-forward"> </ i> | |
<i class = "icon ion-share"> </ i> | |
<i class = "icon ion-paper-airplane"> </ i> | |
<i class = "icon ion-link"> </ i> | |
<i class = "icon ion-paperclip"> </ i> | |
<i class = "icon ion-compose"> </ i> | |
<i class = "icon ion-briefcase"> </ i> | |
<i class = "icon ion-medkit"> </ i> | |
<i class = "icon ion-at"> </ i> | |
<i class = "icon ion-lb"> </ i> | |
<i class = "icon ion-quote"> </ i> | |
<i class = "icon ion-cloud"> </ i> | |
<i class = "icon ion-upload"> </ i> | |
<i class = "icon ion-more"> </ i> | |
<i class = "icon ion-grid"> </ i> | |
<i class = "icon ion-calendar"> </ i> | |
<i class = "icon ion-clock"> </ i> | |
<i class = "icon ion-compos"> </ i> | |
<i class = "icon ion-pinpoint"> </ i> | |
<i class = "icon ion-pin"> </ i> | |
<i class = "icon ion-navig" "</ i> | |
<i class = "icon ion-location"> </ i> | |
<i class = "icon ion-map"> </ i> | |
<i class = "icon ion-lock-Kombination"> </ i> | |
<i class = "icon ion -lock"> </ i> | |
<i class = "icon ion-entsperrte"> </ i> | |
<i class = "icon ion-key"> </ i> | |
<i class = "Symbol Ionenpfeil-Grafik-oben-rechts"> </ i> | |
<i class = "Symbol Ionenpfeil-Grafik-unten-rechts"> </ i> | |
<i class = "Symbol Ionenpfeil-Grafik-oben-links"> </ i> | |
<i class = "Symbol Ionenpfeil-Grafik-unten-links"> </ i> | |
<i class = "icon ion-stats-bar"> </ i> | |
<i class = "icon ion-connecticon ion-bar"> </ i> | |
<i class = "icon ion-pie-graph"> </ i> | |
<i class = "icon ion-chatbubble"> </ i> | |
<i class = "icon ion-chatbubble-working"> </ i> | |
<i class = "icon ion-chatbubbles"> </ i> | |
<i class = "icon ion-chatbox"> </ i> | |
<i class = "icon ion-chatbox-working"> </ i> | |
<i class = "icon ion-chatboxes"> </ i> | |
<i class = "icon ion-person"> </ i> | |
<i class = "icon ion-person-add"> </ i> | |
<i class = "icon ion-person-stalker"> </ i> | |
<i class = "icon ion-woman"> </ i> | |
<i class = "icon ion-man"> </ i> | |
<i class = "icon ion-female"> </ i> | |
<i class = "icon ion-male"> </ i> | |
<i class = "icon ion-transgender"> </ i> | |
<i class = "icon ion-fork"> </ i> | |
<i class = "icon ion-mess"> </ i> | |
<i class = "icon ion-löffel"> </ i> | |
<i class = "Symbol Ionensuppe-Dose-Umriss"> </ i> | |
<i class = "icon ion-suppe-can"> </ i> | |
<i class = "icon ion-Beer"> </ i> | |
<i class = "icon ion-wineglass"> </ i> | |
<i class = "icon ion-Coffee"> </ i> | |
<i class = "icon ion-icecream"> </ i> | |
<i class = "icon ion-pizza"> </ i> | |
<i class = "icon ion-power"> </ i> | |
<i class = "icon ion-mouse"> </ i> | |
<i class = "icon ion-batterie-full"> </ i> | |
<i class = "icon ion-batterie-half"> </ i> | |
<i class = "icon ion-batterie-low"> </ i> | |
<i class = "icon ion-batterie-leer"> </ i> | |
<i class = "icon ion-batterielade"> </ i> | |
<i class = "icon ion-wifi"> </ i> | |
<i class = "icon ion-bluetooth"> </ i> | |
<i class = "icon ion-calculator"> </ i> | |
<i class = "icon ion-camera"> </ i> | |
<i class = "icon ion-eye"> </ i> | |
<i class = "icon ion-eye-disabled"> </ i> | |
<i class = "icon ion-flash"> </ i> | |
<i class = "icon ion-flash-off"> </ i> | |
<i class = "icon ion-qr-scanner"> </ i> | |
<i class = "icon ion-image"> </ i> | |
<i class = "icon ion-images"> </ i> | |
<i class = "icon ion-wand"> </ i> | |
<i class = "Symbol Ionenkontrast"> </ i> | |
<i class = "icon ion-aperture"> </ i> | |
<i class = "icon ion-crop"> </ i> | |
<i class = "icon ion-easel"> </ i> | |
<i class = "icon ion-paintbrush"> </ i> | |
<i class = "icon ion-paintbucket"> </ i> | |
<i class = "icon ion-monitor"> </ i> | |
<i class = "icon ion-Laptop"> </ i> | |
<i class = "icon ion-ipad"> </ i> | |
<i class = "icon ion-iphone"> </ i> | |
<i class = "icon ion-ipod"> </ i> | |
<i class = "icon ion-Drucker"> </ i> | |
<i class = "icon ion-usb"> </ i> | |
<i class = "icon ion-outlet"> </ i> | |
<i class = "icon ion-bug"> </ i> | |
<i class = "icon ion-code"> </ i> | |
<i class = "icon ion-code-working"> </ i> | |
<i class = "icon ion-code-download"> </ i> | |
<i class = "icon ion-fork-repo"> </ i> | |
<i class = "icon ion-network"> </ i> | |
<i class = "icon ion-pull-request"> </ i> | |
<i class = "icon ion-merge"> </ i> | |
<i class = "icon ion-xbox"> </ i> | |
<i class = "icon ion-playstation"> </ i> | |
<i class = "icon ion-steam"> </ i> | |
<i class = "Symbol Ionen-Untertitel"> </ i> | |
<i class = "icon ion-videocamera"> </ i> | |
<i class = "icon ion-film-marker"> </ i> | |
<i class = "icon ion-disc"> </ i> | |
<i class = "icon ion-headphone"> </ i> | |
<i class = "icon ion-music-note"> </ i> | |
<i class = "icon ion-radio-wave"> </ i> | |
<i class = "icon ion-Speakerphone"> </ i> | |
<i class = "icon ion-mic-a"> </ i> | |
<i class = "icon ion-mic-b"> </ i> | |
<i class = "icon ion-mic-c"> </ i> | |
<i class = "icon ion-volume-high"> </ i> | |
<i class = "icon ion-volume-medium"> </ i> | |
<i class = "icon ion-volume-low"> </ i> | |
<i class = "icon ion-volume-mute"> </ i> | |
<i class = "icon ion-level"> </ i> | |
<i class = "icon ion-play"> </ i> | |
<i class = "icon ion-pause"> </ i> | |
<i class = "icon ion-stop"> </ i> | |
<i class = "icon ion-record"> </ i> | |
<i class = "icon ion-skip-forward"> </ i> | |
<i class = "icon ion-skip-backward"> </ i> | |
<i class = "icon ion-eject"> </ i> | |
<i class = "icon ion-bag"> </ i> | |
<i class = "icon ion-card"> </ i> | |
<i class = "icon ion-cash"> </ i> | |
<i class = "icon ion-pricetag"> </ i> | |
<i class = "icon ion-pricetags"> </ i> | |
<i class = "icon ion-thumbsup"> </ i> | |
<i class = "icon ion-thumbsdown"> </ i> | |
<i class = "icon ion-happy-kontur"> </ i> | |
<i class = "icon ion-happy"> </ i> | |
<i class = "icon ion-sad-kontur"> </ i> | |
<i class = "icon ion-sad"> </ i> | |
<i class = "icon ion-bowtie"> </ i> | |
<i class = "icon ion-tshirt-übersehen"> </ i> | |
<i class = "icon ion-tshirt"> </ i> | |
<i class = "icon ion-trophy"> </ i> | |
<i class = "icon ion-podium"> </ i> | |
<i class = "icon ion-ribbon-a"> </ i> | |
<i class = "icon ion-ribbon-b"> </ i> | |
<i class = "icon ion-university"> </ i> | |
<i class = "icon ion-magnet"> </ i> | |
<i class = "icon ion-beaker"> </ i> | |
<i class = "icon ion-erlenmeyer-flask"> </ i> | |
<i class = "icon ion-egg"> </ i> | |
<i class = "icon ion-earth"> </ i> | |
<i class = "icon ion-planet"> </ i> | |
<i class = "icon ion-glühbirne"> </ i> | |
<i class = "icon ion-cube"> </ i> | |
<i class = "icon ion-leaf"> </ i> | |
<i class = "icon ion-waterdrop"> </ i> | |
<i class = "icon ion-Flamme"> </ i> | |
<i class = "icon ion-fireball"> </ i> | |
<i class = "icon ion-bonfire"> </ i> | |
<i class = "icon ion-umbrella"> </ i> | |
<i class = "icon ion-nuklear"> </ i> | |
<i class = "icon ion-rauchfrei"> </ i> | |
<i class = "icon ion-thermometer"> </ i> | |
<i class = "icon ion-speedometer"> </ i> | |
<i class = "icon ion-model-s"> </ i> | |
<i class = "icon ion-plane"> </ i> | |
<i class = "icon ion-jet"> </ i> | |
<i class = "icon ion-load-a"> </ i> | |
<i class = "icon ion-load-b"> </ i> | |
<i class = "icon ion-load-c"> </ i> | |
<i class = "icon ion-load-d"> </ i> |
iOS-Stilsymbole
Code | Ergebnis |
---|---|
<i class = "icon ion-ios-ionic-Outline"> </ i> | |
<i class = "icon ion-ios-arrow-back"> </ i> | |
<i class = "icon ion-ios-arrow-forward"> </ i> | |
<i class = "icon ion-ios-arrow-up"> </ i> | |
<i class = "icon ion-ios-pfeil-rechts"> </ i> | |
<i class = "icon ion-ios-Pfeil nach unten"> </ i> | |
<i class = "icon ion-ios-arrow-left"> </ i> | |
<i class = "icon ion-ios-arrow-thin-up"> </ i> | |
<i class = "icon ion-ios-pfeil-dünn-rechts"> </ i> | |
<i class = "icon ion-ios-arrow-thin-down"> </ i> | |
<i class = "icon ion-ios-pfeil-dünn-links"> </ i> | |
<i class = "icon ion-ios-circle-fill"> </ i> | |
<i class = "Symbol ion-ios-Kreis-Umriss"> </ i> | |
<i class = "icon ion-ios-checkmark-empty"> </ i> | |
<i class = "Symbol ion-ios-Häkchen-Umriss"> </ i> | |
<i class = "icon ion-ios-checkmark"> </ i> | |
<i class = "icon ion-ios-plus-empty"> </ i> | |
<i class = "icon ion-ios-plus-Outline"> </ i> | |
<i class = "icon ion-ios-plus"> </ i> | |
<i class = "icon ion-ios-close-empty"> </ i> | |
<i class = "icon ion-ios-close-Outline"> </ i> | |
<i class = "icon ion-ios-close"> </ i> | |
<i class = "icon ion-ios-minus-empty"> </ i> | |
<i class = "icon ion-ios-minus-kontur"> </ i> | |
<i class = "icon ion-ios-minus"> </ i> | |
<i class = "icon ion-ios-informaticon ion-empty"> </ i> | |
<i class = "icon ion-ios-informaticon ion-Outline"> </ i> | |
<i class = "icon ion-ios-information"> </ i> | |
<i class = "icon ion-ios-help-empty"> </ i> | |
<i class = "icon ion-ios-help-übersehen"> </ i> | |
<i class = "icon ion-ios-help"> </ i> | |
<i class = "icon ion-ios-search"> </ i> | |
<i class = "icon ion-ios-search-strong"> </ i> | |
<i class = "icon ion-ios-star"> </ i> | |
<i class = "icon ion-ios-star-half"> </ i> | |
<i class = "icon ion-ios-star-Outline"> </ i> | |
<i class = "icon ion-ios-heart"> </ i> | |
<i class = "icon ion-ios-heart-Outline"> </ i> | |
<i class = "icon ion-ios-more"> </ i> | |
<i class = "icon ion-ios-more-kontur"> </ i> | |
<i class = "icon ion-ios-home"> </ i> | |
<i class = "icon ion-ios-home-übersehen"> </ i> | |
<i class = "icon ion-ios-cloud"> </ i> | |
<i class = "icon ion-ios-wolkenumriss"> </ i> | |
<i class = "icon ion-ios-cloud-upload"> </ i> | |
<i class = "Symbol ion-ios-Cloud-Upload-Gliederung"> </ i> | |
<i class = "icon ion-ios-cloud-download"> </ i> | |
<i class = "Symbol ion-ios-Cloud-Download-Gliederung"> </ i> | |
<i class = "icon ion-ios-upload"> </ i> | |
<i class = "icon ion-ios-upload-umriss"> </ i> | |
<i class = "icon ion-ios-download"> </ i> | |
<i class = "icon ion-ios-Download-Gliederung"> </ i> | |
<i class = "icon ion-ios-refresh"> </ i> | |
<i class = "icon ion-ios-refresh-kontur"> </ i> | |
<i class = "icon ion-ios-refresh-empty"> </ i> | |
<i class = "icon ion-ios-reload"> </ i> | |
<i class = "icon ion-ios-loop-strong"> </ i> | |
<i class = "icon ion-ios-loop"> </ i> | |
<i class = "icon ion-ios-bookmarks"> </ i> | |
<i class = "Symbol ion-ios-Lesezeichen-Gliederung"> </ i> | |
<i class = "icon ion-ios-book"> </ i> | |
<i class = "icon ion-ios-book-übersehen"> </ i> | |
<i class = "icon ion-ios-flag"> </ i> | |
<i class = "icon ion-ios-flag-Outline"> </ i> | |
<i class = "icon ion-ios-brillen"> </ i> | |
<i class = "icon ion-ios-brillen-umriss"> </ i> | |
<i class = "icon ion-ios-browser"> </ i> | |
<i class = "icon ion-ios-Browser-Gliederung"> </ i> | |
<i class = "icon ion-ios-at"> </ i> | |
<i class = "icon ion-ios-at-Outline"> </ i> | |
<i class = "icon ion-ios-pricetag"> </ i> | |
<i class = "icon ion-ios-pricetag-übersehen"> </ i> | |
<i class = "icon ion-ios-pricetags"> </ i> | |
<i class = "icon ion-ios-pricetags-übersehen"> </ i> | |
<i class = "icon ion-ios-cart"> </ i> | |
<i class = "icon ion-ios-cart-übersehen"> </ i> | |
<i class = "icon ion-ios-chatboxes"> </ i> | |
<i class = "icon ion-ios-chatboxes-offset"> </ i> | |
<i class = "icon ion-ios-chatbubble"> </ i> | |
<i class = "icon ion-ios-chatbubble-übersehen"> </ i> | |
<i class = "icon ion-ios-cog"> </ i> | |
<i class = "icon ion-ios-cog-Outline"> </ i> | |
<i class = "icon ion-ios-gear"> </ i> | |
<i class = "icon ion-ios-Gear-Gliederung"> </ i> | |
<i class = "icon ion-ios-settings"> </ i> | |
<i class = "icon ion-ios-settings-strong"> </ i> | |
<i class = "icon ion-ios-toggle"> </ i> | |
<i class = "icon ion-ios-toggle-kontur"> </ i> | |
<i class = "icon ion-ios-analysis"> </ i> | |
<i class = "icon ion-ios-analyse-umriss"> </ i> | |
<i class = "icon ion-ios-pie"> </ i> | |
<i class = "icon ion-ios-pie-übersehen"> </ i> | |
<i class = "icon ion-ios-puls"> </ i> | |
<i class = "icon ion-ios-puls-strong"> </ i> | |
<i class = "icon ion-ios-files"> </ i> | |
<i class = "icon ion-ios-Archivierungskontur"> </ i> | |
<i class = "icon ion-ios-box"> </ i> | |
<i class = "icon ion-ios-box-Outline"> </ i> | |
<i class = "icon ion-ios-compose"> </ i> | |
<i class = "icon ion-ios-komponieren-umriss"> </ i> | |
<i class = "icon ion-ios-trash"> </ i> | |
<i class = "icon ion-ios-trash-Outline"> </ i> | |
<i class = "icon ion-ios-copy"> </ i> | |
<i class = "icon ion-ios-copy-Outline"> </ i> | |
<i class = "icon ion-ios-email"> </ i> | |
<i class = "icon ion-ios-email-übersehen"> </ i> | |
<i class = "icon ion-ios-rückgängig machen"> </ i> | |
<i class = "icon ion-ios-rückgängig machen"> </ i> | |
<i class = "icon ion-ios-redo"> </ i> | |
<i class = "icon ion-ios-redo-kontur"> </ i> | |
<i class = "icon ion-ios-paperplane"> </ i> | |
<i class = "icon ion-ios-paperplane-Outline"> </ i> | |
<i class = "icon ion-ios-folder"> </ i> | |
<i class = "icon ion-ios-Ordner-Gliederung"> </ i> | |
<i class = "icon ion-ios-paper"> </ i> | |
<i class = "icon ion-ios-paper-Outline"> </ i> | |
<i class = "icon ion-ios-list"> </ i> | |
<i class = "icon ion-ios-liste-umriss"> </ i> | |
<i class = "icon ion-ios-world"> </ i> | |
<i class = "icon ion-ios-world-übersehen"> </ i> | |
<i class = "icon ion-ios-alarm"> </ i> | |
<i class = "Symbol ion-ios-Alarm-Gliederung"> </ i> | |
<i class = "icon ion-ios-speedometer"> </ i> | |
<i class = "icon ion-ios-Tacho-Umriss"> </ i> | |
<i class = "icon ion-ios-stopwatch"> </ i> | |
<i class = "icon ion-ios-Stoppuhr-Gliederung"> </ i> | |
<i class = "icon ion-ios-timer"> </ i> | |
<i class = "Symbol ion-ios-Timer-Gliederung"> </ i> | |
<i class = "icon ion-ios-clock"> </ i> | |
<i class = "icon ion-ios-clock-Outline"> </ i> | |
<i class = "icon ion-ios-time"> </ i> | |
<i class = "Symbol ion-ios-Zeitumriss"> </ i> | |
<i class = "icon ion-ios-calendar"> </ i> | |
<i class = "icon ion-ios-kalenderumriss"> </ i> | |
<i class = "icon ion-ios-photos"> </ i> | |
<i class = "icon ion-ios-photos-kontur"> </ i> | |
<i class = "icon ion-ios-album"> </ i> | |
<i class = "icon ion-ios-Alben-Gliederung"> </ i> | |
<i class = "icon ion-ios-camera"> </ i> | |
<i class = "icon ion-ios-camera-Outline"> </ i> | |
<i class = "icon ion-ios-reverse-camera"> </ i> | |
<i class = "icon ion-ios-reverse-camera-Outline"> </ i> | |
<i class = "icon ion-ios-eye"> </ i> | |
<i class = "icon ion-ios-eye-Outline"> </ i> | |
<i class = "icon ion-ios-bolzen"> </ i> | |
<i class = "icon ion-ios-bolzen-umriss"> </ i> | |
<i class = "icon ion-ios-color-wand"> </ i> | |
<i class = "icon ion-ios-color-zauberstab-umriss"> </ i> | |
<i class = "icon ion-ios-color-filter"> </ i> | |
<i class = "Symbol ion-ios-Farbfilter-Umriss"> </ i> | |
<i class = "icon ion-ios-grid-view"> </ i> | |
<i class = "icon ion-ios-grid-view-übersehen"> </ i> | |
<i class = "icon ion-ios-crop-strong"> </ i> | |
<i class = "icon ion-ios-crop"> </ i> | |
<i class = "icon ion-ios-barcode"> </ i> | |
<i class = "Symbol ion-ios-Barcode-Gliederung"> </ i> | |
<i class = "icon ion-ios-briefcase"> </ i> | |
<i class = "icon ion-ios-aktenkoffer-umriss"> </ i> | |
<i class = "icon ion-ios-medkit"> </ i> | |
<i class = "icon ion-ios-medkit-kontur"> </ i> | |
<i class = "icon ion-ios-medical"> </ i> | |
<i class = "icon ion-ios-medical-offset"> </ i> | |
<i class = "icon ion-ios-infinite"> </ i> | |
<i class = "icon ion-ios-infinite-kontur"> </ i> | |
<i class = "icon ion-ios-calculator"> </ i> | |
<i class = "Symbol ion-ios-Rechner-Gliederung"> </ i> | |
<i class = "icon ion-ios-keypad"> </ i> | |
<i class = "Symbol ion-ios-Tastatur-Umriss"> </ i> | |
<i class = "icon ion-ios-phone"> </ i> | |
<i class = "icon ion-ios-phone-umriss"> </ i> | |
<i class = "icon ion-ios-drag"> </ i> | |
<i class = "icon ion-ios-location"> </ i> | |
<i class = "icon ion-ios-locaticon ion-Outline"> </ i> | |
<i class = "icon ion-ios-navig"> </ i> | |
<i class = "icon ion-ios-Navigationskontur"> </ i> | |
<i class = "icon ion-ios -lock"> </ i> | |
<i class = "icon ion-ios-Locked-Outline"> </ i> | |
<i class = "icon ion-ios-entsperrte"> </ i> | |
<i class = "icon ion-ios-entsperrte-Gliederung"> </ i> | |
<i class = "icon ion-ios-monitor"> </ i> | |
<i class = "icon ion-ios-monitor-umriss"> </ i> | |
<i class = "icon ion-ios-Drucker"> </ i> | |
<i class = "icon ion-ios-Drucker-Gliederung"> </ i> | |
<i class = "icon ion-ios-game-controller-a"> </ i> | |
<i class = "Symbol ion-ios-Game-Controller-a-Gliederung"> </ i> | |
<i class = "icon ion-ios-game-controller-b"> </ i> | |
<i class = "Symbol ion-ios-Spiel-Controller-b-Gliederung"> </ i> | |
<i class = "icon ion-ios-americanfootball"> </ i> | |
<i class = "icon ion-ios-americanfootball-Outline"> </ i> | |
<i class = "icon ion-ios-baseball"> </ i> | |
<i class = "Symbol ion-ios-Baseball-Gliederung"> </ i> | |
<i class = "icon ion-ios-basketball"> </ i> | |
<i class = "icon ion-ios-basketball-Outline"> </ i & gtgt; | |
<i class = "icon ion-ios-Tennisball"> </ i> | |
<i class = "icon ion-ios-Tennisball-Gliederung"> </ i> | |
<i class = "icon ion-ios -ccer"> </ i> | |
<i class = "icon ion-ios-fußball-umriss"> </ i> | |
<i class = "icon ion-ios-body"> </ i> | |
<i class = "icon ion-ios-body-Outline"> </ i> | |
<i class = "icon ion-ios-person"> </ i> | |
<i class = "icon ion-ios-person-übersehen"> </ i> | |
<i class = "icon ion-ios-personadd"> </ i> | |
<i class = "icon ion-ios-personadd-kontur"> </ i> | |
<i class = "icon ion-ios-people"> </ i> | |
<i class = "icon ion-ios-people-übersehen"> </ i> | |
<i class = "icon ion-ios-music-notes"> </ i> | |
<i class = "icon ion-ios-music-note"> </ i> | |
<i class = "icon ion-ios-bell"> </ i> | |
<i class = "icon ion-ios-bell-Outline"> </ i> | |
<i class = "icon ion-ios-mic"> </ i> | |
<i class = "icon ion-ios-mic-Outline"> </ i> | |
<i class = "icon ion-ios-mic-off"> </ i> | |
<i class = "icon ion-ios-volume-high"> </ i> | |
<i class = "icon ion-ios-volume-low"> </ i> | |
<i class = "icon ion-ios-play"> </ i> | |
<i class = "icon ion-ios-play-Outline"> </ i> | |
<i class = "icon ion-ios-pause"> </ i> | |
<i class = "Symbol ion-ios-Pause-Gliederung"> </ i> | |
<i class = "icon ion-ios-records"> </ i> | |
<i class = "icon ion-ios-aufzeichnungsumriss"> </ i> | |
<i class = "icon ion-ios-fastforward"> </ i> | |
<i class = "Symbol ion-ios-Fastforward-Gliederung"> </ i> | |
<i class = "icon ion-ios-rewind"> </ i> | |
<i class = "icon ion-ios-rewind-übersehen"> </ i> | |
<i class = "icon ion-ios-skipbackward"> </ i> | |
<i class = "icon ion-ios-skipbackward-kontur"> </ i> | |
<i class = "icon ion-ios-skipforward"> </ i> | |
<i class = "icon ion-ios-skipforward-übersehen"> </ i> | |
<i class = "icon ion-ios-shuffle-strong"> </ i> | |
<i class = "icon ion-ios-shuffle"> </ i> | |
<i class = "icon ion-ios-videocam"> </ i> | |
<i class = "icon ion-ios-videocam-übersehen"> </ i> | |
<i class = "icon ion-ios-film"> </ i> | |
<i class = "icon ion-ios-film-Outline"> </ i> | |
<i class = "icon ion-ios-flask"> </ i> | |
<i class = "icon ion-ios-flask-Outline"> </ i> | |
<i class = "icon ion-ios-glühbirne"> </ i> | |
<i class = "icon ion-ios-glühbirnen-umriss"> </ i> | |
<i class = "icon ion-ios-wineglass"> </ i> | |
<i class = "icon ion-ios-weinglas-umriss"> </ i> | |
<i class = "icon ion-ios-pint"> </ i> | |
<i class = "icon ion-ios-pint-Outline"> </ i> | |
<i class = "icon ion-ios-ernährung"> </ i> | |
<i class = "Symbol Ion-Ios-Nutriticon-Ionen-Umriss"> </ i> | |
<i class = "icon ion-ios-flower"> </ i> | |
<i class = "icon ion-ios-Flower-Outline"> </ i> | |
<i class = "icon ion-ios-rose"> </ i> | |
<i class = "icon ion-ios-rose-kontur"> </ i> | |
<i class = "icon ion-ios-paw"> </ i> | |
<i class = "Symbol ion-ios-Pfotenumriss"> </ i> | |
<i class = "icon ion-ios-Flamme"> </ i> | |
<i class = "icon ion-ios-flammenumriss"> </ i> | |
<i class = "icon ion-ios-sunny"> </ i> | |
<i class = "icon ion-ios-sonniger Umriss"> </ i> | |
<i class = "icon ion-ios-teilweise sonne"> </ i> | |
<i class = "icon ion-ios-teilweise sonnenumriss"> </ i> | |
<i class = "icon ion-ios-cloudy"> </ i> | |
<i class = "icon ion-ios-wolkiger Umriss"> </ i> | |
<i class = "icon ion-ios-rainy"> </ i> | |
<i class = "icon ion-ios-rainy-kontur"> </ i> | |
<i class = "icon ion-ios-thunderstorm"> </ i> | |
<i class = "Symbol ion-ios-Gewitter-Umriss"> </ i> | |
<i class = "icon ion-ios-snowy"> </ i> | |
<i class = "icon ion-ios-moon"> </ i> | |
<i class = "icon ion-ios-moon-kontur"> </ i> | |
<i class = "icon ion-ios-cloudy-night"> </ i> | |
<i class = "icon ion-ios-wolkig-nacht-umriss"> </ i> |
Android Style Icons
Code | Ergebnis |
---|---|
<i class = "icon ion-android-arrow-up"> </ i> | |
<i class = "icon ion-android-arrow-forward"> </ i> | |
<i class = "icon ion-android-arrow-down"> </ i> | |
<i class = "icon ion-android-arrow-back"> </ i> | |
<i class = "icon ion-android-pfeil-dropup"> </ i> | |
<i class = "Symbol Ionen-Android-Pfeil-Dropup-Kreis"> </ i> | |
<i class = "icon ion-android-pfeil-dropright"> </ i> | |
<i class = "Symbol Ion-Android-Pfeil-Dropright-Kreis"> </ i> | |
<i class = "icon ion-android-pfeil-dropdown"> </ i> | |
<i class = "Symbol Ionen-Android-Pfeil-Dropdown-Kreis"> </ i> | |
<i class = "icon ion-android-pfeil-dropleft"> </ i> | |
<i class = "icon ion-android-pfeil-dropleft-circle"> </ i> | |
<i class = "icon ion-android-add"> </ i> | |
<i class = "icon ion-android-add-circle"> </ i> | |
<i class = "icon ion-android-remove"> </ i> | |
<i class = "icon ion-android-remove-circle"> </ i> | |
<i class = "icon ion-android-close"> </ i> | |
<i class = "icon ion-android-cancel"> </ i> | |
<i class = "icon ion-android-radio-button-off"> </ i> | |
<i class = "icon ion-android-radio-button-on"> </ i> | |
<i class = "icon ion-android-checkmark-circle"> </ i> | |
<i class = "Symbol Ion-Android-Checkbox-Gliederung-leer"> </ i> | |
<i class = "Symbol Ion-Android-Checkbox-Gliederung"> </ i> | |
<i class = "icon ion-android-checkbox-blank"> </ i> | |
<i class = "Symbol ion-android-checkbox"> </ i> | |
<i class = "icon ion-android-done"> </ i> | |
<i class = "icon ion-android-done-all"> </ i> | |
<i class = "icon ion-android-menu"> </ i> | |
<i class = "icon ion-android-more-horizontal"> </ i> | |
<i class = "icon ion-android-more-vertical"> </ i> | |
<i class = "icon ion-android-refresh"> </ i> | |
<i class = "icon ion-android-sync"> </ i> | |
<i class = "icon ion-android-wifi"> </ i> | |
<i class = "icon ion-android-call"> </ i> | |
<i class = "icon ion-android-apps"> </ i> | |
<i class = "icon ion-android-settings"> </ i> | |
<i class = "icon ion-android-options"> </ i> | |
<i class = "icon ion-android-trichter"> </ i> | |
<i class = "icon ion-android-search"> </ i> | |
<i class = "icon ion-android-home"> </ i> | |
<i class = "Symbol Ion-Android-Cloud-Gliederung"> </ i> | |
<i class = "icon ion-android-cloud"> </ i> | |
<i class = "icon ion-android-download"> </ i> | |
<i class = "icon ion-android-upload"> </ i> | |
<i class = "icon ion-android-cloud-done"> </ i> | |
<i class = "icon ion-android-cloud-circle"> </ i> | |
<i class = "Symbol Ion-Android-Favorit-Gliederung"> </ i> | |
<i class = "icon ion-android-favor"> </ i> | |
<i class = "Symbol Ionen-Android-Stern-Umriss"> </ i> | |
<i class = "icon ion-android-star-half"> </ i> | |
<i class = "icon ion-android-star"> </ i> | |
<i class = "icon ion-android-calendar"> </ i> | |
<i class = "icon ion-android-alarm-clock"> </ i> | |
<i class = "icon ion-android-time"> </ i> | |
<i class = "icon ion-android-stopwatch"> </ i> | |
<i class = "icon ion-android-watch"> </ i> | |
<i class = "icon ion-android-find"> </ i> | |
<i class = "icon ion-android-navig" "</ i> | |
<i class = "icon ion-android-pin"> </ i> | |
<i class = "icon ion-android-kompass"> </ i> | |
<i class = "icon ion-android-map"> </ i> | |
<i class = "icon ion-android-walk"> </ i> | |
<i class = "icon ion-android-bicycle"> </ i> | |
<i class = "icon ion-android-car"> </ i> | |
<i class = "icon ion-android-bus"> </ i> | |
<i class = "icon ion-android-subway"> </ i> | |
<i class = "icon ion-android-train"> </ i> | |
<i class = "icon ion-android-boot"> </ i> | |
<i class = "icon ion-android-plane"> </ i> | |
<i class = "icon ion-android-restaurant"> </ i> | |
<i class = "icon ion-android-bar"> </ i> | |
<i class = "icon ion-android-cart"> </ i> | |
<i class = "icon ion-android-camera"> </ i> | |
<i class = "icon ion-android-image"> </ i> | |
<i class = "icon ion-android-film"> </ i> | |
<i class = "icon ion-android-color-palette"> </ i> | |
<i class = "icon ion-android-create"> </ i> | |
<i class = "icon ion-android-mail"> </ i> | |
<i class = "icon ion-android-Drafts"> </ i> | |
<i class = "icon ion-android-send"> </ i> | |
<i class = "icon ion-android-archive"> </ i> | |
<i class = "icon ion-android-delete"> </ i> | |
<i class = "icon ion-android-attach"> </ i> | |
<i class = "icon ion-android-share"> </ i> | |
<i class = "icon ion-android-share-alt"> </ i> | |
<i class = "icon ion-android-bookmark"> </ i> | |
<i class = "icon ion-android-document"> </ i> | |
<i class = "icon ion-android-clipboard"> </ i> | |
<i class = "icon ion-android-list"> </ i> | |
<i class = "icon ion-android-folder-open"> </ i> | |
<i class = "icon ion-android-folder"> </ i> | |
<i class = "icon ion-android-print"> </ i> | |
<i class = "icon ion-android-open"> </ i> | |
<i class = "icon ion-android-exit"> </ i> | |
<i class = "icon ion-android-contract"> </ i> | |
<i class = "icon ion-android-expand"> </ i> | |
<i class = "icon ion-android-globus"> </ i> | |
<i class = "icon ion-android-chat"> </ i> | |
<i class = "icon ion-android-textsms"> </ i> | |
<i class = "icon ion-android-hangout"> </ i> | |
<i class = "icon ion-android-happy"> </ i> | |
<i class = "icon ion-android-sad"> </ i> | |
<i class = "icon ion-android-person"> </ i> | |
<i class = "icon ion-android-people"> </ i> | |
<i class = "icon ion-android-person-add"> </ i> | |
<i class = "icon ion-android-contact"> </ i> | |
<i class = "icon ion-android-contacts"> </ i> | |
<i class = "icon ion-android-playstore"> </ i> | |
<i class = "icon ion-android-lock"> </ i> | |
<i class = "icon ion-android-entsperren"> </ i> | |
<i class = "icon ion-android-microphone"> </ i> | |
<i class = "icon ion-android-microphone-off"> </ i> | |
<i class = "icon ion-android-notifications-none"> </ i> | |
<i class = "icon ion-android-notifications"> </ i> | |
<i class = "icon ion-android-notifications-off"> </ i> | |
<i class = "icon ion-android-volume-mute"> </ i> | |
<i class = "icon ion-android-volume-down"> </ i> | |
<i class = "icon ion-android-volume-up"> </ i> | |
<i class = "icon ion-android-volume-off"> </ i> | |
<i class = "icon ion-android-hand"> </ i> | |
<i class = "icon ion-android-desktop"> </ i> | |
<i class = "icon ion-android-Laptop"> </ i> | |
<i class = "icon ion-android-phone-porträt"> </ i> | |
<i class = "icon ion-android-phone-landschaft"> </ i> | |
<i class = "icon ion-android-bulb"> </ i> | |
<i class = "icon ion-android-sunny"> </ i> | |
<i class = "icon ion-android-alert"> </ i> | |
<i class = "icon ion-android-warning"> </ i> |
Soziale Ikonen
Code | Ergebnis |
---|---|
<i class = "icon ion-social-twitter"> </ i> | |
<i class = "icon ion-social-twitter-übersehen"> </ i> | |
<i class = "icon ion-social-facebook"> </ i> | |
<i class = "icon ion-social-facebook-übersehen"> </ i> | |
<i class = "icon ion-social-googleplus"> </ i> | |
<i class = "icon ion-social-googleplus-übersehen"> </ i> | |
<i class = "icon ion-social-google"> </ i> | |
<i class = "icon ion-social-google-übersehen"> </ i> | |
<i class = "icon ion-social-dribbble"> </ i> | |
<i class = "icon ion-social-dribbble-übersehen"> </ i> | |
<i class = "icon ion-social-octocat"> </ i> | |
<i class = "icon ion-social-github"> </ i> | |
<i class = "icon ion-social-github-übersehen"> </ i> | |
<i class = "icon ion-social-instagram"> </ i> | |
<i class = "icon ion-social-instagram-übersehen"> </ i> | |
<i class = "icon ion-social-whatsapp"> </ i> | |
<i class = "Symbol ion-social-WhatsApp-Gliederung"> </ i> | |
<i class = "icon ion-social-snapchat"> </ i> | |
<i class = "icon ion-social-snapchat-übersehen"> </ i> | |
<i class = "icon ion-social-foursquare"> </ i> | |
<i class = "icon ion-social-foursquare-offset"> </ i> | |
<i class = "icon ion-social-pinterest"> </ i> | |
<i class = "icon ion-social-pinterest-übersehen"> </ i> | |
<i class = "icon ion-social-rss"> </ i> | |
<i class = "icon ion-social-rss-übersehen"> </ i> | |
<i class = "icon ion-social-tumblr"> </ i> | |
<i class = "icon ion-social-tumblr-übersehen"> </ i> | |
<i class = "icon ion-social-wordpress"> </ i> | |
<i class = "icon ion-social-wordpress-übersehen"> </ i> | |
<i class = "icon ion-social-reddit"> </ i> | |
<i class = "icon ion-social-reddit-übersehen"> </ i> | |
<i class = "icon ion-social-hackernews"> </ i> | |
<i class = "icon ion-social-hackernews-übersehen"> </ i> | |
<i class = "icon ion-social-designernews"> </ i> | |
<i class = "icon ion-social-designernews-übersehen"> </ i> | |
<i class = "icon ion-social-yahoo"> </ i> | |
<i class = "icon ion-social-yahoo-übersehen"> </ i> | |
<i class = "icon ion-social-buffer"> </ i> | |
<i class = "icon ion-social-buffer-übersehen"> </ i> | |
<i class = "icon ion-social-skype"> </ i> | |
<i class = "icon ion-social-skype-übersehen"> </ i> | |
<i class = "icon ion-social-linkedin"> </ i> | |
<i class = "icon ion-social-linkedin-übersehen"> </ i> | |
<i class = "icon ion-social-vimeo"> </ i> | |
<i class = "icon ion-social-vimeo-übersehen"> </ i> | |
<i class = "icon ion-social-twitch"> </ i> | |
<i class = "icon ion-social-twitch-kontur"> </ i> | |
<i class = "icon ion-social-youtube"> </ i> | |
<i class = "icon ion-social-youtube-übersehen"> </ i> | |
<i class = "icon ion-social-dropbox"> </ i> | |
<i class = "icon ion-social-dropbox-übersehen"> </ i> | |
<i class = "icon ion-social-apple"> </ i> | |
<i class = "icon ion-social-apple-übersehen"> </ i> | |
<i class = "icon ion-social-android"> </ i> | |
<i class = "icon ion-social-android-übersehen"> </ i> | |
<i class = "icon ion-social-windows"> </ i> | |
<i class = "icon ion-social-windows-übersehen"> </ i> | |
<i class = "icon ion-social-html5"> </ i> | |
<i class = "icon ion-social-html5-übersehen"> </ i> | |
<i class = "icon ion-social-css3"> </ i> | |
<i class = "icon ion-social-css3-übersehen"> </ i> | |
<i class = "icon ion-social-javascript"> </ i> | |
<i class = "icon ion-social-javascript-übersehen"> </ i> | |
<i class = "icon ion-social-angle"> </ i> | |
<i class = "icon ion-social-eckiger-Umriss"> </ i> | |
<i class = "icon ion-social-nodejs"> </ i> | |
<i class = "icon ion-social-sass"> </ i> | |
<i class = "icon ion-social-python"> </ i> | |
<i class = "icon ion-social-chrome"> </ i> | |
<i class = "icon ion-social-chrome-Outline"> </ i> | |
<i class = "icon ion-social-codepen"> </ i> | |
<i class = "icon ion-social-codepen-Outline"> </ i> | |
<i class = "icon ion-social-markdown"> </ i> | |
<i class = "icon ion-social-tux"> </ i> | |
<i class = "icon ion-social-freebsd-devil"> </ i> | |
<i class = "icon ion-social-usd"> </ i> | |
<i class = "icon ion-social-usd-übersehen"> </ i> | |
<i class = "icon ion-social-bitcoin"> </ i> | |
<i class = "icon ion-social-bitcoin-übersehen"> </ i> | |
<i class="icon ion-social-yen"></i> | |
<i class="icon ion-social-yen-outline"></i> | |
<i class="icon ion-social-euro"></i> | |
<i class="icon ion-social-euro-outline"></i> |