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-65e1f3f3823d4 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-65e1f3f382525 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-65e1f3f38268d 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-65e1f3f382b15 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-65e1f3f382c4f 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-65e1f3f382d88 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-65e1f3f382ec0 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-65e1f3f38323a 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-65e1f3f3833ac 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-65e1f3f383507 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-65e1f3f383647 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-65e1f3f3839d9 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-65e1f3f383b0a 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-65e1f3f383c31 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-65e1f3f383d5d 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-65e1f3f3840f4 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-65e1f3f384221 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-65e1f3f38434d 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-65e1f3f384477 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-65e1f3f384940 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-65e1f3f384a74 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-65e1f3f384ba7 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-65e1f3f384cd8 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-65e1f3f385bf5 p{color:#404b57;}#box-icon-65e1f3f385bf5 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-65e1f3f385db6 p{color:#404b57;}#box-icon-65e1f3f385db6 h4 {color:#ffffff!important;}
.full-width-65e1f3f385923 { 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--65e1f3f385923 { background-position:left top; background-repeat:repeat; ; } .full-width-65e1f3f385923 .mk-fancy-title.pattern-style span, .full-width-65e1f3f385923 .mk-blog-view-all { background-color: #00c8d7 !important; }