Skip to content

Comments

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

Draft
Prokyonn wants to merge 1 commit intomasterfrom
example/custom-icon-font
Draft

[Example] Add custom icon font to the sulu admin build#111
Prokyonn wants to merge 1 commit intomasterfrom
example/custom-icon-font

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