Skip to content

square/maker-icons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Maker icons

Icon set for Maker. Mostly uses icons from Feather Icons plus a few manual additions.

Using

npm install @square/maker-icons

Then within your Vue components:

<template>
    <span class="error">
        <alert-circle> {{ errorMessage }}
    </span>
</template>

<script>
import AlertCircle from '@square/maker-icons/AlertCircle';

export default {
    name: 'MyErrorComponent',
    components: {
        AlertCircle,
    },
    props: {
        errorMessage: {
            type: String,
            required: true,
        },
    },
};
</script>

<style scoped>
.error {
    color: red; /* only colors the text */
    fill: red; /* required to color the icon */
}
</style>

Contributing

Installing dependencies

npm ci

Building

npm run build

Manually adding icons

Add the svg files to the svg folder. Use kebab-case names for the file names.

Publishing

Check you're publishing what you intend to with:

npm publish --dry-run

Before publishing remember to bump the version in package.json.

Also remember to login using npm login.

Then actually publish with:

npm publish

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published