@scarlab-icons/icons
v2.0.0
Published
<p align="center"><a href="http://scarlab-icons.la-moore.ru" target="_blank" rel="noopener noreferrer"><img width="100" src="http://scarlab-icons.la-moore.ru/images/scarab-logo.png" alt="Scarlab logo"></a></p>
Downloads
197
Readme
Scarlab Icons
Scarlab Icons is a collection of more than 2800 simply, beautiful and open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.
npm install @scarlab-icons/icons
Include
import icons from '@scarlab-icons/icons'
Use
const icon = icons.find(({ name }) => name === 'circle')
const svg = template(icon.paths)
function template(paths) {
return `<svg class="scarlab-icon">${ paths.map(attrs => `<path d="${attrs.d}" opacity="${attrs.opacity}" fill="${attrs.fill}" stroke="${attrs.stroke}" />`).join('') }</svg>`
}
Figma
Scarlab Icons is available as a Figma component library. To use the components, log in to your Figma account and duplicate the file to your drafts.
Or you can use Scarlab Icons as a Figma plugin
License
Scarlab Icons is licensed under the MIT License.