# @buddenbrock/typo3-icons
Additional svg-icons for the TYPO3 CMS backend content elements
## Why?
New icons are always needed for the TYPO3 backend.
So that you don't have to start from scratch every time is there a template document.
There is already a small collection of created icons in this document. These depend on the styling of the TYPO3 icons.
Since the icons usually have the same meaning from installation to installation,
it would be possible in this document to create a small collection from which demand icons can be used.
## Installation
### Using npm
```sh
npm install @buddenbrock/typo3-icons
```
### Using yarn
```sh
yarn add @buddenbrock/typo3-icons
```
## Icons
### Default Icons
You find the TYPO3 default iconset into [TYPO3-Icon Repository](https://github.com/TYPO3/TYPO3.Icons) or on these [Show Page](https://typo3.github.io/TYPO3.Icons/).
### Pagetree Icons
Icon | Name
---|---
 | `pagetree-page-missing`
### Grid/Layout Icons
Icon | Name
---|---
 | `grid-25-25-25-25`
 | `grid-33-33-33`
 | `grid-25-75`
 | `grid-40-60`
 | `grid-50-50`
 | `grid-60-40`
 | `grid-75-25`
 | `grid-100`
 | `grid-header`
 | `grid-header-25-25-25-25`
 | `grid-header-33-33-33`
 | `grid-header-50-50`
### Content Icons
Icon | Name
---|---
 | `ce-360-degree-player`
 | `ce-accordion-1`
 | `ce-accordion-2`
 | `ce-accordion-3`
 | `ce-accordion-4`
 | `ce-address`
 | `ce-article-1`
 | `ce-article-2`
 | `ce-article-slider-1`
 | `ce-article-slider-2`
 | `ce-audio`
 | `ce-blockquote-1`
 | `ce-blockquote-2`
 | `ce-blockquote-3`
 | `ce-blockquote-4`
 | `ce-blog-preview`
 | `ce-book-gallery`
 | `ce-book`
 | `ce-button-1`
 | `ce-button-2`
 | `ce-button-icon`
 | `ce-calender`
 | `ce-chat`
 | `ce-comment`
 | `ce-contact-1`
 | `ce-contact-2`
 | `ce-countdown`
 | `ce-diagram`
 | `ce-download-1`
 | `ce-download-2`
 | `ce-download-container`
 | `ce-employee-1`
 | `ce-employee-2`
 | `ce-employee-3`
 | `ce-filter`
 | `ce-form`
 | `ce-fundraising`
 | `ce-gallery-item`
 | `ce-hero-1`
 | `ce-hero-2`
 | `ce-hero-3`
 | `ce-hero-4`
 | `ce-hero-5`
 | `ce-hero-6`
 | `ce-hero-7`
 | `ce-icon`
 | `ce-iframe`
 | `ce-image-1`
 | `ce-image-2`
 | `ce-image-3`
 | `ce-image-4`
 | `ce-image-5`
 | `ce-image-6`
 | `ce-image-7`
 | `ce-image-8`
 | `ce-image-9`
 | `ce-image-downloads`
 | `ce-image-slide`
 | `ce-image-statement`
 | `ce-image-tiles-1`
 | `ce-image-tiles-2`
 | `ce-image-tiles-3`
 | `ce-inline-quote`
 | `ce-instagram`
 | `ce-lightbox-content`
 | `ce-list-1`
 | `ce-list-2`
 | `ce-listbox`
 | `ce-login`
 | `ce-map-1`
 | `ce-map-2`
 | `ce-map-3`
 | `ce-media`
 | `ce-news`
 | `ce-podcast`
 | `ce-quote-box`
 | `ce-quote-slider`
 | `ce-quote`
 | `ce-service`
 | `ce-shop-search`
 | `ce-skills`
 | `ce-slider-1`
 | `ce-slider-2`
 | `ce-social`
 | `ce-team-container`
 | `ce-team`
 | `ce-teaser-1`
 | `ce-teaser-2`
 | `ce-teaser-box`
 | `ce-testimonial`
 | `ce-text-1`
 | `ce-text-2`
 | `ce-text-3`
 | `ce-text-4`
 | `ce-text-5`
 | `ce-text-6`
 | `ce-text-box`
 | `ce-text-button-1`
 | `ce-text-button-2`
 | `ce-text-button-3`
 | `ce-text-cta`
 | `ce-text-highlight`
 | `ce-text-image-1`
 | `ce-text-image-2`
 | `ce-text-image-3`
 | `ce-text-image-4`
 | `ce-text-image-5`
 | `ce-text-image-6`
 | `ce-text-image-7`
 | `ce-text-image-8`
 | `ce-text-image-slider-1`
 | `ce-text-image-slider-2`
 | `ce-text-list-1`
 | `ce-text-list-2`
 | `ce-text-video-1`
 | `ce-text-video-2`
 | `ce-tiles-group-1`
 | `ce-tiles-group-2`
 | `ce-tiles`
 | `ce-vcard-container`
 | `ce-vcard`
 | `ce-video`
 | `ce-webcam`
### Payment Icons
Icon | Name
---|---
 | `payment-amazon-pay`
 | `payment-amex`
 | `payment-apple-pay`
 | `payment-cirrus`
 | `payment-diners-club`
 | `payment-discover`
 | `payment-klarna`
 | `payment-maestro`
 | `payment-mastercard`
 | `payment-patreon`
 | `payment-paypal`
 | `payment-visa`
### Atlassian Icons
Icon | Name
---|---
 | `atlassian`
 | `atlassian-bitbucket`
 | `atlassian-confluence`
 | `atlassian-halp`
 | `atlassian-jira-align`
 | `atlassian-jira-service-management`
 | `atlassian-jira-software`
 | `atlassian-jira-work-management`
 | `atlassian-opsgenie`
 | `atlassian-sourcetree`
 | `atlassian-statuspage`
 | `atlassian-trello`
### Social Icons
Icon | Name
---|---
 | `social-airbnb`
 | `social-amazon`
 | `social-amazon-aws`
 | `social-audible`
 | `social-ausweisapp2`
 | `social-behance`
 | `social-blogger`
 | `social-codepen`
 | `social-deezer`
 | `social-dhl`
 | `social-doodle`
 | `social-discord`
 | `social-disqus`
 | `social-dribbble`
 | `social-dropbox`
 | `social-envato`
 | `social-eventbrite`
 | `social-eventim`
 | `social-evernote`
 | `social-facebook`
 | `social-facebook-messanger`
 | `social-fedex`
 | `social-figma`
 | `social-flickr`
 | `social-foursquare`
 | `social-giphy`
 | `social-github`
 | `social-google`
 | `social-google-drive`
 | `social-google-maps`
 | `social-instagram`
 | `social-invision`
 | `social-kickstarter`
 | `social-kik-messanger`
 | `social-lastfm`
 | `social-linkedin`
 | `social-mailchimp`
 | `social-mixer`
 | `social-npm`
 | `social-onedrive`
 | `social-pinterest`
 | `social-reddit`
 | `social-rss`
 | `social-shutterstock`
 | `social-skype`
 | `social-slack`
 | `social-snapchat`
 | `social-soundcloud`
 | `social-spotify`
 | `social-stackoverflow`
 | `social-stumbleupon`
 | `social-teamspeak`
 | `social-teamviewer`
 | `social-telegramm`
 | `social-tiktok`
 | `social-tumblr`
 | `social-twitch`
 | `social-twitter`
 | `social-ups`
 | `social-usps`
 | `social-vimeo`
 | `social-vk`
 | `social-whatsapp`
 | `social-wikipedia`
 | `social-xing`
 | `social-yelp`
 | `social-youtube`
## Issues and wishes
You have wishes for icons that do not yet exist, then write an issue and I will see that such an icon is included.
## Donation
This is free, open-source software. If you'd like to support the development of future projects, or say thanks for this one, you can [donate](https://www.paypal.me/buddenbrock).
## License
MIT © [@buddenbrock/typo3-icons](https://github.com/Buddenbrock/typo3-icons/blob/master/LICENSE)