Skip to content

Kriesse/dat-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

64 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

dat-icons

NPM version

SVG icons for dat project and related projects.

Usage

const svgSprite = require('dat-icons')
var el = svgSprite()
document.body.appendChild(el)

Make sure to include this sprite in your page as the first element after the <body> opening tag.

Icons can later be referenced like so:

<svg><use xlink:href="#daticon-happy-dat"></use></svg>

If this looks unfamiliar, read more about an SVG workflow using SVG sprites and <use> here.

Icon Names

  • daticon-clipboard
  • daticon-create-new-dat
  • daticon-delete
  • daticon-download
  • daticon-edit-dat
  • daticon-file
  • daticon-folder
  • daticon-happy-dat
  • daticon-hexagon-down
  • daticon-hexagon-outlines
  • daticon-hexagon-pause
  • daticon-hexagon-resume
  • daticon-hexagon-up
  • daticon-hexagon-x
  • daticon-import-dat
  • daticon-link
  • daticon-loading
  • daticon-letter
  • daticon-lock
  • daticon-menu
  • daticon-network
  • daticon-open-in-desktop
  • daticon-open-in-finder
  • daticon-plus
  • daticon-question
  • daticon-sad-dat
  • daticon-star-dat
  • daticon-edit
  • daticon-info
  • daticon-gear
  • daticon-search

Build

to build SVG sprite:

npm install
npm run build-icons

About

Icons and other SVGs for dat-data.com

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •