MagicMirror Forum

    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • Donate
    • Discord
    MagicMirror² v2.24.0 is available! For more information about this release, check out this topic.

    Font-Awesome Icons

    Custom CSS
    2
    3
    746
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • ankonaskiff17
      ankonaskiff17 last edited by

      I’ve looked a very little bit at Font-Awesome and was wondering if there a FREE colored icon swaps for ones that are in general use for the most part. It looked like colored icons were premium.

      earnestrichards 1 Reply Last reply Reply Quote 0
      • earnestrichards
        earnestrichards @ankonaskiff17 last edited by

        @ankonaskiff17 I’ve been doing some web tutorials and you can change the color of the icons with CSS

        earnestrichards 1 Reply Last reply Reply Quote 0
        • earnestrichards
          earnestrichards @earnestrichards last edited by earnestrichards

          @earnestrichards
          -from the index.html file:

          <h3>Double click on the image to <i class="fas fa-heart"></i> it</h3>

          from the style.css file:

          .fa-heart {
          color: red;
          }

          Screen Shot 2021-07-17 at 8.42.08 PM.png

          1 Reply Last reply Reply Quote 0
          • 1 / 1
          • First post
            Last post
          Enjoying MagicMirror? Please consider a donation!
          MagicMirror created by Michael Teeuw.
          Forum managed by Paul-Vincent Roll and Rodrigo Ramírez Norambuena.
          This forum is using NodeBB as its core | Contributors
          Contact | Privacy Policy