search

Remix-Design / RemixIcon

Open source neutral style icon system
https://remixicon.com
Apache License 2.0
6.48k stars 468 forks source link

HTML CSS and JS consistent icons #771

Open bw16sk opened 3 months ago

bw16sk commented 3 months ago

Hey, I thought that HTML, CSS and JavaScript icons should have a consistent look, as they form one family. At first I wanted to request for an alternate design, but in the end I created them myself, because I urgently needed them today.

And of course, i dont have a problem if they will be included in the Remix Icon set.

So If anyone needs them, here they are. :)

Icon Request

CSS line icon

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3,2,4.62,20,12,22l7.38-2L21,2ZM17.51,18.43,12,19.93l-5.51-1.5L5.19,4H18.81ZM17.45,7.89l-5.28,2.25h5.07l-.62,6.78L12,18.18,7.38,16.92l-.33-3.54H9.32l.16,1.84,2.52.67,2.52-.67.26-2.86H7l-.21-2.22,5.51-2.25H6.54L6.33,5.68H17.67Z"/></svg>

CSS fill icon

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M17.45,7.82l-5.28,2.25h5.07l-.62,6.78L12,18.11,7.38,16.85l-.33-3.54H9.32l.16,1.84,2.52.67,2.52-.67.26-2.86H7l-.21-2.22L12.3,7.82H6.54L6.33,5.61H17.67ZM3,1.93l1.62,18,7.38,2,7.38-2L21,1.93Z"/></svg>

JavaScript line icon

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3,2,4.62,20,12,22l7.38-2L21,2ZM17.51,18.43,12,19.93l-5.51-1.5L5.19,4H18.81ZM15.37,7.89v2.25h1.87l-.62,6.78-3.46.94V15.58l1.36-.36.26-2.86H13.16V5.68h4.51l-.22,2.21ZM11,5.68V17.89l-3.57-1-.22-2.36,1,.26.6.17V5.68Z"/></svg>

JavaScript fill icon

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M11,5.68V17.89l-3.57-1-.22-2.36,1,.26.6.17V5.68Zm4.37,2.21v2.25h1.87l-.62,6.78-3.46.94V15.58l1.36-.36.26-2.86H13.16V5.68h4.51l-.22,2.21ZM3,2,4.62,20,12,22l7.38-2L21,2Z"/></svg>

xiaochunjimmy commented 3 months ago

Hi @bw16sk,

Great job! I can add these icons as alternative versions in future releases.