https://github.com/Kriesse/dat-icons

Icons and other SVGs for dat-data.com
https://github.com/Kriesse/dat-icons

Last synced: 5 days ago
JSON representation

Icons and other SVGs for dat-data.com

• Host: GitHub
• URL: https://github.com/Kriesse/dat-icons
• Owner: Kriesse
• Created: 2016-09-29T16:24:05.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-12T11:14:16.000Z (over 6 years ago)
• Last Synced: 2024-10-27T22:26:25.402Z (12 days ago)
• Language: JavaScript
• Size: 48.8 KB
• Stars: 27
• Watchers: 4
• Forks: 7
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome-starred - Kriesse/dat-icons - Icons and other SVGs for dat-data.com (others)

README

        
# dat-icons

[![NPM version][npm-image]][npm-url]

SVG icons for [dat project](http://dat-data.com) and related projects.

## Usage

```js

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 `` opening tag.

Icons can later be referenced like so:

```html

```

If this looks unfamiliar, read more about an SVG workflow using SVG sprites and `` [here](https://www.sitepoint.com/a-working-svg-workflow-for-accessible-icons/).

### 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:

```shell

npm install

npm run build-icons

```

[npm-image]: https://img.shields.io/npm/v/dat-icons.svg?style=flat-square

[npm-url]: https://npmjs.org/package/dat-icons