Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

github.com/antonytm/sitecore-icons

Package Overview
Dependencies
Alerts
File Explorer
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

github.com/antonytm/sitecore-icons

  • v1.0.3
  • Source
  • Go
  • Socket score

Version published
Created
Source

Sitecore Icons

This repository makes possible usage FA and MUI icons for your Sitecore items

image

You will get 1800+ FA and 2500+ MUI icons X 4 colors (Black, Blue, Green, Red)

How to install

  1. Go to releases
  2. Download latest release package
  3. Login to Sitecore Desktop
  4. Open Development Tools > Installation Wizard
  5. Upload package that you have downloaded
  6. Install it

Packages List

  1. SitecoreIcons-FontAwesome - Font Awesome icons in 4 colors: black, blue, green, red
  2. SitecoreIcons-FontAwesome-Black - Font Awesome icons in black color
  3. SitecoreIcons-FontAwesome-Blue - Font Awesome icons in blue color
  4. SitecoreIcons-FontAwesome-Green - Font Awesome icons in green color
  5. SitecoreIcons-FontAwesome-Red - Font Awesome icons in red color
  6. SitecoreIcons-Full - Font Awesome icons and MUI icons in 4 colors: black, blue, green, red
  7. SitecoreIcons-MUI - MUI Icons in 4 colors: black, blue, green, red
  8. SitecoreIcons-MUI-Black - MUI Icons in black color
  9. SitecoreIcons-MUI-Blue - MUI Icons in blue color
  10. SitecoreIcons-MUI-Green - MUI Icons in green color
  11. SitecoreIcons-MUI-Red - MUI Icons in red color

How packages are built

  1. FA (https://github.com/FortAwesome/Font-Awesome.git) is clonned as submodule
  2. MUI (https://github.com/mui/material-ui.git) is clonned as submodule
  3. We iterate trought all SVG files
  4. We iterate thought all colors
  5. We iterate thought all required sizes (16x16, 24x24, 32x32, 48x48, 128x128)
  6. SVG is modified to have required size and color
  7. SVG is converted to PNG using ImageMagick

FAQ

  1. Q: I have installed packages, but you don't see icons

    A: Try to clean up \Website\temp folder on you CM server

  2. Q: I don't like color shades, I want to change them

    A: Open /scripts/Generic.ps1 and change $colors variable

  3. Q: I want to add more colors or replace existing

    A: Open /scripts/Generic.ps1 and change $colors variable. Open SitecoreIcons.sln in VS and configure colors that you need

  4. Q: Can I trust package content?

    A: All packages are build using GitHub actions and you can review whole process.

  5. Q: Do icons license allow their usage?

    A: Yes. FA has CC By 4.0 License. MUI has MIT License.

  6. Q: I want to change and build packages by myself

    A: You need to fork repository and create tag in format v..... It will trigger new build.

  7. Q: I want to build pakages locally

    A: Run ./scripts/local.ps1 using Powershell

  8. Q: How many icons will I get?

    A: 1800+ FA icons + 2500+ MUI icons

  9. Q: I don't want to have all colors

    A: You may to install only packages with colors that you need

  10. Q: Icons dialog is too slow

    A: It is slow only the first time. Sitecore will make a cache, located in \Website\temp. If cache is cleared then it will take to load long time again.

  11. Q: I want to use it will Docker

    A: No problem, but you need to map \Website\temp folder to avoid rebuild icons cache on each container restart

Licenses

  1. MUI Icons: MIT License
  2. FA Icons: CC By 4.0 License
  3. This repository: MIT License

Thanks to

  1. Viet Hoang, who wrote article about icons many years ago.
  2. MUI authors
  3. FA authors

FAQs

Package last updated on 03 Jan 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc