A new list. A new icon. A new color.

Choose between over 1500+ icons and assign them to each of your lists. You can also customize icon colors.

  • Praesent in libero vel turpis pellentesque egestas sit
  • Proin fermentum erat in diam luctus eget porttitor
  • Donec mollis consequat velit eget venenatis
  • Nunc orci augue consequat proin fermentum
#list-style-65130ed3e7df2 ul li:before { font-family:Icomoon; content: "\\e1d1"; color:#93c100 }
  • Praesent in libero vel turpis pellentesque egestas sit
  • Proin fermentum erat in diam luctus eget porttitor
  • Donec mollis consequat velit eget venenatis
  • Nunc orci augue consequat proin fermentum
#list-style-65130ed3e7f3f ul li:before { font-family:Icomoon; content: "\\e07f"; color:#d1a410 }
  • Praesent in libero vel turpis pellentesque egestas sit
  • Proin fermentum erat in diam luctus eget porttitor
  • Donec mollis consequat velit eget venenatis
  • Nunc orci augue consequat proin fermentum
#list-style-65130ed3e807e ul li:before { font-family:Icomoon; content: "\\53"; color:#c24700 }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e8440 ul li:before { font-family:Icomoon; content: "\\069"; color:#e34483 }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e8673 ul li:before { font-family:Icomoon; content: "\\061"; color:#ababab }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e8773 ul li:before { font-family:Icomoon; content: "\\e3f7"; color:#4fc5e3 }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e886b ul li:before { font-family:Icomoon; content: "\\023"; color:#81d13a }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e8b50 ul li:before { font-family:Icomoon; content: "\\29"; color:#eb926f }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e8c4a ul li:before { font-family:FontAwesome; content: "\\f164"; color:#5accad }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e8d23 ul li:before { font-family:Icomoon; content: "\\e118"; color:#8aabde }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e8df3 ul li:before { font-family:Icomoon; content: "\\e1df"; color:#cc5a5a }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e9068 ul li:before { font-family:Icomoon; content: "\\49"; color:#4fbd5e }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e916d ul li:before { font-family:Icomoon; content: "\\6d"; color:#e6598b }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e927f ul li:before { font-family:Icomoon; content: "\\e32c"; color:#6490e3 }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e937b ul li:before { font-family:Icomoon; content: "\\e02d"; color:#e67ed5 }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e95e6 ul li:before { font-family:Icomoon; content: "\\e262"; color:#84ba89 }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e96b8 ul li:before { font-family:Icomoon; content: "\\e201"; color:#debf42 }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e9786 ul li:before { font-family:Icomoon; content: "\\e21a"; color:#73cc70 }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e9851 ul li:before { font-family:Icomoon; content: "\\e303"; color:#e88e3a }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e9aa9 ul li:before { font-family:Icomoon; content: "\\33"; color:#eb3b79 }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e9b78 ul li:before { font-family:Icomoon; content: "\\e1f8"; color:#a2c4cf }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e9c42 ul li:before { font-family:Icomoon; content: "\\e1cb"; color:#a7c725 }
  • Praesent in libero vel pellentesque
  • Proin fermentum eratin eget porttitor
  • Donec mollis consequat venenatis
  • Nunc orci augue consequat
#list-style-65130ed3e9d0b ul li:before { font-family:Icomoon; content: "\\e464"; color:#e34f4f }
  1. Praesent in libero vel pellentesque in semper dignissim rutrum dolor
  2. Proin fermentum eratin eget porttitor lorem ipsum dolor sit consectetur adipiscing
  3. Donec mollis consequat venenatis libero vel pellentesque in semper
  4. Nunc orci augue consequat in semper dignissim rutrum dolor
  • Praesent in libero vel pellentesque in semper dignissim rutrum dolor
  • Proin fermentum eratin eget porttitor lorem ipsum dolor sit consectetur adipiscing
  • Donec mollis consequat venenatis libero vel pellentesque in semper
  • Nunc orci augue consequat in semper dignissim rutrum dolor

Unlimited colors

You can unlimited custom lists with unlimited colors in a page. Just pick up the color that you like and apply it to the icons. Color values however inherit from theme primary color.

#box-icon-65130ed3ea631 p{color:#404b57;}#box-icon-65130ed3ea631 h4 {color:#ffffff!important;}

Huge icon collections

Jupiter undoubtedly includes the biggest and most complete icon collection. The premium „icomoon“ and open source „font awesome“ collection include more than 1600 fonts in total. This means you can find one or more icons for each topic.

#box-icon-65130ed3ea76c p{color:#404b57;}#box-icon-65130ed3ea76c h4 {color:#ffffff!important;}
.full-width-65130ed3ea449 { min-height:100px; padding:50px 0 50px; margin-bottom:0px; background-color:#00c8d7; border:1px solid #00c8d7;border-left:none;border-right:none; } #background-layer--65130ed3ea449 { background-position:left top; background-repeat:repeat; ; } .full-width-65130ed3ea449 .mk-fancy-title.pattern-style span, .full-width-65130ed3ea449 .mk-blog-view-all { background-color: #00c8d7 !important; }