Lunds universitet - Style Guide

Icon

  • HTML
  • View
  • Context
  • Info
  • Notes
<i class="far fa-bell "></i>
<i class="{{style}} fa-{{icon}} {{modifiers modifiers}}"></i>
{
  "icon": "bell"
}
  • Handle: @icon
  • Variants (13): Regular , Solid , Light , Read More , Read More Sm , Date , Facebook , Instagram , Linkedin , Twitter , Youtube , Snapchat , Remove
  • Preview:
    • With layout
    • Component only
  • Filesystem Path: templates/05-typography/icon/icon.hbs
  • Referenced by (14): @animate-on-scroll, @calendar-event-cards, @programme-career, @programme-career--wide, @programme-sidebar-eligibility, @read-more-link, @read-more-link--block, @read-more-link--container, @international-admission-page, @news-focus-item, @mobile-navigation-link, @mobile-navigation-link--root, @form-date, @nav-pills

No notes defined.

Filter

No matching templates

Templates

  • Components

    • Animations

      • Animate On Scroll
      • Circle Progress
      • Spinner
    • Banner
    • Blockquote
    • Button

      • Primary
      • Secondary
      • Dark
      • Link
    • Byline
    • Calendar

      • Calendar Cards
      • Calendar Event Cards
      • Calendar List
      • Event List
      • Event Title
    • Card

      • Default
      • Full Height
      • On Light Background
    • Carousel
    • Cookiebar
    • Figure
    • Forms

      • Event Filter

        • Default
        • Ongoing
      • Checkbox

        • Default
        • With Help
      • Date
      • File

        • Default
        • With Help
      • Password

        • Default
        • With Help
      • Radio

        • Default
        • Spaced
      • Radio Group
      • Search

        • Default
        • Break
        • Filter Search
      • Select

        • Default
        • Multiple
      • Submit
      • Text

        • Default
        • With Help
        • Disabled
      • Textarea

        • Default
        • With Help
        • Disabled
      • Search Filter

        • all
        • Courses
        • Publications
    • Header Puffs
    • Info

      • Infobox
      • Magazine
      • Newsletter
      • People
      • Contact

        • Default
        • English
    • Kicker
    • Language Switch

      • Language Switch Heading
      • Language Switch Infobox
    • Lists

      • Course List
      • List Item

        • Default
        • Card
        • Calendar
        • Calendar Lined
        • Ellipsis
        • News List
        • Lined
        • News
        • Square
        • Lined Square
      • News List

        • Default
        • With image
      • Plain Lists

        • Ordered List
        • Unordered List
      • Search Result List

        • Default
        • Courses
        • Courses And Programmes
        • Publications
        • Organisations
        • Staff
    • News

      • News Cards
      • News Focus
      • News Focus Item
      • News Newsletter Signup
      • News Press Contact
    • Programme

      • Programme Application

        • Default
        • Advanced
        • English
      • Programme Career

        • Default
        • Wide
      • Programme Info

        • Default
        • Closed
        • English
      • Programme Selection

        • Default
        • English
      • Eligibility
      • Sheets
    • Progress

      • Step 1
      • Step 2
      • Step 3
      • Step 4
    • Scroll To Top
    • Skip Link
    • Table

      • Default
      • Light
    • Tag

      • Tag
      • Tag List
    • Teaser Cards
    • Title

      • Default
      • Image
  • Navigation

    • Breadcrumbs
    • Links

      • Link
      • Read More Link

        • Default
        • Block
        • Container
    • Mobile Navbar
    • Mobile Navigation

      • Lunds universitet
      • Ekonomihögskolan
      • Institution
      • medarbetarweb
      • Single
    • Nav List
    • Nav Pills
    • Navigation Block

      • Dark
      • Light
    • Navigation Section
    • Pagination
    • Side Navigation

      • Level 0
      • Level 1
      • Level 2
      • Level 3
      • Level 4
    • Tabs

      • Tabs
      • Tabs Content
      • Tabs List
  • Structure

    • Header

      • A: Lunds universitet
      • B: Fakultet
      • C1: Institutioner
      • C2: Institutioner
      • D: Medarbetarwebben
    • Footer

      • A: Lunds universitet
      • B: Fakultet
    • Masonry

      • Masonry Layout

        • Layout A
        • Layout B
        • Layout C
        • Layout D
        • Layout E
        • Layout F
        • News
        • Layout G
        • Video
      • Masonry Image Tile

        • Default
        • Alt
      • Masonry Text Tile

        • Default
        • Operating Hours
        • Complement
        • Novisch
      • Masonry Video Tile
    • Sticky Navbar
  • Utilities

    • Embed
    • Map
    • Tweets
    • Toggle Accordion
    • Toggle Card

      • Card A
      • Card B
      • Card C
      • Publications
  • Typography

    • Heading

      • Level 1
      • Level 2
      • Level 3
      • Level 4
      • Level 5
      • Level 6
    • Icon

      • Regular
      • Solid
      • Light
      • Read More
      • Read More Sm
      • Date
      • Facebook
      • Instagram
      • Linkedin
      • Twitter
      • Youtube
      • Snapchat
      • Remove
    • Paragraph

      • Default
      • Lead
      • Link
  • Pages

    • Demos

      • Icons Demo
      • Infographics Demo
      • Navigation Level Demo

        • Level 0
        • Level 1
        • Level 2
        • Level 3
        • Level 4
      • Progress Demo

        • Step 1
        • Step 2
        • Step 3
        • Step 4
      • Title Demo

        • Default
        • Image
      • Toggle Accordion Demo
      • Toggles Card Demo
    • Examples

      • Article

        • Article page ekonomihögskolan
        • Article page LU
        • Article Page Lu No Right Column
      • Events

        • Events Landing Page
        • Event Detail Page
        • Events Ongoing Page
      • History
      • Landing Pages

        • Demo 1

          • Variant A
          • Variant B
          • Variant C
          • Variant D
        • Demo 2

          • Variant A
          • Variant B
        • Demo 3

          • Variant A
          • Variant B
        • Header Puffs Example
      • News Page

        • News Landing Page
        • All News Page
        • News Category Page
        • News Focus Page
        • News Article Page

          • Default
          • Alt
      • Search

        • Search Results List

          • All
          • Courses And Programmes
          • Publications
          • Organisations
          • Staff
        • Search Result

          • Publication
          • Staff
          • Department
      • Section
      • Staff

        • Listing
        • Detail Page

          • Default
          • With Menu
        • Jobs Listing Page

          • Default
          • Filtered
      • Study

        • Course List Page
        • Programme Page

          • Default
          • Wide Career
          • Short
        • International Admission Page

documentation

  • Web accessibility
  • Colors
  • Type
  • Sizing
  • Spacing
  • Borders
  • Collapse
  • Nav
  • Overflow
  • Cursor
  • Pointer
  • Masonry
  • Usage
  • Software
  • Releases

    • Release 1.1
    • Release 1.2
    • Release 1.2.1