@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

npm install @buddenbrock/typo3-icons

Using yarn

yarn add @buddenbrock/typo3-icons

Icons

Default Icons

You find the TYPO3 default iconset into TYPO3-Icon Repository or on these Show Page.

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.

License

MIT © @buddenbrock/typo3-icons