# Icon Divider

Ready

- HTML
- View
- Context
- Assets
- Info
- Notes

`

    <div class="icon-divider">
        <span class="icon icon-arrow-long-down icon--brand-primary icon-divider__image"></span>
    </div>

`
`

    <div class="icon-divider">
        <span class="icon icon-arrow-long-down icon--brand-primary icon-divider__image"></span>
    </div>

`
`

    /* No context defined. */

`
File:

- Content:
  `

      .icon-divider {
        padding-top: $spacer-base;
        padding-bottom: $spacer-base;
        text-align: center;
      }

      .icon-divider__image {
        width: 1.44rem;
        height: 8.7rem;
      }

  `
- URL: /components/raw/icon-divider/_icon-divider.scss
- Filesystem Path: components/04-molecules/visual-divider/icon-divider/_icon-divider.scss
- Size: 163 Bytes

- Handle: @icon-divider
- Preview:
  - With layout
  - Component only
- Filesystem Path: components/04-molecules/visual-divider/icon-divider/icon-divider.html

No notes defined.