Icons

Darstellung

Positionen

Listen

UserInterface

Kontakt

Vorbestellen

Apotheken Service

Social Media / Firmen

Medizinische Icons

Zahnarzt

Ästhetische Medizin

Sonstiges

Zimmer / Ausstattung

Mutter & Kind

Jobs

Essen & Trinken

Code

<h2>Positionen</h2>

<div class="three-cols">
<div class="item">
<p class="icon-left pin">icon-left pin</p>
</div>
<div class="item">
<p class="icon-top pin">icon-top pin</p>
</div>
<div class="item">
<p class="icon-right pin">icon-right pin</p><br/>
</div>
</div>

<h2>Listen</h2>

<div class="three-cols">
<div class="item">
<ul class="list arrow-1">
<li>list arrow-1</li>
<li>list arrow-1</li>
</ul>
</div>
<div class="item">
<ul class="list arrow-2">
<li>list arrow-2</li>
<li>list arrow-2</li>
</ul>
</div>
<div class="item">
<ul class="list arrow-3">
<li>list arrow-3</li>
<li>list arrow-3</li>
</ul>
</div>
</div>


<div class="three-cols">
<div class="item">
<ul class="list bullet-1">
<li>list bullet-1</li>
<li>list bullet-1</li>
</ul>
</div>
<div class="item">
<ul class="list bullet-2">
<li>list bullet-2</li>
<li>list bullet-2</li>
</ul>
</div>
<div class="item">
<ul class="list bullet-3">
<li>list bullet-3</li>
<li>list bullet-3</li>
</ul>
</div>
</div>

<div class="three-cols">
<div class="item">
<ul class="list check-1">
<li>list check-1</li>
<li>list check-1</li>
</ul>
</div>
<div class="item">
<ul class="list check-2">
<li>list check-2</li>
<li>list check-2</li>
</ul>
</div>
<div class="item">
<ul class="list check-3">
<li>list check-3</li>
<li>list check-3</li>
</ul>
</div>
</div>

<div class="three-cols">
<div class="item">
<ul class="list download-1">
<li>list download-1</li>
<li>list download-1</li>
</ul>
</div>
<div class="item">
<ul class="list download-2">
<li>list download-2</li>
<li>list download-2</li>
</ul>
</div>
<div class="item">
<ul class="list download-3">
<li>list download-3</li>
<li>list download-3</li>
</ul>
</div>
</div>

<h2>UserInterface</h2>

<div class="two-cols">
<div class="item">
<p class="icon-left open-tab">icon-left open-tab</p>
<p class="icon-left bearbeiten">icon-left bearbeiten</p>
<p class="icon-left iclose ">icon-left iclose</p>
<p class="icon-left touch">icon-left touch</p>
<p class="icon-left swipe">icon-left swipe</p>
<p class="icon-left lupe">icon-left lupe</p>
<p class="icon-left social">icon-left social</p>

<p class="icon-left settings">icon-left settings</p>
<p class="icon-left darkmode">icon-left darkmode</p>
<p class="icon-left lightmode">icon-left lightmode</p>
<p class="icon-left contrast">icon-left contrast</p>
<p class="icon-left scale-font">icon-left scale-font</p>
<p class="icon-left reduced-motion">icon-left reduced-motion</p>

<p class="icon-left filter">icon-left filter</p>

</div>
<div class="item">
<p class="icon-left arrow-1">icon-left arrow-1</p>
<p class="icon-left arrow-2">icon-left arrow-2</p>
<p class="icon-left arrow-3">icon-left arrow-3</p>
<p class="icon-left arrow-4">icon-left arrow-4</p>
<p class="icon-left arrow-5">icon-left arrow-5</p>
<p class="icon-left arrow-6">icon-left arrow-6</p>
<p class="icon-left arrow-7">icon-left arrow-7</p>
</div>
</div>



<h2>Kontakt</h2>

<div class="two-cols">
<div class="item">
<p class="icon-left pin">icon-left pin</p>

<p class="icon-left map">icon-left map</p>

<p class="icon-left web">icon-left web</p>

<p class="icon-left mail">icon-left mail</p>

<p class="icon-left clock">icon-left clock</p>

<p class="icon-left fax">icon-left fax</p>

</div>
<div class="item">
<p class="icon-left phone">icon-left phone</p>

<p class="icon-left mobil">icon-left mobil</p>

<p class="icon-left chat">icon-left chat</p>

<p class="icon-left calendar">icon-left calendar</p>

<p class="icon-left haus">icon-left haus</p>
</div>
</div>

<h2>Vorbestellen</h2>

<div class="two-cols">
<div class="item">
<p class="icon-left rezept">icon-left rezept</p>

<p class="icon-left foto">icon-left foto</p>

<p class="icon-left pills">icon-left pills</p>

<p class="icon-left pill">icon-left pill</p>

<p class="icon-left egk">icon-left egk</p>

<p class="icon-left erezept-app">icon-left erezept-app</p>

<p class="icon-left cardlink">icon-left cardlink</p>

<p class="icon-left erezept">icon-left erezept</p>
</div>
<div class="item">
<p class="icon-left app">icon-left app</p>

<p class="icon-left formular">icon-left formular</p>

<p class="icon-left shop">icon-left shop</p>


</div>
</div>

<h2>Apotheken Service</h2>

<div class="two-cols">
<div class="item">
<p class="icon-left vorsorge">icon-left vorsorge</p>

<p class="icon-left bote">icon-left bote</p>

<p class="icon-left anmessen">icon-left anmessen</p>

<p class="icon-left weed">icon-left weed</p>

<p class="icon-left kosmetik-2">icon-left kosmetik-2</p>

</div>
<div class="item">
<p class="icon-left verleih">icon-left verleih</p>

<p class="icon-left card">icon-left card</p>

<p class="icon-left zeitschrift">icon-left zeitschrift</p>

<p class="icon-left kosmetik">icon-left kosmetik</p>

<p class="icon-left kosmetik-3">icon-left kosmetik-3</p>
</div>
</div>

<h2>Social Media / Firmen</h2>
<div class="two-cols">
<div class="item">
<p class="icon-left facebook">icon-left facebook</p>

<p class="icon-left instagram">icon-left instagram</p>

<p class="icon-left whatsapp">icon-left whatsapp</p>

<p class="icon-left vimeo">icon-left vimeo</p>

<p class="icon-left tiktok">icon-left tiktok</p>

<p class="icon-left telegram">icon-left telegram </p>
</div>
<div class="item">
<p class="icon-left google">icon-left google</p>

<p class="icon-left youtube">icon-left youtube</p>

<p class="icon-left twitter">icon-left twitter</p>

<p class="icon-left linkedin">icon-left linkedin</p>

<p class="icon-left jameda">icon-left jameda</p>

<p class="icon-left apple">icon-left apple</p>

<p class="icon-left playstore">icon-left playstore</p>
</div>
</div>

<h2>Medizinische Icons</h2>

<div class="two-cols">
<div class="item">
<p class="icon-left stethoskop">icon-left stethoskop</p>
<p class="icon-left spritze">icon-left spritze</p>
<p class="icon-left pflaster">icon-left pflaster</p>
<p class="icon-left krebs">icon-left krebs</p>
<p class="icon-left labor">icon-left labor</p>
<p class="icon-left blut">icon-left blut</p>
<p class="icon-left moerser">icon-left moerser</p>
<p class="icon-left asthma">icon-left asthma</p>
<p class="icon-left koffer">icon-left koffer</p>
<p class="icon-left op">icon-left op</p>
<p class="icon-left ekg">icon-left ekg</p>
<p class="icon-left thermometer">icon-left thermometer</p>
<p class="icon-left infusion">icon-left infusion</p>
<p class="icon-left aesculap">icon-left aesculap</p>
<p class="icon-left krankenhaus">icon-left krankenhaus</p>
<p class="icon-left schwanger">icon-left schwanger</p>
<p class="icon-left herz">icon-left herz</p>
<p class="icon-left kreuz">icon-left kreuz</p>
</div>
<div class="item">
<p class="icon-left xray">icon-left xray</p>
<p class="icon-left arzt">icon-left arzt</p>
<p class="icon-left tcm">icon-left tcm</p>
<p class="icon-left akupunktur">icon-left akupunktur</p>
<p class="icon-left uebergewicht">icon-left uebergewicht</p>
<p class="icon-left bluthochdruck">icon-left bluthochdruck</p>
<p class="icon-left blutdruck">icon-left blutdruck</p>
<p class="icon-left fetter-mensch">icon-left fetter-mensch</p>
<p class="icon-left cholesterinwerte">icon-left cholesterinwerte</p>
<p class="icon-left zwillinge">icon-left zwillinge</p>
<p class="icon-left fettes-kind">icon-left fettes-kind</p>
<p class="icon-left verwandte">icon-left verwandte</p>
<p class="icon-left muedigkeit">icon-left muedigkeit</p>
<p class="icon-left juckreiz">icon-left juckreiz</p>
<p class="icon-left sehschwaeche">icon-left sehschwaeche</p>
<p class="icon-left harndrang">icon-left harndrang</p>
<p class="icon-left konzen­trations­­schwierig­keiten">icon-left konzen­trations­­schwierig­keiten</p>
<p class="icon-left durst">icon-left durst</p>
<p class="icon-left pflege">icon-left pflege</p>
<p class="icon-left no-smoking">icon-left no-smoking</p>
</div>
</div>


<h2>Zahnarzt</h2>

<div class="two-cols">
<div class="item">
<p class="icon-left zahn">icon-left zahn</p>

<p class="icon-left karies">icon-left karies</p>

<p class="icon-left fuellung">icon-left fuellung</p>

<p class="icon-left zahnwurzel">icon-left zahnwurzel</p>

<p class="icon-left smile">icon-left smile</p>

<p class="icon-left zahnspange">icon-left zahnspange</p>

<p class="icon-left zahnschutz">icon-left zahnschutz</p>
</div>
<div class="item">
<p class="icon-left zahncheck">icon-left zahncheck</p>

<p class="icon-left implantat">icon-left implantat</p>

<p class="icon-left krone">icon-left krone</p>

<p class="icon-left xray-zahn">icon-left xray-zahn</p>

<p class="icon-left zahnstuhl">icon-left zahnstuhl</p>

<p class="icon-left zahnwerkzeug">icon-left zahnwerkzeug</p>

<p class="icon-left zahnbuerste">icon-left zahnbuerste</p>
</div>
</div>

<h2>Ästhetische Medizin</h2>

<div class="two-cols">
<div class="item">
<p class="icon-left pain">icon-left pain</p>
<p class="icon-left beine">icon-left beine</p>
<p class="icon-left bikinizone">icon-left bikinizone</p>
<p class="icon-left achsel">icon-left achsel</p>
<p class="icon-left ruecken">icon-left ruecken</p>
<p class="icon-left torso">icon-left torso</p>
<p class="icon-left ellenbogen">icon-left ellenbogen</p>
<p class="icon-left nase">icon-left nase</p>
<p class="icon-left gesicht">icon-left gesicht</p>
<p class="icon-left mund">icon-left mund</p>
<p class="icon-left auge">icon-left auge</p>
<p class="icon-left hand">icon-left hand</p>
<p class="icon-left laser">icon-left laser</p>
<p class="icon-left haarentfernung">icon-left haarentfernung</p>
</div>
<div class="item">

</div>
</div>

<h2>Sonstiges</h2>

<div class="two-cols">
<div class="item">

<p class="icon-left translate">icon-left translate</p>
<p class="icon-left angebote">icon-left angebote</p>
<p class="icon-left star">icon-left star</p>
<p class="icon-left person">icon-left person</p>
<p class="icon-left corona-test">icon-left corona-test</p>
<p class="icon-left corona-pcr">icon-left corona-pcr</p>
<p class="icon-left car">icon-left car</p>
<p class="icon-left dos">icon-left dos</p>
<p class="icon-left donts">icon-left donts</p>
<p class="icon-left music-note">icon-left music-note</p>
<p class="icon-left person-safety">icon-left person-safety</p>
</div>

<div class="item">
<p class="icon-left behindert">icon-left behindert</p>
<p class="icon-left sale">icon-left sale</p>
<p class="icon-left team">icon-left team</p>
<p class="icon-left corona-maske">icon-left corona-maske</p>
<p class="icon-left corona-immun">icon-left corona-immun</p>
<p class="icon-left parken">icon-left parken</p>
<p class="icon-left bus">icon-left bus</p>
<p class="icon-left weight">icon-left weight</p>
<p class="icon-left size">icon-left size</p>
<p class="icon-left tv">icon-left tv</p>
<p class="icon-left hundpfote">icon-left hundpfote</p>
<p class="icon-left fahrrad">icon-left fahrrad </p>
<p class="icon-left five-stars">icon-left five-stars</p>
<p class="icon-left entertainment">icon-left entertainment </p>
<p class="icon-left hammer-meisel">icon-left hammer-meisel</p>
</div>
</div>

<h2>Zimmer / Ausstattung</h2>

<div class="item">

<p class="icon-left nichtraucher">icon-left nichtraucher </p>
<p class="icon-left doppelbett">icon-left doppelbett</p>
<p class="icon-left dusche">icon-left dusche</p>
<p class="icon-left waermegeraet">icon-left waermegeraet </p>
<p class="icon-left foehn">icon-left foehn </p>
</div>
<div class="item">
<p class="icon-left kosmetikspiegel">icon-left kosmetikspiegel </p>
<p class="icon-left koerperspiegel">icon-left koerperspiegel </p>
<p class="icon-left lock">icon-left lock </p>
<p class="icon-left wlan">icon-left wlan </p>
<p class="icon-left kinderbett">icon-left kinderbett </p>
<p class="icon-left babybett">icon-left babybett </p>
<p class="icon-left kabel-strom">icon-left kabel-strom</p>
<p class="icon-left eco-strom">icon-left eco-strom</p>
</div>
</div>

<h2>Mutter &#038; Kind</h2>

<div class="two-cols">
<div class="item">
<p class="icon-left foetus">icon-left foetus</p>
<p class="icon-left wasser">icon-left wasser</p>
<p class="icon-left plazenta">icon-left plazenta</p>
</div>
<div class="item">
<p class="icon-left gbmutter">icon-left gbmutter</p>
<p class="icon-left brust">icon-left brust</p>
<p class="icon-left wasseinl">icon-left wasseinl</p>
</div>
</div>


<h2>Jobs</h2>

<div class="two-cols">
<div class="item">

<p class="icon-left money-bag">icon-left money-bag</p>
<p class="icon-left money-calendar">icon-left money-calendar</p>
<p class="icon-left team-stars">icon-left team-stars</p>
<p class="icon-left team-family">icon-left team-family</p>
<p class="icon-left beam-balance">icon-left beam-balance</p>
<p class="icon-left team-flat">icon-left team-flat</p>
</div>
<div class="item">

<p class="icon-left team-idea">icon-left team-idea</p>
<p class="icon-left brain-idea">icon-left brain-idea</p>
<p class="icon-left clipboard">icon-left clipboard</p>
<p class="icon-left speech-bubbles">icon-left speech-bubbles</p>
<p class="icon-left team-talk">icon-left team-talk</p>
<p class="icon-left team-seal">icon-left team-seal</p>
</div>
</div>

<h2>Essen &#038; Trinken</h2>
<div class="two-cols">
<div class="item">
<p class="icon-left fast-food">icon-left fast-food</p>
<p class="icon-left vegan">icon-left vegan</p>
<p class="icon-left soup">icon-left soup</p>
<p class="icon-left plate">icon-left plate</p>
<p class="icon-left fruit">icon-left fruit</p>

</div>
<div class="item">
<p class="icon-left grill">icon-left grill</p>
<p class="icon-left beer">icon-left beer</p>
<p class="icon-left soft-drink">icon-left  soft-drink</p>
<p class="icon-left wine">icon-left wine</p>
</div>
</div>