q-icons v2.0.0
Qoatl Icons
Qoatl Icons is a library in a cdn that proposes icons in svg format as reusable web components that through an attribute the tag <q-icon> returns an icon (only if it is available)
Installation
If you want to use Qoatl icons be sure to use the following script inside the <head> tag in your html file
<script src="https://unpkg.com/q-icons@1.0.4/index.js"></script>Basic usage
Once the script is added in the <head> tag it is as easy as adding the <q-icon </q-icon> tag where you need it
<q-icon name="typescript"></q-icon>Editing...
Being a web component, it is as simple as editing it using css as if it were a source, like the following examples.
q-icon {
color: red;
font-size: 20px;
...;
}You can also specify the icon via its name attribute. example:
[name='google'] {
color: red;
font-size: 20px;
...;
}Soon a documentation / home page will be published to preview the icons in a better way and facilitate the use of the library. :DSoon new functions are being incorporated to work with the icons and give them a bit of dynamism and style, in addition to adding more icons to the package to expand the library, currently the cnd is not available, but as soon as it considers that the project is stable it will be published the first version.