Light
Dark
System
Ask  Question

Access to FlatIcon collection

Hi,

I am using Metronic as a result of being a licensed AspNetZero customer.
I am also a licensed FlatIcon customer.
I need to add new font icons to my product, and the FlatIcons font generator does not provide options for changing the output name of the CSS selector (it will be "flaticon-", the same as the ones already linked by Metronic).

The best way forward I can see, is to "extend" the collection of icons used by Metronic, adding my custom ones.

FlatIcons supports the export/import of collection definitions.

Are you able to provide a backup of your FlatIcon collection configuration, so that I can import it, and begin adding my own icons?

Thanks and regards,

Adam Langley
A
Adam 2 months ago
Icons
1 Answers
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)

S
Sean Author2 months ago
Hi,

In your case, I would suggest you make your own flat icon collection and export it as CSS web icons and include them as a custom icon set in your app and use it.

You may need some CSS fixes for your new flat icon set in order to use them with Metronic components so you can reuse the main css code for icons from
src/plugins/fonticon/fonticon.css:

i[class^="fonticon-"]:before, 
i[class*=" fonticon-"]:before {
 font-family: fonticon !important;
 font-style: normal;
 font-weight: normal !important;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}



If you need any further help please let us know.

Regards.
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Metronic

Go to MetronicDownloadsPurchase MetronicRefunds

React Dev Vacancy

KeenThemes is looking for a Junior React or Vue developer to build awesome apps.
Apply
keenthemes mega bundle