Cookie preferences
This website uses cookies, which are necessary for the technical operation of the website and are always set. Other cookies, which increase the comfort when using this website, are used for direct advertising or to facilitate interaction with other websites and social networks, are only set with your consent.
Configuration
Technically required
These cookies are necessary for the basic functions of the shop.
"Allow all cookies" cookie
"Decline all cookies" cookie
CSRF token
Cookie preferences
Currency change
Customer-specific caching
Individual prices
PayPal payments
Selected shop
Session
Comfort functions
These cookies are used to make the shopping experience even more appealing, for example for the recognition of the visitor.
Note
WhatsApp Chat (collapsed/open)
Statistics & Tracking
Affiliate program
Facebook Pixel
Google Tag Manager
Pinterest
Track device being used
icon--dhl
icon--dpd
icon--gls
icon--hermes
icon--post
icon--ups
icon--help
icon--flashlight
icon--arrow
icon--arrow2
icon--loop
icon--back
icon--add-to-list
icon--flow-cascade
icon--flow-branch
icon--flow-line
icon--flow--parallel
icon--ellipsis
icon--dots
icon--dot
icon--danielbruce
icon--danielbruce2
icon--rdio
icon--rdio2
icon--evernote
icon--flattr
icon--picasa
icon--mixi
icon--circles
icon--smashing
icon--tools
icon--flag
icon--new
icon--googleplus
icon--vk
icon--user-friends
icon--book-alt
icon--download
icon--upload
icon--mobile
icon--coffee-togo
icon--delicious
icon--satellite-dish
icon--creative-commons
icon--rss-square
icon--rss-square1
icon--skype
icon--calendar-alt
icon--spotify
icon--flickr
icon--creative-commons-nc-jp
icon--creative-commons-remix
icon--creative-commons-pd
icon--fill
icon--cloud-upload
icon--microphone
icon--music
icon--bars
icon--pause
icon--play
icon--volume-slash
icon--volume-up
icon--volume
icon--step-backward
icon--step-forward
icon--backward
icon--forward
icon--stop
icon--expand-arrows-alt
icon--compress-arrows-alt
icon--sitemap
icon--arrow-alt-down
icon--grip-horizontal
icon--arrow-alt-left
icon--arrow-alt-right
icon--arrow-alt-up
icon--arrow-alt-down1
icon--arrow-alt-left1
icon--arrow-alt-right1
icon--arrow-alt-up1
icon--angle-down
icon--angle-left
icon--angle-right
icon--angle-up
icon--long-arrow-down
icon--long-arrow-left
icon--long-arrow-right
icon--long-arrow-up
icon--sort
icon--history
icon--retweet
icon--list
icon--download1
icon--music2
icon--search
icon--heart
icon--star-empty
icon--star
icon--account
icon--layout
icon--check
icon--cross
icon--cog
icon--house
icon--clock
icon--drawer
icon--tag
icon--book
icon--bookmark
icon--printer
icon--list2
icon--plus2
icon--minus2
icon--cross3
icon--service
icon--info2
icon--target
icon--blocked
icon--forward2
icon--plus3
icon--minus3
icon--eye
icon--warning
icon--shuffle
icon--magnet
icon--folder
icon--twitter2
icon--facebook2
icon--key
icon--linkedin2
icon--publish
icon--phone
icon--twitter
icon--facebook3
icon--github2
icon--coupon
icon--creditcard
icon--rss
icon--drive
icon--megaphone
icon--arrow-left4
icon--arrow-right4
icon--arrow-up3
icon--arrow-down4
icon--network
icon--filter
icon--briefcase
icon--chain
icon--link
icon--cloud
icon--paperclip
icon--disk
icon--menu
icon--numbered-list
icon--truck
icon--pinterest2
icon--googleplus2
icon--mail
icon--linkedin
icon--bolt
icon--light-bulb
icon--suitcase
icon--bell
icon--plus
icon--arrow-left
icon--arrow-right
icon--arrow-up
icon--arrow-down
icon--quote
icon--github
icon--keyboard
icon--code
icon--reply-all
icon--location2
icon--info
icon--rocket
icon--minus
icon--compass
icon--document
icon--text
icon--thumbsup
icon--thumbsdown
icon--dropbox
icon--instagram
icon--flickr2
icon--tumblr
icon--tumblr2
icon--dribbble
icon--skype2
icon--sun
icon--moon
icon--sina-weibo
icon--renren
icon--vimeo2
icon--stumbleupon2
icon--stumbleupon
icon--delicious2
icon--digg
icon--language
icon--behance
icon--spotify2
icon--soundcloud
icon--database
icon--lifebuoy
icon--qq
icon--paperplane
icon--share
icon--sharable
icon--newspaper
icon--paypal
icon--brush
icon--graph
icon--pie
icon--statistics
icon--lastfm
icon--lastfm2
icon--pinterest
icon--user-add
icon--progress-3
icon--progress-2
icon--progress-0
icon--progress-1
icon--hourglass
icon--screen
icon--directions
icon--map
icon--comment
icon--vimeo
icon--bag
icon--basket
icon--percent2
icon--percent
icon--vcard
icon--thermometer
icon--popup
icon--cc
icon--trophy
icon--trash
icon--cycle
icon--logout
icon--login
icon--cw
icon--landscape
icon--pictures
icon--pencil
icon--lock
icon--clipboard
icon--camera
icon--clock2
icon--compare
icon--battery
icon--browser
icon--dribbble2
icon--facebook
icon--video
icon--lock-open
icon--location
icon--microphone2
icon--mobile2
icon--plane
icon--reply
icon--gauge
icon--ticket
icon--cross2
icon--box
icon--chat
icon--cc-by
icon--cc-nc
icon--cc-nd
icon--cc-eu
icon--cc-sa
icon--cc-share
icon--cc-zero
icon--graduation
icon--cd
icon--feather
icon--infinity
icon--palette
icon--erase
icon--export
icon--text2
icon--earth
icon--grid
icon--shopware
icon--star-half
icon--bookmarks
icon--cone
icon--bars2
icon--leaf
icon--droplet
icon--droplets
icon--sun2
icon--thunder
icon--air
icon--amazon
icon--american-express
icon--american-express-alt
icon--atm
icon--bankomat
icon--bank-transfer
icon--bitcoin
icon--bitcoin-sign
icon--braintree
icon--btc
icon--card
icon--carta-si
icon--cash
icon--cash-on-delivery
icon--cb
icon--cirrus
icon--cirrus-alt
icon--clickandbuy
icon--credit-card
icon--diners
icon--discover
icon--ec
icon--eps
icon--eur
icon--flattr1
icon--giropay
icon--google-wallet
icon--google-wallet-alt
icon--gpb
icon--gratipay
icon--ideal
icon--ils
icon--inr
icon--invoice
icon--jcb
icon--jpy
icon--krw
icon--maestro
icon--maestro-alt
icon--mastercard
icon--mastercard-alt
icon--mastercard-securecode
icon--ogone
icon--paybox
icon--paylife
icon--paypal2
icon--paysafecard
icon--postepay
icon--quick
icon--rechnung
icon--ripple
icon--rub
icon--skrill
icon--sofort
icon--square
icon--stripe
icon--truste
icon--try
icon--unionpay
icon--usd
icon--verified-by-visa
icon--verisign
icon--visa
icon--visa-electron
icon--western-union
icon--pf_western-union-alt
icon--wirecard
icon--sepa
icon--sepa-alt
icon--apple-pay
icon--interac
icon--paymill
icon--dankort
icon--bancontact-mister-cash
icon--moip
icon--pagseguro
icon--cash-on-pickup
icon--sage
icon--elo
icon--elo-alt
icon--payu
icon--mercado-pago
icon--mercado-pago-sign
icon--payshop
icon--multibanco
icon--gratipay-sign
icon--six
icon--cashcloud
icon--interac-alt
icon--klarna
icon--bitpay
icon--venmo
icon--visa-debit
icon--alipay
icon--diners-alt
icon--hipercard
icon--skrill-alt
icon--shopify
icon--direct-debit
icon--sodexo
icon--bpay
icon--contactless
icon--eth
icon--ltc
icon--visa-pay
icon--wechat-pay
icon--amazon-pay
icon--amazon-pay-alt
Anleitung Icon Set
Die unten aufgeführten Icons stehen auf der ganzen Webseite zur Verfügung und können überall dort, wo mit HTML Text gearbeitet wird auch entsprechend eingefügt werden.
Die Icons selbst müsse jedoch im HTML gepflegt werden. Die vorgehensweise wäre dabei wie folgt - Du schreibst einen Text, zu de du ein Icon haben möchtes:
Ich bin ein Text und will ein Icon haben.
Wenn das Icon vor dem Text stehen soll musst du einfach den Namen, welcher unter dem Icon steht dem Text vorranstellen:
icon--heart Ich bin ein Text und will ein Icon haben.
Wenn du das getan hast musst du in die HTML Ansicht wechseln und nach dem Icon Namen, welchen du gesetzt hast suchen und aus dem Icon Namen das folgende machen:
<span class="icon--heart"> </span>
Das sieht dann fertig hier im Editor so aus:
Ich bin ein Text und will ein Icon haben.
Keine Angst, das Icon ist nur im Quelltext und im Frontend sichtbar, nicht jedoch im Editor.
Du kannst das Icon auch noch in einer entsprechenden Farbe oder größe darstellen. Dafür musst du den Code nur um die folgenden Punkte erweitern:
<span class="icon--heart" style="font-size:50px; color:#ff0000;"> </span>
Das sieht dann so aus:
Ich bin ein Text und will ein Icon haben.
