BAGS — Design System

Icons 

<!-- Badge -->
<span class="icon-placeholder "><i class="icon-badge"></i></span>


<!-- Search -->
<span class="icon-placeholder "><i class="icon-search"></i></span>


<!-- Bags -->
<span class="icon-placeholder "><i class="icon-bags"></i></span>


<!-- Bomb -->
<span class="icon-placeholder "><i class="icon-bomb"></i></span>


<!-- Cart -->
<span class="icon-placeholder "><i class="icon-cart"></i></span>


<!-- Check -->
<span class="icon-placeholder "><i class="icon-check"></i></span>


<!-- Check 2 -->
<span class="icon-placeholder "><i class="icon-check2"></i></span>


<!-- Check 4 -->
<span class="icon-placeholder "><i class="icon-check4"></i></span>


<!-- Checked -->
<span class="icon-placeholder "><i class="icon-checked"></i></span>


<!-- Clock -->
<span class="icon-placeholder "><i class="icon-clock"></i></span>


<!-- Euro -->
<span class="icon-placeholder "><i class="icon-euro"></i></span>


<!-- Form Checked -->
<span class="icon-placeholder "><i class="icon-form-checked"></i></span>


<!-- Form Empty -->
<span class="icon-placeholder "><i class="icon-form-empty"></i></span>


<!-- Gift -->
<span class="icon-placeholder "><i class="icon-gift"></i></span>


<!-- Heart -->
<span class="icon-placeholder "><i class="icon-heart"></i></span>


<!-- Microfilter -->
<span class="icon-placeholder "><i class="icon-microfilter"></i></span>


<!-- Pic Clock -->
<span class="icon-placeholder "><i class="icon-pic-clock"></i></span>


<!-- Pic Closing -->
<span class="icon-placeholder "><i class="icon-pic-closing"></i></span>


<!-- Pic Filter -->
<span class="icon-placeholder "><i class="icon-pic-filter"></i></span>


<!-- Pic Join -->
<span class="icon-placeholder "><i class="icon-pic-join"></i></span>


<!-- Pic Magnify -->
<span class="icon-placeholder "><i class="icon-pic-magnify"></i></span>


<!-- Pic Space -->
<span class="icon-placeholder "><i class="icon-pic-space"></i></span>


<!-- Piggy -->
<span class="icon-placeholder "><i class="icon-piggy"></i></span>


<!-- Plus -->
<span class="icon-placeholder "><i class="icon-plus"></i></span>


<!-- Save Hand -->
<span class="icon-placeholder "><i class="icon-save-hand"></i></span>


<!-- Star -->
<span class="icon-placeholder "><i class="icon-star"></i></span>


<!-- Stopwatch 48 H -->
<span class="icon-placeholder "><i class="icon-stopwatch-48h"></i></span>


<!-- Thumbs Up -->
<span class="icon-placeholder "><i class="icon-thumbs_up"></i></span>


<!-- Transport -->
<span class="icon-placeholder "><i class="icon-transport"></i></span>


<!-- User -->
<span class="icon-placeholder "><i class="icon-user"></i></span>


<span class="icon-placeholder {{ class }}"><i class="icon-{{ image }}"></i></span>
 
/* Badge */
{
  "image": "badge"
}


/* Search */
{
  "image": "search"
}


/* Bags */
{
  "image": "bags"
}


/* Bomb */
{
  "image": "bomb"
}


/* Cart */
{
  "image": "cart"
}


/* Check */
{
  "image": "check"
}


/* Check 2 */
{
  "image": "check2"
}


/* Check 4 */
{
  "image": "check4"
}


/* Checked */
{
  "image": "checked"
}


/* Clock */
{
  "image": "clock"
}


/* Euro */
{
  "image": "euro"
}


/* Form Checked */
{
  "image": "form-checked"
}


/* Form Empty */
{
  "image": "form-empty"
}


/* Gift */
{
  "image": "gift"
}


/* Heart */
{
  "image": "heart"
}


/* Microfilter */
{
  "image": "microfilter"
}


/* Pic Clock */
{
  "image": "pic-clock"
}


/* Pic Closing */
{
  "image": "pic-closing"
}


/* Pic Filter */
{
  "image": "pic-filter"
}


/* Pic Join */
{
  "image": "pic-join"
}


/* Pic Magnify */
{
  "image": "pic-magnify"
}


/* Pic Space */
{
  "image": "pic-space"
}


/* Piggy */
{
  "image": "piggy"
}


/* Plus */
{
  "image": "plus"
}


/* Save Hand */
{
  "image": "save-hand"
}


/* Star */
{
  "image": "star"
}


/* Stopwatch 48 H */
{
  "image": "stopwatch-48h"
}


/* Thumbs Up */
{
  "image": "thumbs_up"
}


/* Transport */
{
  "image": "transport"
}


/* User */
{
  "image": "user"
}

No notes defined.