-
Notifications
You must be signed in to change notification settings - Fork 0
/
06-css-svg-icons.html
26 lines (25 loc) · 31.7 KB
/
06-css-svg-icons.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>DS Barebones | SVG Icons</title>
<meta name="description" content="Draft of DS structure">
<link rel="stylesheet" type="text/css" href="/style.css">
<link rel="stylesheet" type="text/css" href="/cookbook.css">
<link rel="preload" href="/assets/css/0.styles.d230a1b7.css" as="style"><link rel="preload" href="/assets/js/app.ffe7ce23.js" as="script"><link rel="preload" href="/assets/js/54.d04e0c53.js" as="script"><link rel="prefetch" href="/assets/js/1.bb0869bb.js"><link rel="prefetch" href="/assets/js/2.dda4c906.js"><link rel="prefetch" href="/assets/js/3.4448bd14.js"><link rel="prefetch" href="/assets/js/4.d7a8c37c.js"><link rel="prefetch" href="/assets/js/5.0053a591.js"><link rel="prefetch" href="/assets/js/6.635f180c.js"><link rel="prefetch" href="/assets/js/7.0edba530.js"><link rel="prefetch" href="/assets/js/8.06e01e5f.js"><link rel="prefetch" href="/assets/js/9.043e2e98.js"><link rel="prefetch" href="/assets/js/10.e52efe6a.js"><link rel="prefetch" href="/assets/js/11.da1cefb3.js"><link rel="prefetch" href="/assets/js/12.f8644e41.js"><link rel="prefetch" href="/assets/js/13.76a94682.js"><link rel="prefetch" href="/assets/js/14.f92133e5.js"><link rel="prefetch" href="/assets/js/15.1d2c1de0.js"><link rel="prefetch" href="/assets/js/16.64529fa9.js"><link rel="prefetch" href="/assets/js/17.764db229.js"><link rel="prefetch" href="/assets/js/18.a61dad1d.js"><link rel="prefetch" href="/assets/js/19.2328b6a5.js"><link rel="prefetch" href="/assets/js/20.5292c81b.js"><link rel="prefetch" href="/assets/js/21.f40f88ca.js"><link rel="prefetch" href="/assets/js/22.9a33f057.js"><link rel="prefetch" href="/assets/js/23.126fba23.js"><link rel="prefetch" href="/assets/js/24.0a040e88.js"><link rel="prefetch" href="/assets/js/25.dec2d660.js"><link rel="prefetch" href="/assets/js/26.31e58c5f.js"><link rel="prefetch" href="/assets/js/27.b5ecf243.js"><link rel="prefetch" href="/assets/js/28.43bad0a2.js"><link rel="prefetch" href="/assets/js/29.88b4d737.js"><link rel="prefetch" href="/assets/js/30.95f20909.js"><link rel="prefetch" href="/assets/js/31.1ce5875f.js"><link rel="prefetch" href="/assets/js/32.e5aedb4b.js"><link rel="prefetch" href="/assets/js/33.b4006fc7.js"><link rel="prefetch" href="/assets/js/34.5a868c3b.js"><link rel="prefetch" href="/assets/js/35.6017117d.js"><link rel="prefetch" href="/assets/js/36.582547c2.js"><link rel="prefetch" href="/assets/js/37.87cd32c9.js"><link rel="prefetch" href="/assets/js/38.00b0253a.js"><link rel="prefetch" href="/assets/js/39.72453420.js"><link rel="prefetch" href="/assets/js/40.8483a6b6.js"><link rel="prefetch" href="/assets/js/41.192228ca.js"><link rel="prefetch" href="/assets/js/42.9a591743.js"><link rel="prefetch" href="/assets/js/43.527a27c0.js"><link rel="prefetch" href="/assets/js/44.a0d2ad3e.js"><link rel="prefetch" href="/assets/js/45.45ffe352.js"><link rel="prefetch" href="/assets/js/46.86b9bdf8.js"><link rel="prefetch" href="/assets/js/47.e6a0e01f.js"><link rel="prefetch" href="/assets/js/48.041526d9.js"><link rel="prefetch" href="/assets/js/49.2c7a5d9e.js"><link rel="prefetch" href="/assets/js/50.14bab849.js"><link rel="prefetch" href="/assets/js/51.1fc9ddc0.js"><link rel="prefetch" href="/assets/js/52.fb8ddfff.js"><link rel="prefetch" href="/assets/js/53.39b130c3.js"><link rel="prefetch" href="/assets/js/55.3d68ed37.js"><link rel="prefetch" href="/assets/js/56.c00d4e7e.js"><link rel="prefetch" href="/assets/js/57.b96e9034.js"><link rel="prefetch" href="/assets/js/58.650ffd7e.js"><link rel="prefetch" href="/assets/js/59.6eb3cfcc.js"><link rel="prefetch" href="/assets/js/60.b7f96d9a.js"><link rel="prefetch" href="/assets/js/61.9a28508d.js"><link rel="prefetch" href="/assets/js/62.e61b4e7f.js"><link rel="prefetch" href="/assets/js/63.0b6f5ecc.js"><link rel="prefetch" href="/assets/js/64.4fb4969e.js">
<link rel="stylesheet" href="/assets/css/0.styles.d230a1b7.css">
</head>
<body>
<div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div><a href="/" class="home-link router-link-active"><!----><span class="site-name">
DS Barebones
</span></a><div class="links"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""><!----></div><!----></div></header><div class="sidebar-mask"></div><div class="sidebar"><!----><ul class="sidebar-links"><li><div class="sidebar-group first collapsable"><p class="sidebar-heading"><span>Main</span><span class="arrow right"></span></p><!----></div></li><li><div class="sidebar-group collapsable"><p class="sidebar-heading open"><span>CSS Library</span><span class="arrow down"></span></p><ul class="sidebar-group-items"><li><a href="/02-css-typography.html" class="sidebar-link">Typography</a></li><li><a href="/03-css-colors.html" class="sidebar-link">Colors</a></li><li><a href="/03a-css-tokens.html" class="sidebar-link">Tokens</a></li><li><a href="/04-css-buttons.html" class="sidebar-link">Buttons</a></li><li><a href="/05-css-forms.html" class="sidebar-link">Forms</a></li><li><a href="/006-css-logos.html" class="sidebar-link">Logos</a></li><li><a href="/06-css-svg-icons.html" class="active sidebar-link">SVG Icons</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#general-icons" class="sidebar-link">General icons</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#arrows" class="sidebar-link">Arrows</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#money" class="sidebar-link">Money</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#allergies" class="sidebar-link">Allergies</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#cuisine-types" class="sidebar-link">Cuisine Types</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#loaders" class="sidebar-link">Loaders</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#location" class="sidebar-link">Location</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#illustration" class="sidebar-link">Illustration</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#logos" class="sidebar-link">Logos</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#tracking" class="sidebar-link">Tracking</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#contact" class="sidebar-link">Contact</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#payments" class="sidebar-link">Payments</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#ratings" class="sidebar-link">Ratings</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#plus-minus" class="sidebar-link">Plus Minus</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#selectors" class="sidebar-link">Selectors</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#side-nav" class="sidebar-link">Side Nav</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#unused" class="sidebar-link">Unused</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#app-logos" class="sidebar-link">App Logos</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#icons-set" class="sidebar-link">Icons set</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#sizing" class="sidebar-link">sizing</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#fill-colors" class="sidebar-link">fill colors</a></li><li class="sidebar-sub-header"><a href="/06-css-svg-icons.html#accessibility" class="sidebar-link">accessibility</a></li></ul></li><li><a href="/07-css-xml-icons.html" class="sidebar-link">XML Icons</a></li><li><a href="/08-css-tables.html" class="sidebar-link">Tables</a></li><li><a href="/09-css-responsive.html" class="sidebar-link">Responsive</a></li><li><a href="/10-css-layout.html" class="sidebar-link">Layout</a></li><li><a href="/11-css-borders.html" class="sidebar-link">Borders</a></li><li><a href="/12-css-grid.html" class="sidebar-link">Grid</a></li><li><a href="/13-css-flexbox.html" class="sidebar-link">Flexbox</a></li><li><a href="/14-css-block-grid.html" class="sidebar-link">Block Grid</a></li></ul></div></li><li><div class="sidebar-group collapsable"><p class="sidebar-heading"><span>Components</span><span class="arrow right"></span></p><!----></div></li></ul></div><div class="page"><div class="content"><h1 id="svg-icons"><a href="#svg-icons" aria-hidden="true" class="header-anchor">#</a> SVG Icons</h1><p>On macOS, you need to manually run the Shell Command: Install 'code' command in PATH command (available through the Command Palette <code>⇧⌘P</code>).</p><h2 id="general-icons"><a href="#general-icons" aria-hidden="true" class="header-anchor">#</a> General icons</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-close.aa319c4c.svg" alt><span class="icon-name">ic-close</span></li><li class="icon"><img src="/assets/img/ic-rating.6de65b89.svg" alt><span class="icon-name">ic-rating</span></li><li class="icon"><img src="/assets/img/ic-search.fcdd908f.svg" alt><span class="icon-name">ic-search</span></li><li class="icon"><img src="/assets/img/ic-profile.3d2e8a95.svg" alt><span class="icon-name">ic-profile</span></li><li class="icon"><img src="/assets/img/ic-edit.9e1e11bc.svg" alt><span class="icon-name">ic-edit</span></li><li class="icon"><img src="/assets/img/ic-delete.0906f76b.svg" alt><span class="icon-name">ic-delete</span></li><li class="icon"><img src="/assets/img/ic-minus.8252c6b9.svg" alt><span class="icon-name">ic-minus</span></li><li class="icon"><img src="/assets/img/ic-plus-small.306e1eb6.svg" alt><span class="icon-name">ic-plus-small</span></li><li class="icon"><img src="/assets/img/ic-minus-small.283e2530.svg" alt><span class="icon-name">ic-minus-small</span></li><li class="icon"><img src="/assets/img/ic-radio-empty.afe35f7c.svg" alt><span class="icon-name">ic-radio-empty</span></li><li class="icon"><img src="/assets/img/ic-radio-filled.0e534333.svg" alt><span class="icon-name">ic-radio-filled</span></li><li class="icon"><img src="/assets/img/ic-checkbox-empty.026699db.svg" alt><span class="icon-name">ic-checkbox-empty</span></li><li class="icon"><img src="/assets/img/ic-checkbox-filled.03539e5d.svg" alt><span class="icon-name">ic-checkbox-filled</span></li><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">ic-cart-empty</span></li><li class="icon"><img src="/assets/img/ic-cart-filled.216f1bb9.svg" alt><span class="icon-name">ic-cart-filled</span></li><li class="icon"><img src="/assets/img/ic-filters-empty.74d8d7c7.svg" alt><span class="icon-name">ic-filters-empty</span></li><li class="icon"><img src="/assets/img/ic-filters-filled.e65fef7e.svg" alt><span class="icon-name">ic-filters-filled</span></li><li class="icon"><img src="/assets/img/ic-warning.eb5afae1.svg" alt><span class="icon-name">ic-warning</span></li><li class="icon"><img src="/assets/img/ic-info.264af73f.svg" alt><span class="icon-name">ic-info</span></li><li class="icon"><img src="/assets/img/ic-info-small.5125acce.svg" alt><span class="icon-name">ic-info-small</span></li><li class="icon"><img src="/assets/img/ic-info-blue.896d7342.svg" alt><span class="icon-name">ic-info-blue</span></li><li class="icon"><img src="/assets/img/ic-cart-fab-empty.09fbbe12.svg" alt><span class="icon-name">ic-cart-fab-empty</span></li><li class="icon"><img src="/assets/img/ic-hamburger-menu.ec85c66f.svg" alt><span class="icon-name">ic-hamburger-menu</span></li><li class="icon"><img src="/assets/img/ic-ddt.73cd09a8.svg" alt><span class="icon-name">ic-ddt</span></li><li class="icon"><img src="/assets/img/ic-delivery-fee.88fb690b.svg" alt><span class="icon-name">ic-delivery-fee</span></li><li class="icon"><img src="/assets/img/ic-info.264af73f.svg" alt><span class="icon-name">ic-info</span></li><li class="icon"><img src="/assets/img/ic-opening-hours.bee2d9f1.svg" alt><span class="icon-name">ic-opening-hours</span></li><li class="icon"><img src="/assets/img/ic-warning-yelow.33d61c42.svg" alt><span class="icon-name">ic-warning-yelow</span></li><li class="icon"><img src="/assets/img/ic-camera.ed10638d.svg" alt><span class="icon-name">ic-camera</span></li></ul></div><h2 id="arrows"><a href="#arrows" aria-hidden="true" class="header-anchor">#</a> Arrows</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-arrow-back.5b046608.svg" alt><span class="icon-name">ic-arrow-back</span></li><li class="icon"><img src="/assets/img/ic-arrow-forward.e7e0e4a5.svg" alt><span class="icon-name">ic-arrow-forward</span></li><li class="icon"><img src="/assets/img/ic-arrow-tail-forward.74e91eb1.svg" alt><span class="icon-name">ic-arrow-tail-forward</span></li><li class="icon"><img src="/assets/img/ic-arrow-tail-back.1f55ffcd.svg" alt><span class="icon-name">ic-arrow-tail-back</span></li><li class="icon"><img src="/assets/img/ic-chevron-up.0000d4ae.svg" alt><span class="icon-name">ic-chevron-up</span></li><li class="icon"><img src="/assets/img/ic-chevron-down.f6e40cc2.svg" alt><span class="icon-name">ic-chevron-down</span></li><li class="icon"><img src="/assets/img/ic-scroll-up.a4d9c92b.svg" alt><span class="icon-name">ic-scroll-up</span></li><li class="icon"><img src="/assets/img/ic-scroll-down.fdc83025.svg" alt><span class="icon-name">ic-scroll-down</span></li><li class="icon"><img src="/assets/img/ic-chevron-up-small.3a46ebf5.svg" alt><span class="icon-name">ic-chevron-up-small</span></li><li class="icon"><img src="/assets/img/ic-chevron-down-small.c2cd3dd5.svg" alt><span class="icon-name">ic-chevron-down-small</span></li><li class="icon"><img src="/assets/img/ic-slider-back.eb809acb.svg" alt><span class="icon-name">ic-slider-back</span></li><li class="icon"><img src="/assets/img/ic-slider-forward.66288102.svg" alt><span class="icon-name">ic-slider-forward</span></li></ul></div><h2 id="money"><a href="#money" aria-hidden="true" class="header-anchor">#</a> Money</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-ddf.be04baeb.svg" alt><span class="icon-name">ic-ddf</span></li><li class="icon"><img src="/assets/img/ic-total.f58acad6.svg" alt><span class="icon-name">ic-total</span></li></ul></div><h2 id="allergies"><a href="#allergies" aria-hidden="true" class="header-anchor">#</a> Allergies</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-allergen-info.9156935d.svg" alt><span class="icon-name">ic-allergen-info</span></li></ul></div><h2 id="cuisine-types"><a href="#cuisine-types" aria-hidden="true" class="header-anchor">#</a> Cuisine Types</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-cuisine-american.a1a217e9.svg" alt><span class="icon-name">ic-cuisine-healthy</span></li><li class="icon"><img src="/assets/img/ic-cuisine-greek.10c38ad2.svg" alt><span class="icon-name">ic-cuisine-greek</span></li><li class="icon"><img src="/assets/img/ic-cuisine-american.a1a217e9.svg" alt><span class="icon-name">ic-cuisine-american</span></li><li class="icon"><img src="/assets/img/ic-cuisine-italian.68a177cf.svg" alt><span class="icon-name">ic-cuisine-italian</span></li><li class="icon"><img src="/assets/img/ic-cuisine-burger.94046838.svg" alt><span class="icon-name">ic-cuisine-burger</span></li><li class="icon"><img src="/assets/img/ic-cuisine-indian.3890f1d5.svg" alt><span class="icon-name">ic-cuisine-indian</span></li><li class="icon"><img src="/assets/img/ic-cuisine-mexican.8aa82b70.svg" alt><span class="icon-name">ic-cuisine-mexican</span></li><li class="icon"><img src="/assets/img/ic-cuisine-asian.b2c0ec7a.svg" alt><span class="icon-name">ic-cuisine-asian</span></li></ul></div><h2 id="loaders"><a href="#loaders" aria-hidden="true" class="header-anchor">#</a> Loaders</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-loader-dots.89779078.svg" alt><span class="icon-name">ic-loader-dots</span></li><li class="icon"><img src="/assets/img/ic-loader-spinner.ae50dfdd.svg" alt><span class="icon-name">ic-loader-spinner</span></li></ul></div><h2 id="location"><a href="#location" aria-hidden="true" class="header-anchor">#</a> Location</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-address-work.7e907f5f.svg" alt><span class="icon-name">ic-address-work</span></li><li class="icon"><img src="/assets/img/ic-address-home.2b1aeb16.svg" alt><span class="icon-name">ic-address-home</span></li><li class="icon"><img src="/assets/img/ic-address-other.804d8810.svg" alt><span class="icon-name">ic-address-other</span></li><li class="icon"><img src="/assets/img/ic-address-cached.1a78da5d.svg" alt><span class="icon-name">ic-address-cached</span></li><li class="icon"><img src="/assets/img/ic-address-corporate.bfad6390.svg" alt><span class="icon-name">ic-address-corporate</span></li><li class="icon"><img src="/assets/img/ic-locate.310204ec.svg" alt><span class="icon-name">ic-locate</span></li><li class="icon"><img src="/assets/img/ic-pin.6aa7164c.svg" alt><span class="icon-name">ic-pin</span></li><li class="icon"><img src="/assets/img/ic-pin-small.8023400f.svg" alt><span class="icon-name">ic-pin-small</span></li><li class="icon"><img src="/assets/img/ic-locate-round.43afdde4.svg" alt><span class="icon-name">ic-locate-round</span></li><li class="icon"><img src="/assets/img/ic-history.1c0f85f5.svg" alt><span class="icon-name">ic-history</span></li><li class="icon"><img src="/assets/img/ic-locate-arrow.f5d6ac70.svg" alt><span class="icon-name">ic-locate-arrow</span></li><li class="icon"><img src="/assets/img/ic-location-generic.336f6a1a.svg" alt><span class="icon-name">ic-location-generic</span></li><li class="icon"><img src="/assets/img/ic-locate-pin.843ef079.svg" alt><span class="icon-name">ic-locate-pin</span></li><li class="icon"><img src="/assets/img/ic-office.73cc884b.svg" alt><span class="icon-name">ic-office</span></li></ul></div><h2 id="illustration"><a href="#illustration" aria-hidden="true" class="header-anchor">#</a> Illustration</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">illu-cart</span></li><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">illu-voucher</span></li><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">illu-address</span></li><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">illu-sad</span></li><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">illu-address</span></li><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">illu-no-restaurants</span></li><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">illu-rider-notification</span></li><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">illu-customer-support</span></li><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">illu-raf</span></li></ul></div><h2 id="logos"><a href="#logos" aria-hidden="true" class="header-anchor">#</a> Logos</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">logo-foodora</span></li><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">logo-applepay</span></li><li class="icon"><img src="/assets/img/ic-cart-empty.ea70fa87.svg" alt><span class="icon-name">logo-facebook</span></li></ul></div><h2 id="tracking"><a href="#tracking" aria-hidden="true" class="header-anchor">#</a> Tracking</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-tracking-bag.8839efdd.svg" alt><span class="icon-name">ic-tracking-bag</span></li><li class="icon"><img src="/assets/img/ic-tracking-.e78ae45e.svg" alt><span class="icon-name">ic-tracking-</span></li><li class="icon"><img src="/assets/img/ic-tracking-bike.4a0fd7ac.svg" alt><span class="icon-name">ic-tracking-bike</span></li><li class="icon"><img src="/assets/img/ic-tracking-scooter.735ea35c.svg" alt><span class="icon-name">ic-tracking-scooter</span></li><li class="icon"><img src="/assets/img/ic-cart.78137528.svg" alt><span class="icon-name">ic-cart</span></li><li class="icon"><img src="/assets/img/ic-tracking-car.90d383d5.svg" alt><span class="icon-name">ic-tracking-car</span></li></ul></div><h2 id="contact"><a href="#contact" aria-hidden="true" class="header-anchor">#</a> Contact</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-chat.6a0dc87c.svg" alt><span class="icon-name">ic-chat</span></li><li class="icon"><img src="/assets/img/ic-email.8ae42fac.svg" alt><span class="icon-name">ic-email</span></li><li class="icon"><img src="/assets/img/ic-phone.2d89cd35.svg" alt><span class="icon-name">ic-phone</span></li></ul></div><h2 id="payments"><a href="#payments" aria-hidden="true" class="header-anchor">#</a> Payments</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-payments-americanexpress-xs.e779bbcf.svg" alt><span class="icon-name">ic-payments-americanexpress-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-androidpay-xs.fc2d0596.svg" alt><span class="icon-name">ic-payments-androidpay-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-applepay-xs.b93633c9.svg" alt><span class="icon-name">ic-payments-applepay-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-cashondelivery-xs.3363033b.svg" alt><span class="icon-name">ic-payments-cashondelivery-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-direkt-xs.a38d0527.svg" alt><span class="icon-name">ic-payments-direkt-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-edenred-xs.5b4a4389.svg" alt><span class="icon-name">ic-payments-edenred-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-ideal-xs.f312726d.svg" alt><span class="icon-name">ic-payments-ideal-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-jcb-xs.00cf0330.svg" alt><span class="icon-name">ic-payments-jcb-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-klarna-xs.31db227d.svg" alt><span class="icon-name">ic-payments-klarna-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-maestro-xs.8c952cc1.svg" alt><span class="icon-name">ic-payments-maestro-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-master-xs.e8cc797b.svg" alt><span class="icon-name">ic-payments-master-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-Molpay-xs.d157525f.svg" alt><span class="icon-name">ic-payments-Molpay-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-paylater-xs.690e3d41.svg" alt><span class="icon-name">ic-payments-paylater-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-paypal-xs.cc774c59.svg" alt><span class="icon-name">ic-payments-paypal-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-senare-xs.e71001af.svg" alt><span class="icon-name">ic-payments-senare-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-slice-xs copy.fbfb6adb.svg" alt><span class="icon-name">ic-payments-slice-xs copy</span></li><li class="icon"><img src="/assets/img/ic-payments-slice-xs.195824d3.svg" alt><span class="icon-name">ic-payments-slice-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-sodexo-xs.347e1222.svg" alt><span class="icon-name">ic-payments-sodexo-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-sofort-xs.5022e2ff.svg" alt><span class="icon-name">ic-payments-sofort-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-ticket-restaurant-xs.61170da7.svg" alt><span class="icon-name">ic-payments-ticket-restaurant-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-unionpay-xs.5ad728aa.svg" alt><span class="icon-name">ic-payments-unionpay-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-visa-xs.0c25b510.svg" alt><span class="icon-name">ic-payments-visa-xs</span></li><li class="icon"><img src="/assets/img/ic-payments-vodafone-xs.f70a45c0.svg" alt><span class="icon-name">ic-payments-vodafone-xs</span></li></ul></div><h2 id="ratings"><a href="#ratings" aria-hidden="true" class="header-anchor">#</a> Ratings</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-rating-star-sm.1535aec0.svg" alt><span class="icon-name">ic-rating-star-sm</span></li><li class="icon"><img src="/assets/img/ic-rating-star-empty-sm.2991b3d4.svg" alt><span class="icon-name">ic-rating-star-empty-sm</span></li><li class="icon"><img src="/assets/img/ic-rating-star.a668bca5.svg" alt><span class="icon-name">ic-rating-star</span></li></ul></div><h2 id="plus-minus"><a href="#plus-minus" aria-hidden="true" class="header-anchor">#</a> Plus Minus</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-add.82657e2e.svg" alt><span class="icon-name">ic-add</span></li><li class="icon"><img src="/assets/img/ic-minus-sm.21de350b.svg" alt><span class="icon-name">ic-minus-sm</span></li><li class="icon"><img src="/assets/img/ic-minus.10351af8.svg" alt><span class="icon-name">ic-minus</span></li><li class="icon"><img src="/assets/img/ic-plus-sm.0865db47.svg" alt><span class="icon-name">ic-plus-sm</span></li><li class="icon"><img src="/assets/img/ic-plus.89b697b5.svg" alt><span class="icon-name">ic-plus</span></li></ul></div><h2 id="selectors"><a href="#selectors" aria-hidden="true" class="header-anchor">#</a> Selectors</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-checkbox-empty.93444416.svg" alt><span class="icon-name">ic-checkbox-empty</span></li><li class="icon"><img src="/assets/img/ic-checkbox-filled.7478aae5.svg" alt><span class="icon-name">ic-checkbox-filled</span></li><li class="icon"><img src="/assets/img/ic-checkmark.c78d98d2.svg" alt><span class="icon-name">ic-checkmark</span></li><li class="icon"><img src="/assets/img/ic-radio-empty.5bf71691.svg" alt><span class="icon-name">ic-radio-empty</span></li><li class="icon"><img src="/assets/img/ic-radio-filled.eaebd5fa.svg" alt><span class="icon-name">ic-radio-filled</span></li></ul></div><h2 id="side-nav"><a href="#side-nav" aria-hidden="true" class="header-anchor">#</a> Side Nav</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-gift.70cec64f.svg" alt><span class="icon-name">ic-gift</span></li><li class="icon"><img src="/assets/img/ic-help.a082547e.svg" alt><span class="icon-name">ic-help</span></li><li class="icon"><img src="/assets/img/ic-login.254842df.svg" alt><span class="icon-name">ic-login</span></li><li class="icon"><img src="/assets/img/ic-logout.31b09fb4.svg" alt><span class="icon-name">ic-logout</span></li><li class="icon"><img src="/assets/img/ic-more.091e33de.svg" alt><span class="icon-name">ic-more</span></li><li class="icon"><img src="/assets/img/ic-orders.6b66f05c.svg" alt><span class="icon-name">ic-orders</span></li></ul></div><h2 id="unused"><a href="#unused" aria-hidden="true" class="header-anchor">#</a> Unused</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/ic-allergens.4090998a.svg" alt><span class="icon-name">ic-allergens</span></li><li class="icon"><img src="/assets/img/ic-allergy-celery.a653a039.svg" alt><span class="icon-name">ic-allergy-celery</span></li><li class="icon"><img src="/assets/img/ic-allergy-eggs.8eb560f5.svg" alt><span class="icon-name">ic-allergy-eggs</span></li><li class="icon"><img src="/assets/img/ic-allergy-fish.573a419c.svg" alt><span class="icon-name">ic-allergy-fish</span></li><li class="icon"><img src="/assets/img/ic-allergy-gluten.0c832dc6.svg" alt><span class="icon-name">ic-allergy-gluten</span></li><li class="icon"><img src="/assets/img/ic-allergy-lupine.24427187.svg" alt><span class="icon-name">ic-allergy-lupine</span></li><li class="icon"><img src="/assets/img/ic-allergy-milk.3a7bb38c.svg" alt><span class="icon-name">ic-allergy-milk</span></li><li class="icon"><img src="/assets/img/ic-allergy-mollucs.a1a17352.svg" alt><span class="icon-name">ic-allergy-mollucs</span></li><li class="icon"><img src="/assets/img/ic-allergy-mustard.c5c894de.svg" alt><span class="icon-name">ic-allergy-mustard</span></li><li class="icon"><img src="/assets/img/ic-allergy-nuts.f0a5f7ee.svg" alt><span class="icon-name">ic-allergy-nuts</span></li><li class="icon"><img src="/assets/img/ic-allergy-peanuts.5db34e38.svg" alt><span class="icon-name">ic-allergy-peanuts</span></li><li class="icon"><img src="/assets/img/ic-allergy-seaseme-seeds.8e5a2242.svg" alt><span class="icon-name">ic-allergy-seaseme-seeds</span></li><li class="icon"><img src="/assets/img/ic-allergy-shellfish.208d0f59.svg" alt><span class="icon-name">ic-allergy-shellfish</span></li><li class="icon"><img src="/assets/img/ic-allergy-slightly-spicy.7cd3e72a.svg" alt><span class="icon-name">ic-allergy-slightly-spicy</span></li><li class="icon"><img src="/assets/img/ic-allergy-soy.f75a6ae4.svg" alt><span class="icon-name">ic-allergy-soy</span></li><li class="icon"><img src="/assets/img/ic-allergy-spicy.743103dc.svg" alt><span class="icon-name">ic-allergy-spicy</span></li><li class="icon"><img src="/assets/img/ic-allergy-sulfur.08f2c7a1.svg" alt><span class="icon-name">ic-allergy-sulfur</span></li><li class="icon"><img src="/assets/img/ic-allergy-vegan.d703d24d.svg" alt><span class="icon-name">ic-allergy-vegan</span></li><li class="icon"><img src="/assets/img/ic-allergy-vegetarian.a7214d12.svg" alt><span class="icon-name">ic-allergy-vegetarian</span></li><li class="icon"><img src="/assets/img/ic-allergy-very-spicy.f8d68bc0.svg" alt><span class="icon-name">ic-allergy-very-spicy</span></li></ul></div><h2 id="app-logos"><a href="#app-logos" aria-hidden="true" class="header-anchor">#</a> App Logos</h2><div class="icons-group"><ul class="icons-list"><li class="icon"><img src="/assets/img/app-icon-foodora.75845768.svg" alt><span class="icon-name">app-icon-foodora</span></li><li class="icon"><img src="/assets/img/app-icon-foodpanda.c9c37d93.svg" alt><span class="icon-name">app-icon-foodpanda</span></li><li class="icon"><img src="/assets/img/app-icon-onlinepizza.fa634b47.svg" alt><span class="icon-name">app-icon-onlinepizza</span></li></ul></div><h2 id="icons-set"><a href="#icons-set" aria-hidden="true" class="header-anchor">#</a> Icons set</h2><p>You need to manually run the Shell Command</p><h2 id="sizing"><a href="#sizing" aria-hidden="true" class="header-anchor">#</a> sizing</h2><p>You need to manually run the Shell Command</p><h2 id="fill-colors"><a href="#fill-colors" aria-hidden="true" class="header-anchor">#</a> fill colors</h2><p>You need to manually run the Shell Command</p><h2 id="accessibility"><a href="#accessibility" aria-hidden="true" class="header-anchor">#</a> accessibility</h2><p>You need to manually run the Shell Command</p></div><!----><div class="content page-nav"><p class="inner"><span class="prev">
← <a href="/006-css-logos.html" class="prev">
Logos
</a></span><span class="next"><a href="/07-css-xml-icons.html">
XML Icons
</a> →
</span></p></div></div></div></div>
<script src="/assets/js/54.d04e0c53.js" defer></script><script src="/assets/js/app.ffe7ce23.js" defer></script>
</body>
</html>