Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Metronic fonctional icons


Hi Keenthemes,

In Our Project we get rid of all icons, we used instead SVG icons, in all our application, there's no font icons, like (Boostrap icons, Font awesome icons, Line Awesome icons), but just SVG ones.

1 - can you use SVG icons instead of (Boostrap icons, Font awesome icons, Line Awesome icons), specially for the little icons, and functional like (Close, Delete, ..)

Like the one you use to Clear and image inside KT-Image, or the 'x' one to use to clear the file item in DropeZone.....

2 - Or make way in such, we can custom that by using an SVG (We already discussed that before) and make it happened with KT-Image (the button that clear the image), we would like to see that in every component that use those 'x' or 'â–¶' ...

Thank you so much.


user
riterix 3 years ago
Metronic
2 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

user
Sean Author 3 years ago

Hi,

Thanks for your feedback. Noted.

Noted and we will consider it in a future update.
For system components that use arrows, close, etc we use SVG icons. For KTImageInput you can replace the font icon with the SVG one.

Soon we will release our new icon set with 500 uniquely designed icons in 3 versions Duotone(SVG), Outline(font), and Bold(font icon) and our UI will 100% use our in-house icons.

Regards.


user
riterix 3 years ago

Roger that,

Thank you.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(