https://github.com/maptiler/styles
https://github.com/maptiler/styles
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/maptiler/styles
- Owner: maptiler
- Created: 2020-03-17T13:12:46.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2025-05-28T08:34:49.000Z (about 1 year ago)
- Last Synced: 2025-05-28T09:35:56.849Z (about 1 year ago)
- Language: HTML
- Size: 724 KB
- Stars: 0
- Watchers: 5
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# MapTiler Styles
Visual front-end framework of [MapTiler](https://www.maptiler.com/) brand based on Bootstrap
## Icons
We use [material icons](https://fonts.google.com/icons?selected=Material+Icons) for all the icons, with some custom ones made by our designer.
### Icons structure
`/extra` folder contains all the edited icons or the ones that need to be editable with css and are being used in different components.
`/SVG` folder contains all the `.svg` files of our icons
`icon.svg` file contains all our icons compiled and ready to be used as inline svgs, this is the preferred way of using icons because you can change them with CSS.
Add icon as an inline svg from icon sheet(icon.svg) with all icons, this option can be styled.
```
```
or as a file
```
```
All icons with names can be viewed in demo.html accessible manually.
### Adding an icon
Choose an icon from the material icon resource, then add svg file to the `/SVG` folder, then add the same icon to `icons.svg` with unique id so it can be used both ways.
#### How to add to icon svg