dat-icons

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #golang #go #macos #awesome #cli #awesome-list #pytorch #security #mcp #openai

(★ 27)

Icons and other SVGs for dat-data.com

dat-icons 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

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

Icons can later be referenced like so:

```html
<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](https://www.sitepoint.com/a-working-svg-workflow-for-accessible-icons/).

### Icon Names

- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/clipboard.svg"> `daticon-clipboard`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/create-new-dat.svg"> `daticon-create-new-dat`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/delete.svg"> `daticon-delete`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/download.svg"> `daticon-download`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/edit-dat.svg"> `daticon-edit-dat`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/file.svg"> `daticon-file`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/folder.svg"> `daticon-folder`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/happy-dat.svg"> `daticon-happy-dat`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/hexagon-down.svg"> `daticon-hexagon-down`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/hexagon-outlines.svg"> `daticon-hexagon-outlines`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/hexagon-pause.svg"> `daticon-hexagon-pause`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/hexagon-resume.svg"> `daticon-hexagon-resume`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/hexagon-up.svg"> `daticon-hexagon-up`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/hexagon-x.svg"> `daticon-hexagon-x`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/import-dat.svg"> `daticon-import-dat`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/link.svg"> `daticon-link`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/loading.svg"> `daticon-loading`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/letter.svg"> `daticon-letter`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/lock.svg"> `daticon-lock`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/menu.svg"> `daticon-menu`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/network.svg"> `daticon-network`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/open-in-desktop.svg"> `daticon-open-in-desktop`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/open-in-finder.svg"> `daticon-open-in-finder`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/plus.svg"> `daticon-plus`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/question.svg"> `daticon-question`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/sad-dat.svg"> `daticon-sad-dat`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/star-dat.svg"> `daticon-star-dat`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/edit.svg"> `daticon-edit`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/info.svg"> `daticon-info`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/gear.svg"> `daticon-gear`
- <img width="16px" src="https://cdn.rawgit.com/kriesse/dat-icons/master/icons/search.svg"> `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

dat-icons

dat-icons 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

dat-icons

dat-icons 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README