Mercedes Pattern Library

Icon

  • HTML
  • View
  • Context
  • Info
  • Notes
<svg class="icon icon--">
  <use xlink:href="../../assets/icons.svg#" />
</svg>
<svg class="icon icon--{{ id }}{% if class %} {{ class }}{% endif %}">
  <use xlink:href="{{ '/assets/icons.svg' | path }}#{{ id }}" />
</svg>
/* No context defined for this component. */
  • Handle: @icon
  • Preview:
    • With layout
    • Component only
  • Filesystem Path: components/_icon.nunj
  • Referenced by (41): @button-round, @button-round--active, @buttons--file, @buttons--file-active, @buttons--icon, @filter-button, @filter-button--icon, @finance-card--active, @finance-card--transparent, @hp-card--small, @icons, @input--icon, @input--password, @input--search, @input--select, @link, @service-card, @service-card--active, @service-card--close, @service-card-small--active, @tag--icon, @accordion-trigger, @accordion-trigger--active, @accordion-trigger--open, @action-controls, @document-file, @header, @header--no-links, @header--small, @modal-window--3-3d, @modal-window--3-3e, @notification-banner, @notification-banner--error, @slider-header, @sub-header, @table-list, @table-list--alert, @table-list--error, @table-list--hover, @table-list--pending, @mercedes-sprint1-2-profilo

There are no notes for this item.

components

  • Atoms

    • Button Round

      • Default
      • Active
    • Buttons

      • Default
      • Azure
      • File
      • File Active
      • Icon
      • Transparent
    • Checkbox
    • Digit Box

      • Default
      • Big
    • Filter Button

      • Default
      • Icon
    • Finance Card

      • Default
      • Active
      • Transparent
    • Hp Card

      • Default
      • Small
    • Icons
    • Indicator

      • Default
      • Danger
      • Outline Active
      • Outline Neutral
    • Info Auto
    • Input

      • Default
      • Disabled
      • Error
      • Icon
      • Password
      • Radio
      • Radio Circle
      • Readonly
      • Search
      • Select
      • Text
    • Link
    • Notification
    • Onoff Switch

      • Default
      • Small Label
    • Radio
    • Service Card

      • Default
      • Active
      • Close
    • Service Card Small

      • Default
      • Active
    • Shadow Layer
    • Tag

      • Default
      • Icon
  • Layout

    • Alignments
    • Grid
    • Main Wrapper
    • Spacing
    • Typography
  • Modules

    • Accordion Row

      • Default
      • Sprint 2 1
      • Sprint 2 15
      • Sprint 3 2
      • Sprint 3 6
    • Accordion Trigger

      • Default
      • Active
      • Open
    • Action Button

      • Default
      • Active
    • Action Controls
    • Calendar
    • Card Model

      • Default
      • Selected
    • Data Bank Details
    • Document File
    • Filter Container
    • Filter Controls
    • Financing Table

      • Default
      • Proposal
    • Footer Controls
    • Header

      • Default
      • No Links
      • Small
    • Modal Window

      • Default
      • 2 6
      • 3 3 D
      • 3 3 E
      • 3 4 E
      • 3 4 G
      • 3 7 B
      • 3 7 C
      • Invio Istruttoria
    • Notification Banner

      • Default
      • Error
    • Proposal Header
    • Question Row
    • Recap Header
    • Slider Header
    • Step Line
    • Sub Header
    • Table List

      • Default
      • Alert
      • Error
      • Hover
      • Pending
    • Underline Nav
    • User Document Details

      • Default
      • No Img
  • Pages

    • 1 2

      • Mercedes Sprint 1 2
      • Mercedes Sprint 1 2 Profilo
    • 1 1

      • Mercedes Sprint 1 Profilazione Clienti
    • 1 4

      • Mercedes Sprint 1 4
    • 1 5

      • Mercedes Sprint 1 5
    • 1 6

      • Mercedes Sprint 1 6
    • 1 7

      • Mercedes Sprint 1 7
    • 1 8

      • Mercedes Sprint 1 8
      • Mercedes Sprint 1 8 Accordion Chiusi
      • Mercedes Sprint 1 8 Accordion Chiusi Menu Chiuso
      • Mercedes Sprint 1 8 Click 1
    • 1 9

      • Mercedes Sprint 1 9
    • 1 10

      • Mercedes Sprint 1 10
    • 1 12

      • Mercedes Sprint 1 12
    • 1 13

      • Mercedes Sprint 1 13
    • 1 15

      • Mercedes Sprint 1 15
    • 1 18

      • Mercedes Sprint 1 18
    • 1 20

      • Mercedes Sprint 1 20
    • 1 23

      • Mercedes Sprint 1 23
    • 1 25

      • Mercedes Sprint 1 25
    • 1 26

      • Mercedes Sprint 1 26
    • 1 27

      • Mercedes Sprint 1 27
    • 1 28

      • Mercedes Sprint 1 28
    • 1 30

      • Mercedes Sprint 1 30
    • 2 Proposta Soggetti

      • Mercedes Sprint 2 Proposta Soggetti
    • 2 1

      • Mercedes Sprint 2 1
      • Mercedes Sprint 2 1 Accordion Aperto
      • Mercedes Sprint 2 1 Filtri Aperto
    • 2 5

      • Mercedes Sprint 2 5
    • 2 6

      • Mercedes Sprint 2 6

        • Default
        • Modal
    • 2 7

      • Mercedes Sprint 2 7
    • 2 8

      • Mercedes Sprint 2 8
      • Mercedes Sprint 2 8 Filtri Aperto
    • 2 9

      • Mercedes Sprint 2 9
      • Mercedes Sprint 2 9 Datiedit
      • Mercedes Sprint 2 9 Hover
    • 2 10

      • Mercedes Sprint 2 10
      • Mercedes Sprint 2 10 Soggetti
    • 2 11 12 13

      • Mercedes Sprint 2 11
      • Mercedes Sprint 2 12
      • Mercedes Sprint 2 13
    • 2 14

      • Mercedes Sprint 2 14
      • Mercedes Sprint 2 14 Modale
    • 2 15

      • Mercedes Sprint 2 15
      • Mercedes Sprint 2 15 Accordion Aperto
      • Mercedes Sprint 2 15 Filtri Aperto
    • 2 16

      • Mercedes Sprint 2 16
      • Mercedes Sprint 2 16 Proposta
    • 3 2

      • Mercedes Sprint 3 2
      • Mercedes Sprint 3 2 Accordion Aperto
      • Mercedes Sprint 3 2 Filtri Aperto
    • 3 5

      • Mercedes Sprint 3 5
    • 3 6

      • Mercedes Sprint 3 6
      • Mercedes Sprint 3 6 Accordion Aperto
      • Mercedes Sprint 3 6 Filtri Aperto
    • Home Coda

      • Home Coda Filtri
      • Home Coda Filtri Aperto
      • Home Coda Filtri Attivi