Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Example] Add custom icon font to the sulu admin build #111

Draft
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

Prokyonn
Copy link
Member

What's in this PR?

This PR demonstrates how you can add your custom icon-font to the sulu admin.

The example implements a custom icon font generated with the IcoMoon App. The custom font adds a Rocket icon. For the demonstration the new icon is used in the navigation for the Music item.

Steps

  1. create your custom icon-font with the IcoMoon App
  2. custom icons must be prefixed with su-, in the example the su-app- prefix is used
Settings settings
  1. add the generated font to the project and add the css file of the font in your app.js
  2. update the administration interface frontend application
  3. use the new icon

image

@Prokyonn Prokyonn force-pushed the example/custom-icon-font branch from 6c3f74d to 286d294 Compare February 12, 2024 10:47
@Prokyonn Prokyonn added the Example Example implementations label Feb 12, 2024
@Prokyonn Prokyonn force-pushed the example/custom-icon-font branch from 286d294 to 2205222 Compare February 12, 2024 10:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Example Example implementations
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant