@iconify/icons-subway

    1.1.0 • Public • Published

    Subway Icon Set

    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-subway --save-dev

    If you are using Yarn:

    yarn add --dev @iconify/icons-subway

    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 'call-2' with React

    import { Icon, InlineIcon } from '@iconify/react';
    import call2 from '@iconify/icons-subway/call-2';
    <Icon icon={call2} />
    <p>This is some text with icon adjusted for baseline: <InlineIcon icon={call2} /></p>

    Example using icon 'power-batton' 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 powerBatton from '@iconify/icons-subway/power-batton';
     
    addIcon('powerBatton', powerBatton);
     
    export function MyComponent() {
        return (
            <div>
                <Icon icon="powerBatton" />
            </div>
        );
    }

    Example using icon 'admin' with React

    import React from 'react';
    import { InlineIcon } from '@iconify/react';
    import adminIcon from '@iconify/icons-subway/admin';
     
    export function MyComponent() {
        return (
            <p>
                <InlineIcon icon={adminIcon} /> 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 'call-2' with Vue

    This example is using object syntax with TypeScript.

    <template>
        <p>
            <iconify-icon :icon="icons.call2" />
        </p>
    </template>
     
    <script lang="ts">
    import { Component, Prop, Vue } from 'vue-property-decorator';
    import IconifyIcon from '@iconify/vue';
    import call2 from '@iconify/icons-subway/call-2';
     
    export default Vue.extend({
        components: {
            IconifyIcon,
        },
        data() {
            return {
                icons: {
                    call2: call2,
                },
            };
        },
    });
    </script>

    Example using icon 'power-batton' with Vue

    This example is using string syntax.

    <template>
        <p>
            Example of 'power-batton' icon:
            <iconify-icon icon="powerBatton" :inline="true" />!
        </p>
    </template>
     
    <script>
    import IconifyIcon from '@iconify/vue';
    import powerBatton from '@iconify/icons-subway/power-batton';
     
    IconifyIcon.addIcon('powerBatton', powerBatton);
     
    export default {
        components: {
            IconifyIcon,
        },
    };
    </script>

    Example using icon 'admin' with Vue

    This example is using object syntax.

    <template>
        <iconify-icon :icon="icons.adminIcon" />
    </template>
     
    <script>
    import IconifyIcon from '@iconify/vue';
    import adminIcon from '@iconify/icons-subway/admin';
     
    export default {
        components: {
            IconifyIcon,
        },
        data() {
            return {
                icons: {
                    adminIcon,
                },
            };
        },
    };
    </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 'call-2' with Svelte

    <script>
        // npm install --save-dev @iconify/svelte @iconify/icons-subway
        import IconifyIcon from '@iconify/svelte';
        import call2 from '@iconify/icons-subway/call-2';
    </script>
     
    <IconifyIcon icon={call2} />

    Example using icon 'power-batton' with Svelte

    <script>
        // npm install --save-dev @iconify/svelte @iconify/icons-subway
        import IconifyIcon from '@iconify/svelte';
        import powerBatton from '@iconify/icons-subway/power-batton';
    </script>
     
    <IconifyIcon icon={powerBatton} />

    Example using icon 'admin' with Svelte

    <script>
        // npm install --save-dev @iconify/svelte @iconify/icons-subway
        import IconifyIcon from '@iconify/svelte';
        import adminIcon from '@iconify/icons-subway/admin';
    </script>
     
    <IconifyIcon icon={adminIcon} />

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

    About Subway Icon Set

    Icons author: Mariusz Ostrowski

    Website: https://github.com/mariuszostrowski/subway

    License: CC BY 4.0

    License URL: https://creativecommons.org/licenses/by/4.0/

    Keywords

    none

    Install

    npm i @iconify/icons-subway

    DownloadsWeekly Downloads

    6

    Version

    1.1.0

    License

    none

    Unpacked Size

    207 kB

    Total Files

    618

    Last publish

    Collaborators

    • cyberalien