Icons and other SVGs for dat-data.com
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
icons
.gitignore
README.md
example.js
index.js
package.json
raw.js
sprite.svg

README.md

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