Add ability to use both solid and outlined font icons

[stonetip]

It would be helpful to be able to use either solid or outlined versions of icons in the same web page. I would be happy to submit a pull request if this is considered a valid issue. I very much appreciate the work that went into providing this excellent resource.

As defined currently, unless I'm mistaken, this isn't possible. I was able to achieve this by making just three modifications. In the modus-outlined/fonts directory, I modified the CSS file:

@font-face {
  font-family: "modus-icons-outlined";
...
}

.modus-icons-outlined {
  font-family: "modus-icons-outlined";
...
}

I could then reference the icons like this in the same web page:

<i class="modus-icons">map</i>
<i class="modus-icons-outlined">map</i>
...

[coliff]

Firstly - Sorry for the long delay in replying! The original intention for the Modus Icon sets were that a single set was to be used per app/site and they shouldn't be mixed & matched.

We realise there are instances were it makes sense to use some icons from both sets though.

We don't have official guidance on an implementation method for this at the moment, but the way you are handling it looks good - that's what I would have done. :-)