Icon Library


Place scalable vector icons anywhere in your content.

JDS comes with its own SVG icon system and a comprehensive library, which comprises a growing number of elegant outline icons. This component injects SVGs into the site, so that they adopt color and can be styled with CSS.

Find Full Icon Library

Icon Library Installation

Use the css file in your application HTML

https://www.julyservices.com/jds/icon/fonts.css

or

https://cdn.jsdelivr.net/gh/kiibriia/jds-ico@main/fonts.css

You can add this file into your CSS File

@import "https://www.julyservices.com/jds/icon/fonts.css";
Icon Library Regular
  • Account jdsi-account
  • Alarm Warning jdsi-alarm-warning
  • article jdsi-article
  • At the Rate jdsi-at
  • Book jdsi-book
  • briefcase jdsi-briefcase
  • Chart Customize jdsi-chart-customize
  • Community Building jdsi-community-building
  • folders jdsi-folders
  • magic jdsi-magic
Icon Library Solid
  • Account Solid jdsi-account-solid
  • Alarm Warning Solid jdsi-alarm-warning-solid
  • Article Solid jdsi-article-solid
  • At the Rate Solid jdsi-at-solid
  • BookSolid jdsi-book-solid
  • briefcase Solid jdsi-briefcase-solid
  • Chart Customize Solid jdsi-chart-customize-solid
  • Community Building Solid jdsi-community-building-solid
  • folders Solid jdsi-folders-solid
  • magic Solid jdsi-magic-solid
Using in html
Using CSS Content Icons

.iconClass::before {
    content: '\e990';
    font-family: 'julyico' !important;
    /* common property */
    font-size: 40px;
    color: #999;    
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
Account jdsi-account

Find all Icon's togather

Find Full Icon Library