The Open Source SVG Icon and CSS toolkit

Version 4.5  ·  GitHub Project
Report Issue's or Request Icons at LibreICONS Issues
Want to contribute, please read our Guidelines.

Born out of frustration of other Icon Sets not containing Icons needed when developing LibreCMS, we created LibreICONS to fill the gap that we needed, and ended up consolidating all the Icons we were using into one set.

What sets LibreICONS apart from the rest, are the little things.

Then we decided to share it with you.

  1. After downloading the project, copy the libreicons-svg.css or libreicons-svg.min.css file from the project css/ folder, and the svg/ folder directory into your project.
  2. In the <head> of your html, reference the location to your libreicons-svg.css.
    <link rel="stylesheet" href="path/to/libreicons/css/libreicons-svg.css">
  3. To use the icons in your pages you use
    <i class="libre">[svg file to include]</i>

    You can also use other inline elements such as
  4. Or you could do like we do with LibreCMS and use a PHP Function to inject the SVG File directly into your generated pages. This also allows you to have more control over the size, colour, and animation of your icons.