# Pacifico Icons

![](https://i.imgur.com/NS1gJeU.png)

> This is part of the Pacifico Seguros' design system.


## Documentation

You can see all the icons live on the [docs](https://pacifico-elements.gugadev.now.sh).

## How to use

To use a Web Component and use as you want. For example, to use with plain HTML.

```html
<head>
  <script type="module" script="node_modules/@pacificoseguros/icons/house"></script>
</head>
<body>
  <ck-icon-house></ck-icon-house>
</body>
```

You can import the components using JavaScript too:

```javascript
import '@pacificoseguros/elements/icon/house'

// root is a HTML node
root.innerHTML = html`
  <ck-icon-house></ck-icon-house>
`
```

Or if you're using React...

```javascript
import React from 'react'
import from '@pacificoseguros/icons/house'

export const MyView = function() {
  return (
    <ck-icon-house color="#09c" />
  )
}
```