npm package: @komposit/icons
Description: decathlon icons for your front-end project, in various formats
Latest version: 2.0.8
Deprecated: @komposit/icons code do not exist anymore and has been migrated into @vtmn/icons (june 2020 see 0c8f066626fe2a132edcb27110ec8b0a09bb63b8), you should migrate those to @vtmn/icons even if the two do not match exactly, you will have manual change to do, sorry.

# `@komposit/icons`

[![npm](https://img.shields.io/npm/v/@komposit/icons)](https://www.npmjs.com/package/@komposit/icons)

> Package exposing all the official SVG icons

## About

This package extracts all Decathlon icons from the designers *library* (`.sketch` file).

## Usage :

```sh
npm install @komposit/icons
```

According to your needs, your constraints and your browser support, you can :
* use the svg icons "as-is" in your project (inline use)
* generate a font-icon or an svg sprite
* use a pre-made sprite with all the icons

**The configuration of your build tool / bundler is at your discretion.**
You can use Webpack, Rollup, Parcel, Gulp...

Guidelines and implementation overview : https://fvsch.com/svg-icons/

### Inline use

*Use inline (svg embedded in html) when rendering speed matters*
(e.g. icons at top of the page).
**Drawback : you will loose caching** ☹️

**Links :**
(principle) https://css-tricks.com/pretty-good-svg-icon-system/
(webpack-loader) https://webpack.js.org/loaders/svg-inline-loader/#root

### SVG Sprite

*Use svg sprites for icons sytems.*
You can reference the sprite in HTML (`use` directive) or in CSS.
Prefer an external file (cacheable).

**Links :**
(webpack plugin) https://github.com/JetBrains/svg-sprite-loader/
(node JS toolset, postCSS, etc.) https://github.com/JetBrains/svg-mixer


### Premade sprite

*Use premade sprite if your scope is corporate apps (not public facing)*
If you don't want the complexity involved with a webperf-focused build system.


## Icon list :

<!-- generated:icons-list:start -->

<h3>arrows</h3>
<table>
<tr><td>arrow1_down</td>
<td><img alt="icon arrow1_down" src="svg/arrows/arrows-arrow1_down.svg">
<small><code>@komposit/icons/dist/svg/arrows/arrows-arrow1_down.svg</code></small></td>
</tr><tr><td>arrow1_left</td>
<td><img alt="icon arrow1_left" src="svg/arrows/arrows-arrow1_left.svg">
<small><code>@komposit/icons/dist/svg/arrows/arrows-arrow1_left.svg</code></small></td>
</tr><tr><td>arrow1_right</td>
<td><img alt="icon arrow1_right" src="svg/arrows/arrows-arrow1_right.svg">
<small><code>@komposit/icons/dist/svg/arrows/arrows-arrow1_right.svg</code></small></td>
</tr><tr><td>arrow1_up</td>
<td><img alt="icon arrow1_up" src="svg/arrows/arrows-arrow1_up.svg">
<small><code>@komposit/icons/dist/svg/arrows/arrows-arrow1_up.svg</code></small></td>
</tr><tr><td>arrow2_down</td>
<td><img alt="icon arrow2_down" src="svg/arrows/arrows-arrow2_down.svg">
<small><code>@komposit/icons/dist/svg/arrows/arrows-arrow2_down.svg</code></small></td>
</tr><tr><td>arrow2_left</td>
<td><img alt="icon arrow2_left" src="svg/arrows/arrows-arrow2_left.svg">
<small><code>@komposit/icons/dist/svg/arrows/arrows-arrow2_left.svg</code></small></td>
</tr><tr><td>arrow2_right</td>
<td><img alt="icon arrow2_right" src="svg/arrows/arrows-arrow2_right.svg">
<small><code>@komposit/icons/dist/svg/arrows/arrows-arrow2_right.svg</code></small></td>
</tr><tr><td>arrow2_up</td>
<td><img alt="icon arrow2_up" src="svg/arrows/arrows-arrow2_up.svg">
<small><code>@komposit/icons/dist/svg/arrows/arrows-arrow2_up.svg</code></small></td>
</tr><tr><td>download</td>
<td><img alt="icon download" src="svg/arrows/arrows-download.svg">
<small><code>@komposit/icons/dist/svg/arrows/arrows-download.svg</code></small></td>
</tr><tr><td>scroll_down</td>
<td><img alt="icon scroll_down" src="svg/arrows/arrows-scroll_down.svg">
<small><code>@komposit/icons/dist/svg/arrows/arrows-scroll_down.svg</code></small></td>
</tr>
</table><h3>delivery</h3>
<table>
<tr><td>home_delivery</td>
<td><img alt="icon home_delivery" src="svg/delivery/delivery-home_delivery.svg">
<small><code>@komposit/icons/dist/svg/delivery/delivery-home_delivery.svg</code></small></td>
</tr><tr><td>pickup_1h</td>
<td><img alt="icon pickup_1h" src="svg/delivery/delivery-pickup_1h.svg">
<small><code>@komposit/icons/dist/svg/delivery/delivery-pickup_1h.svg</code></small></td>
</tr><tr><td>pickup_relay</td>
<td><img alt="icon pickup_relay" src="svg/delivery/delivery-pickup_relay.svg">
<small><code>@komposit/icons/dist/svg/delivery/delivery-pickup_relay.svg</code></small></td>
</tr><tr><td>pickup_store</td>
<td><img alt="icon pickup_store" src="svg/delivery/delivery-pickup_store.svg">
<small><code>@komposit/icons/dist/svg/delivery/delivery-pickup_store.svg</code></small></td>
</tr><tr><td>purchase</td>
<td><img alt="icon purchase" src="svg/delivery/delivery-purchase.svg">
<small><code>@komposit/icons/dist/svg/delivery/delivery-purchase.svg</code></small></td>
</tr><tr><td>ship_from_store</td>
<td><img alt="icon ship_from_store" src="svg/delivery/delivery-ship_from_store.svg">
<small><code>@komposit/icons/dist/svg/delivery/delivery-ship_from_store.svg</code></small></td>
</tr>
</table><h3>forms</h3>
<table>
<tr><td>attachement</td>
<td><img alt="icon attachement" src="svg/forms/forms-attachement.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-attachement.svg</code></small></td>
</tr><tr><td>checkbox_off</td>
<td><img alt="icon checkbox_off" src="svg/forms/forms-checkbox_off.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-checkbox_off.svg</code></small></td>
</tr><tr><td>checkbox_on</td>
<td><img alt="icon checkbox_on" src="svg/forms/forms-checkbox_on.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-checkbox_on.svg</code></small></td>
</tr><tr><td>close</td>
<td><img alt="icon close" src="svg/forms/forms-close.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-close.svg</code></small></td>
</tr><tr><td>cross</td>
<td><img alt="icon cross" src="svg/forms/forms-cross.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-cross.svg</code></small></td>
</tr><tr><td>cross_rounded</td>
<td><img alt="icon cross_rounded" src="svg/forms/forms-cross_rounded.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-cross_rounded.svg</code></small></td>
</tr><tr><td>delete</td>
<td><img alt="icon delete" src="svg/forms/forms-delete.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-delete.svg</code></small></td>
</tr><tr><td>document</td>
<td><img alt="icon document" src="svg/forms/forms-document.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-document.svg</code></small></td>
</tr><tr><td>edit</td>
<td><img alt="icon edit" src="svg/forms/forms-edit.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-edit.svg</code></small></td>
</tr><tr><td>edit_equal</td>
<td><img alt="icon edit_equal" src="svg/forms/forms-edit_equal.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-edit_equal.svg</code></small></td>
</tr><tr><td>edit_minus</td>
<td><img alt="icon edit_minus" src="svg/forms/forms-edit_minus.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-edit_minus.svg</code></small></td>
</tr><tr><td>edit_plus</td>
<td><img alt="icon edit_plus" src="svg/forms/forms-edit_plus.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-edit_plus.svg</code></small></td>
</tr><tr><td>eye_off</td>
<td><img alt="icon eye_off" src="svg/forms/forms-eye_off.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-eye_off.svg</code></small></td>
</tr><tr><td>eye_on</td>
<td><img alt="icon eye_on" src="svg/forms/forms-eye_on.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-eye_on.svg</code></small></td>
</tr><tr><td>login</td>
<td><img alt="icon login" src="svg/forms/forms-login.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-login.svg</code></small></td>
</tr><tr><td>printer</td>
<td><img alt="icon printer" src="svg/forms/forms-printer.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-printer.svg</code></small></td>
</tr><tr><td>radio_off</td>
<td><img alt="icon radio_off" src="svg/forms/forms-radio_off.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-radio_off.svg</code></small></td>
</tr><tr><td>radio_on</td>
<td><img alt="icon radio_on" src="svg/forms/forms-radio_on.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-radio_on.svg</code></small></td>
</tr><tr><td>valid</td>
<td><img alt="icon valid" src="svg/forms/forms-valid.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-valid.svg</code></small></td>
</tr><tr><td>valid_rounded</td>
<td><img alt="icon valid_rounded" src="svg/forms/forms-valid_rounded.svg">
<small><code>@komposit/icons/dist/svg/forms/forms-valid_rounded.svg</code></small></td>
</tr>
</table><h3>media</h3>
<table>
<tr><td>desktop</td>
<td><img alt="icon desktop" src="svg/media/media-desktop.svg">
<small><code>@komposit/icons/dist/svg/media/media-desktop.svg</code></small></td>
</tr><tr><td>image</td>
<td><img alt="icon image" src="svg/media/media-image.svg">
<small><code>@komposit/icons/dist/svg/media/media-image.svg</code></small></td>
</tr><tr><td>mobile</td>
<td><img alt="icon mobile" src="svg/media/media-mobile.svg">
<small><code>@komposit/icons/dist/svg/media/media-mobile.svg</code></small></td>
</tr><tr><td>music</td>
<td><img alt="icon music" src="svg/media/media-music.svg">
<small><code>@komposit/icons/dist/svg/media/media-music.svg</code></small></td>
</tr><tr><td>picture</td>
<td><img alt="icon picture" src="svg/media/media-picture.svg">
<small><code>@komposit/icons/dist/svg/media/media-picture.svg</code></small></td>
</tr><tr><td>player_fullscreen</td>
<td><img alt="icon player_fullscreen" src="svg/media/media-player_fullscreen.svg">
<small><code>@komposit/icons/dist/svg/media/media-player_fullscreen.svg</code></small></td>
</tr><tr><td>player_pause</td>
<td><img alt="icon player_pause" src="svg/media/media-player_pause.svg">
<small><code>@komposit/icons/dist/svg/media/media-player_pause.svg</code></small></td>
</tr><tr><td>player_play</td>
<td><img alt="icon player_play" src="svg/media/media-player_play.svg">
<small><code>@komposit/icons/dist/svg/media/media-player_play.svg</code></small></td>
</tr><tr><td>player_replay</td>
<td><img alt="icon player_replay" src="svg/media/media-player_replay.svg">
<small><code>@komposit/icons/dist/svg/media/media-player_replay.svg</code></small></td>
</tr><tr><td>slider_dot_blue</td>
<td><img alt="icon slider_dot_blue" src="svg/media/media-slider_dot_blue.svg">
<small><code>@komposit/icons/dist/svg/media/media-slider_dot_blue.svg</code></small></td>
</tr><tr><td>sound_0</td>
<td><img alt="icon sound_0" src="svg/media/media-sound_0.svg">
<small><code>@komposit/icons/dist/svg/media/media-sound_0.svg</code></small></td>
</tr><tr><td>sound_1</td>
<td><img alt="icon sound_1" src="svg/media/media-sound_1.svg">
<small><code>@komposit/icons/dist/svg/media/media-sound_1.svg</code></small></td>
</tr><tr><td>sound_2</td>
<td><img alt="icon sound_2" src="svg/media/media-sound_2.svg">
<small><code>@komposit/icons/dist/svg/media/media-sound_2.svg</code></small></td>
</tr><tr><td>sound_3</td>
<td><img alt="icon sound_3" src="svg/media/media-sound_3.svg">
<small><code>@komposit/icons/dist/svg/media/media-sound_3.svg</code></small></td>
</tr><tr><td>video</td>
<td><img alt="icon video" src="svg/media/media-video.svg">
<small><code>@komposit/icons/dist/svg/media/media-video.svg</code></small></td>
</tr>
</table><h3>payment</h3>
<table>
<tr><td>bill</td>
<td><img alt="icon bill" src="svg/payment/payment-bill.svg">
<small><code>@komposit/icons/dist/svg/payment/payment-bill.svg</code></small></td>
</tr><tr><td>credit_card</td>
<td><img alt="icon credit_card" src="svg/payment/payment-credit_card.svg">
<small><code>@komposit/icons/dist/svg/payment/payment-credit_card.svg</code></small></td>
</tr><tr><td>euro_card</td>
<td><img alt="icon euro_card" src="svg/payment/payment-euro_card.svg">
<small><code>@komposit/icons/dist/svg/payment/payment-euro_card.svg</code></small></td>
</tr><tr><td>express_checkout</td>
<td><img alt="icon express_checkout" src="svg/payment/payment-express_checkout.svg">
<small><code>@komposit/icons/dist/svg/payment/payment-express_checkout.svg</code></small></td>
</tr><tr><td>giftcard</td>
<td><img alt="icon giftcard" src="svg/payment/payment-giftcard.svg">
<small><code>@komposit/icons/dist/svg/payment/payment-giftcard.svg</code></small></td>
</tr><tr><td>i_payment</td>
<td><img alt="icon i_payment" src="svg/payment/payment-i_payment.svg">
<small><code>@komposit/icons/dist/svg/payment/payment-i_payment.svg</code></small></td>
</tr><tr><td>payment</td>
<td><img alt="icon payment" src="svg/payment/payment-payment.svg">
<small><code>@komposit/icons/dist/svg/payment/payment-payment.svg</code></small></td>
</tr><tr><td>promo</td>
<td><img alt="icon promo" src="svg/payment/payment-promo.svg">
<small><code>@komposit/icons/dist/svg/payment/payment-promo.svg</code></small></td>
</tr><tr><td>secured_payment</td>
<td><img alt="icon secured_payment" src="svg/payment/payment-secured_payment.svg">
<small><code>@komposit/icons/dist/svg/payment/payment-secured_payment.svg</code></small></td>
</tr><tr><td>wechat_pay</td>
<td><img alt="icon wechat_pay" src="svg/payment/payment-wechat_pay.svg">
<small><code>@komposit/icons/dist/svg/payment/payment-wechat_pay.svg</code></small></td>
</tr>
</table><h3>privacy</h3>
<table>
<tr><td>approval</td>
<td><img alt="icon approval" src="svg/privacy/privacy-approval.svg">
<small><code>@komposit/icons/dist/svg/privacy/privacy-approval.svg</code></small></td>
</tr><tr><td>data_time</td>
<td><img alt="icon data_time" src="svg/privacy/privacy-data_time.svg">
<small><code>@komposit/icons/dist/svg/privacy/privacy-data_time.svg</code></small></td>
</tr><tr><td>decision</td>
<td><img alt="icon decision" src="svg/privacy/privacy-decision.svg">
<small><code>@komposit/icons/dist/svg/privacy/privacy-decision.svg</code></small></td>
</tr><tr><td>legal_base</td>
<td><img alt="icon legal_base" src="svg/privacy/privacy-legal_base.svg">
<small><code>@komposit/icons/dist/svg/privacy/privacy-legal_base.svg</code></small></td>
</tr><tr><td>out_europe</td>
<td><img alt="icon out_europe" src="svg/privacy/privacy-out_europe.svg">
<small><code>@komposit/icons/dist/svg/privacy/privacy-out_europe.svg</code></small></td>
</tr><tr><td>purpose</td>
<td><img alt="icon purpose" src="svg/privacy/privacy-purpose.svg">
<small><code>@komposit/icons/dist/svg/privacy/privacy-purpose.svg</code></small></td>
</tr><tr><td>resp</td>
<td><img alt="icon resp" src="svg/privacy/privacy-resp.svg">
<small><code>@komposit/icons/dist/svg/privacy/privacy-resp.svg</code></small></td>
</tr><tr><td>security</td>
<td><img alt="icon security" src="svg/privacy/privacy-security.svg">
<small><code>@komposit/icons/dist/svg/privacy/privacy-security.svg</code></small></td>
</tr>
</table><h3>products</h3>
<table>
<tr><td>360</td>
<td><img alt="icon 360" src="svg/products/products-360.svg">
<small><code>@komposit/icons/dist/svg/products/products-360.svg</code></small></td>
</tr><tr><td>clothes</td>
<td><img alt="icon clothes" src="svg/products/products-clothes.svg">
<small><code>@komposit/icons/dist/svg/products/products-clothes.svg</code></small></td>
</tr><tr><td>size_guide</td>
<td><img alt="icon size_guide" src="svg/products/products-size_guide.svg">
<small><code>@komposit/icons/dist/svg/products/products-size_guide.svg</code></small></td>
</tr><tr><td>sizes</td>
<td><img alt="icon sizes" src="svg/products/products-sizes.svg">
<small><code>@komposit/icons/dist/svg/products/products-sizes.svg</code></small></td>
</tr><tr><td>technicity</td>
<td><img alt="icon technicity" src="svg/products/products-technicity.svg">
<small><code>@komposit/icons/dist/svg/products/products-technicity.svg</code></small></td>
</tr>
</table><h3>reviews</h3>
<table>
<tr><td>bad_mood</td>
<td><img alt="icon bad_mood" src="svg/reviews/reviews-bad_mood.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-bad_mood.svg</code></small></td>
</tr><tr><td>happy</td>
<td><img alt="icon happy" src="svg/reviews/reviews-happy.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-happy.svg</code></small></td>
</tr><tr><td>heart</td>
<td><img alt="icon heart" src="svg/reviews/reviews-heart.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-heart.svg</code></small></td>
</tr><tr><td>heart_full</td>
<td><img alt="icon heart_full" src="svg/reviews/reviews-heart_full.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-heart_full.svg</code></small></td>
</tr><tr><td>neutral</td>
<td><img alt="icon neutral" src="svg/reviews/reviews-neutral.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-neutral.svg</code></small></td>
</tr><tr><td>opinion</td>
<td><img alt="icon opinion" src="svg/reviews/reviews-opinion.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-opinion.svg</code></small></td>
</tr><tr><td>rage_face</td>
<td><img alt="icon rage_face" src="svg/reviews/reviews-rage_face.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-rage_face.svg</code></small></td>
</tr><tr><td>smile</td>
<td><img alt="icon smile" src="svg/reviews/reviews-smile.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-smile.svg</code></small></td>
</tr><tr><td>star_empty</td>
<td><img alt="icon star_empty" src="svg/reviews/reviews-star_empty.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-star_empty.svg</code></small></td>
</tr><tr><td>star_full</td>
<td><img alt="icon star_full" src="svg/reviews/reviews-star_full.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-star_full.svg</code></small></td>
</tr><tr><td>thumb_down</td>
<td><img alt="icon thumb_down" src="svg/reviews/reviews-thumb_down.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-thumb_down.svg</code></small></td>
</tr><tr><td>thumb_up</td>
<td><img alt="icon thumb_up" src="svg/reviews/reviews-thumb_up.svg">
<small><code>@komposit/icons/dist/svg/reviews/reviews-thumb_up.svg</code></small></td>
</tr>
</table><h3>services</h3>
<table>
<tr><td>badge</td>
<td><img alt="icon badge" src="svg/services/services-badge.svg">
<small><code>@komposit/icons/dist/svg/services/services-badge.svg</code></small></td>
</tr><tr><td>chat</td>
<td><img alt="icon chat" src="svg/services/services-chat.svg">
<small><code>@komposit/icons/dist/svg/services/services-chat.svg</code></small></td>
</tr><tr><td>clock</td>
<td><img alt="icon clock" src="svg/services/services-clock.svg">
<small><code>@komposit/icons/dist/svg/services/services-clock.svg</code></small></td>
</tr><tr><td>decathlon_card</td>
<td><img alt="icon decathlon_card" src="svg/services/services-decathlon_card.svg">
<small><code>@komposit/icons/dist/svg/services/services-decathlon_card.svg</code></small></td>
</tr><tr><td>documents</td>
<td><img alt="icon documents" src="svg/services/services-documents.svg">
<small><code>@komposit/icons/dist/svg/services/services-documents.svg</code></small></td>
</tr><tr><td>exchange_return</td>
<td><img alt="icon exchange_return" src="svg/services/services-exchange_return.svg">
<small><code>@komposit/icons/dist/svg/services/services-exchange_return.svg</code></small></td>
</tr><tr><td>funding</td>
<td><img alt="icon funding" src="svg/services/services-funding.svg">
<small><code>@komposit/icons/dist/svg/services/services-funding.svg</code></small></td>
</tr><tr><td>gift</td>
<td><img alt="icon gift" src="svg/services/services-gift.svg">
<small><code>@komposit/icons/dist/svg/services/services-gift.svg</code></small></td>
</tr><tr><td>info</td>
<td><img alt="icon info" src="svg/services/services-info.svg">
<small><code>@komposit/icons/dist/svg/services/services-info.svg</code></small></td>
</tr><tr><td>insurance</td>
<td><img alt="icon insurance" src="svg/services/services-insurance.svg">
<small><code>@komposit/icons/dist/svg/services/services-insurance.svg</code></small></td>
</tr><tr><td>itinerary</td>
<td><img alt="icon itinerary" src="svg/services/services-itinerary.svg">
<small><code>@komposit/icons/dist/svg/services/services-itinerary.svg</code></small></td>
</tr><tr><td>maintain</td>
<td><img alt="icon maintain" src="svg/services/services-maintain.svg">
<small><code>@komposit/icons/dist/svg/services/services-maintain.svg</code></small></td>
</tr><tr><td>perso</td>
<td><img alt="icon perso" src="svg/services/services-perso.svg">
<small><code>@komposit/icons/dist/svg/services/services-perso.svg</code></small></td>
</tr><tr><td>repair</td>
<td><img alt="icon repair" src="svg/services/services-repair.svg">
<small><code>@komposit/icons/dist/svg/services/services-repair.svg</code></small></td>
</tr><tr><td>stamp</td>
<td><img alt="icon stamp" src="svg/services/services-stamp.svg">
<small><code>@komposit/icons/dist/svg/services/services-stamp.svg</code></small></td>
</tr><tr><td>test_buy</td>
<td><img alt="icon test_buy" src="svg/services/services-test_buy.svg">
<small><code>@komposit/icons/dist/svg/services/services-test_buy.svg</code></small></td>
</tr><tr><td>warranty</td>
<td><img alt="icon warranty" src="svg/services/services-warranty.svg">
<small><code>@komposit/icons/dist/svg/services/services-warranty.svg</code></small></td>
</tr>
</table><h3>social</h3>
<table>
<tr><td>facebook</td>
<td><img alt="icon facebook" src="svg/social/social-facebook.svg">
<small><code>@komposit/icons/dist/svg/social/social-facebook.svg</code></small></td>
</tr><tr><td>googleplus</td>
<td><img alt="icon googleplus" src="svg/social/social-googleplus.svg">
<small><code>@komposit/icons/dist/svg/social/social-googleplus.svg</code></small></td>
</tr><tr><td>instagram</td>
<td><img alt="icon instagram" src="svg/social/social-instagram.svg">
<small><code>@komposit/icons/dist/svg/social/social-instagram.svg</code></small></td>
</tr><tr><td>pinterest</td>
<td><img alt="icon pinterest" src="svg/social/social-pinterest.svg">
<small><code>@komposit/icons/dist/svg/social/social-pinterest.svg</code></small></td>
</tr><tr><td>share</td>
<td><img alt="icon share" src="svg/social/social-share.svg">
<small><code>@komposit/icons/dist/svg/social/social-share.svg</code></small></td>
</tr><tr><td>twitter</td>
<td><img alt="icon twitter" src="svg/social/social-twitter.svg">
<small><code>@komposit/icons/dist/svg/social/social-twitter.svg</code></small></td>
</tr><tr><td>youtube</td>
<td><img alt="icon youtube" src="svg/social/social-youtube.svg">
<small><code>@komposit/icons/dist/svg/social/social-youtube.svg</code></small></td>
</tr>
</table><h3>standard</h3>
<table>
<tr><td>account</td>
<td><img alt="icon account" src="svg/standard/standard-account.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-account.svg</code></small></td>
</tr><tr><td>agenda</td>
<td><img alt="icon agenda" src="svg/standard/standard-agenda.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-agenda.svg</code></small></td>
</tr><tr><td>cart</td>
<td><img alt="icon cart" src="svg/standard/standard-cart.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-cart.svg</code></small></td>
</tr><tr><td>catalog</td>
<td><img alt="icon catalog" src="svg/standard/standard-catalog.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-catalog.svg</code></small></td>
</tr><tr><td>compare</td>
<td><img alt="icon compare" src="svg/standard/standard-compare.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-compare.svg</code></small></td>
</tr><tr><td>external_link</td>
<td><img alt="icon external_link" src="svg/standard/standard-external_link.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-external_link.svg</code></small></td>
</tr><tr><td>filter</td>
<td><img alt="icon filter" src="svg/standard/standard-filter.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-filter.svg</code></small></td>
</tr><tr><td>filter2</td>
<td><img alt="icon filter2" src="svg/standard/standard-filter2.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-filter2.svg</code></small></td>
</tr><tr><td>geolocalization</td>
<td><img alt="icon geolocalization" src="svg/standard/standard-geolocalization.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-geolocalization.svg</code></small></td>
</tr><tr><td>home</td>
<td><img alt="icon home" src="svg/standard/standard-home.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-home.svg</code></small></td>
</tr><tr><td>hourglass</td>
<td><img alt="icon hourglass" src="svg/standard/standard-hourglass.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-hourglass.svg</code></small></td>
</tr><tr><td>lock</td>
<td><img alt="icon lock" src="svg/standard/standard-lock.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-lock.svg</code></small></td>
</tr><tr><td>mail</td>
<td><img alt="icon mail" src="svg/standard/standard-mail.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-mail.svg</code></small></td>
</tr><tr><td>menu</td>
<td><img alt="icon menu" src="svg/standard/standard-menu.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-menu.svg</code></small></td>
</tr><tr><td>notif_advice</td>
<td><img alt="icon notif_advice" src="svg/standard/standard-notif_advice.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-notif_advice.svg</code></small></td>
</tr><tr><td>notif_alert</td>
<td><img alt="icon notif_alert" src="svg/standard/standard-notif_alert.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-notif_alert.svg</code></small></td>
</tr><tr><td>notif_bell</td>
<td><img alt="icon notif_bell" src="svg/standard/standard-notif_bell.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-notif_bell.svg</code></small></td>
</tr><tr><td>notif_help</td>
<td><img alt="icon notif_help" src="svg/standard/standard-notif_help.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-notif_help.svg</code></small></td>
</tr><tr><td>notif_information</td>
<td><img alt="icon notif_information" src="svg/standard/standard-notif_information.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-notif_information.svg</code></small></td>
</tr><tr><td>pin</td>
<td><img alt="icon pin" src="svg/standard/standard-pin.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-pin.svg</code></small></td>
</tr><tr><td>search</td>
<td><img alt="icon search" src="svg/standard/standard-search.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-search.svg</code></small></td>
</tr><tr><td>sort</td>
<td><img alt="icon sort" src="svg/standard/standard-sort.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-sort.svg</code></small></td>
</tr><tr><td>store</td>
<td><img alt="icon store" src="svg/standard/standard-store.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-store.svg</code></small></td>
</tr><tr><td>submenu</td>
<td><img alt="icon submenu" src="svg/standard/standard-submenu.svg">
<small><code>@komposit/icons/dist/svg/standard/standard-submenu.svg</code></small></td>
</tr>
</table><h3>tiny_bold</h3>
<table>
<tr><td>arrow_down</td>
<td><img alt="icon arrow_down" src="svg/tiny_bold/tiny_bold-arrow_down.svg">
<small><code>@komposit/icons/dist/svg/tiny_bold/tiny_bold-arrow_down.svg</code></small></td>
</tr><tr><td>arrow_left</td>
<td><img alt="icon arrow_left" src="svg/tiny_bold/tiny_bold-arrow_left.svg">
<small><code>@komposit/icons/dist/svg/tiny_bold/tiny_bold-arrow_left.svg</code></small></td>
</tr><tr><td>arrow_right</td>
<td><img alt="icon arrow_right" src="svg/tiny_bold/tiny_bold-arrow_right.svg">
<small><code>@komposit/icons/dist/svg/tiny_bold/tiny_bold-arrow_right.svg</code></small></td>
</tr><tr><td>arrow_up</td>
<td><img alt="icon arrow_up" src="svg/tiny_bold/tiny_bold-arrow_up.svg">
<small><code>@komposit/icons/dist/svg/tiny_bold/tiny_bold-arrow_up.svg</code></small></td>
</tr><tr><td>cross</td>
<td><img alt="icon cross" src="svg/tiny_bold/tiny_bold-cross.svg">
<small><code>@komposit/icons/dist/svg/tiny_bold/tiny_bold-cross.svg</code></small></td>
</tr><tr><td>minus</td>
<td><img alt="icon minus" src="svg/tiny_bold/tiny_bold-minus.svg">
<small><code>@komposit/icons/dist/svg/tiny_bold/tiny_bold-minus.svg</code></small></td>
</tr><tr><td>plus</td>
<td><img alt="icon plus" src="svg/tiny_bold/tiny_bold-plus.svg">
<small><code>@komposit/icons/dist/svg/tiny_bold/tiny_bold-plus.svg</code></small></td>
</tr><tr><td>search</td>
<td><img alt="icon search" src="svg/tiny_bold/tiny_bold-search.svg">
<small><code>@komposit/icons/dist/svg/tiny_bold/tiny_bold-search.svg</code></small></td>
</tr><tr><td>valid</td>
<td><img alt="icon valid" src="svg/tiny_bold/tiny_bold-valid.svg">
<small><code>@komposit/icons/dist/svg/tiny_bold/tiny_bold-valid.svg</code></small></td>
</tr>
</table>
<!-- generated:icons-list:end -->