@iconify/icons-cryptocurrency

Cryptocurrency Icons

This package includes individual files for each icon, ready to be imported into a project.

Each icon is in its own file, so you can bundle several icons from different icon sets without bundling entire icon sets.

Installation

If you are using NPM:

npm install @iconify/icons-cryptocurrency --save-dev

If you are using Yarn:

yarn add --dev @iconify/icons-cryptocurrency

Usage with React

First you need to install Iconify for React.

If you are using NPM:

npm install --save-dev @iconify/react

If you are using Yarn:

yarn add --dev @iconify/react

Example using icon 'btc' with React

import { Icon, InlineIcon } from '@iconify/react';
import btcIcon from '@iconify/icons-cryptocurrency/btc';

<Icon icon={btcIcon} />
<p>This is some text with icon adjusted for baseline: <InlineIcon icon={btcIcon} /></p>

Example using icon 'ltc' with React

This example is using string syntax that is available since Iconify for React 2.0

This example will not work with Iconify for React 1.x

import React from 'react';
import { Icon, addIcon } from '@iconify/react';
import ltcIcon from '@iconify/icons-cryptocurrency/ltc';

addIcon('ltc', ltcIcon);

export function MyComponent() {
	return (
		<div>
			<Icon icon="ltc" />
		</div>
	);
}

Example using icon 'eth' with React

import React from 'react';
import { InlineIcon } from '@iconify/react';
import ethIcon from '@iconify/icons-cryptocurrency/eth';

export function MyComponent() {
	return (
		<p>
			<InlineIcon icon={ethIcon} /> Sample text with an icon.
		</p>
	);
}

See https://github.com/iconify/iconify/packages/react for details.

Usage with Vue

First you need to install Iconify for Vue.

If you are using NPM:

npm install --save-dev @iconify/vue

If you are using Yarn:

yarn add --dev @iconify/vue

Example using icon 'btc' with Vue

This example is using object syntax with TypeScript.

<template>
	<p>
		<iconify-icon :icon="icons.btc" />
	</p>
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import IconifyIcon from '@iconify/vue';
import btcIcon from '@iconify/icons-cryptocurrency/btc';

export default Vue.extend({
	components: {
		IconifyIcon,
	},
	data() {
		return {
			icons: {
				btc: btcIcon,
			},
		};
	},
});
</script>

Example using icon 'ltc' with Vue

This example is using string syntax.

<template>
	<p>
		Example of 'ltc' icon:
		<iconify-icon icon="ltc" :inline="true" />!
	</p>
</template>

<script>
import IconifyIcon from '@iconify/vue';
import ltcIcon from '@iconify/icons-cryptocurrency/ltc';

IconifyIcon.addIcon('ltc', ltcIcon);

export default {
	components: {
		IconifyIcon,
	},
};
</script>

Example using icon 'eth' with Vue

This example is using object syntax.

<template>
	<iconify-icon :icon="icons.ethIcon" />
</template>

<script>
import IconifyIcon from '@iconify/vue';
import ethIcon from '@iconify/icons-cryptocurrency/eth';

export default {
	components: {
		IconifyIcon,
	},
	data() {
		return {
			icons: {
				ethIcon,
			},
		};
	},
};
</script>

See https://github.com/iconify/iconify/packages/vue for details.

Usage with Svelte

First you need to install Iconify for Svelte.

If you are using NPM:

npm install --save-dev @iconify/svelte

If you are using Yarn:

yarn add --dev @iconify/svelte

Example using icon 'btc' with Svelte

<script>
    // npm install --save-dev @iconify/svelte @iconify/icons-cryptocurrency
    import IconifyIcon from '@iconify/svelte';
    import btcIcon from '@iconify/icons-cryptocurrency/btc';
</script>

<IconifyIcon icon={btcIcon} />

Example using icon 'ltc' with Svelte

<script>
    // npm install --save-dev @iconify/svelte @iconify/icons-cryptocurrency
    import IconifyIcon from '@iconify/svelte';
    import ltcIcon from '@iconify/icons-cryptocurrency/ltc';
</script>

<IconifyIcon icon={ltcIcon} />

Example using icon 'eth' with Svelte

<script>
    // npm install --save-dev @iconify/svelte @iconify/icons-cryptocurrency
    import IconifyIcon from '@iconify/svelte';
    import ethIcon from '@iconify/icons-cryptocurrency/eth';
</script>

<IconifyIcon icon={ethIcon} />

See https://github.com/iconify/iconify/packages/svelte for details.

About Cryptocurrency Icons

Icons author: Christopher Downer

Website: https://github.com/atomiclabs/cryptocurrency-icons

License: CC0 1.0

License URL: https://creativecommons.org/publicdomain/zero/1.0/