---
title: "Timeline With Image Icons"
url: https://cooltimeline.com/demo/image-icons-timeline/
date: 2025-11-10
modified: 2026-09-21
lang: en
author: "cpsatinder"
description: "Timeline With Image Icons Use Icons or Add Custom Images in Timeline Enhance your vertical and horizontal timeline with icons or custom images for better visual impact. Cool Timeline Pro..."
image: https://cooltimeline.com/wp-content/uploads/2025/12/Use-Font-Awesome-Icons-or-Add-Custom-Images-timeline.jpg
word_count: 83
---

# Timeline With Image Icons

**Timeline With Image Icons
**

# Use Icons or Add Custom Images in Timeline
Enhance your vertical and [horizontal timeline](https://cooltimeline.com/doc/horizontal-timeline-shortcode/) with icons or custom images for better visual impact.

![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png)
### Cool Timeline Pro
[
ASC/DESC
](/demo/order-asc-desc-timeline/)
[
Navigation
](/demo/scrolling-navigation-timeline/)
[
Animation
](/demo/animation-effects-timeline/)
[
Load More
](/demo/ajax-load-more-or-pagination/)
[
Category
](/demo/category-filters-timeline/)
[

Buy Plugin
](/plugin/cool-timeline-pro/#pricing)

#### Icons In Timeline(Custom Icon or Font Awesome)

2014October 10
[This is Dummy Timeline Title With Youtube Video](https://cooltimeline.com/timeline/youtube-video-inside-timeline/)
**![](https://img.youtube.com/vi/mUxzKVrSAjs/hqdefault.jpg)
Explore key moments with this dummy timeline, enhanced by a YouTube video. Dive into engaging visuals and insights, perfect for learning and entertainment. Watch and experience history, technology, or your favorite topics unfold, all in an interactive and dynamic format.

2013November 11![](https://cooltimeline.com/wp-content/uploads/2019/03/nature-6-150x150.png)
[Custom Image Icon + Custom Color](https://cooltimeline.com/timeline/custom-image-icon-color/)[![Custom Image Icon + Custom Color](https://cooltimeline.com/wp-content/uploads/2019/03/nature-2.png)](https://cooltimeline.com/wp-content/uploads/2019/03/nature-2.png)Enhance your experience with a custom image icon and custom color.

-  Personalized image icon for unique branding.
- Tailored color scheme to match your aesthetic.

July 30
[Timeline Story With Custom Link](https://google.com)[![Timeline Story With Custom Link](https://cooltimeline.com/wp-content/uploads/2019/03/nature-1.png)](https://cooltimeline.com/wp-content/uploads/2019/03/nature-1.png)Lorem ipsum dolor sit amet, consectetur adipiscing elit. constructio interrete, nos admirabilia dicamus

-  Pomponius quidem, inquam, et fortasse suo iure.
- Tria genera bonorum;

July 21
[Slideshow Sample Inside A Story](https://cooltimeline.com/timeline/slideshow-sample-inside-a-story/)

[![](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-1.png)](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-1.png)[![](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-2.png)](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-2.png)[![](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-3.png)](https://cooltimeline.com/wp-content/uploads/2019/03/nature-4-3.png)

A slideshow sample inside a story provides visual storytelling through a sequence of images or slides. It enhances narrative depth by presenting visual content that complements or expands upon the written text, engaging readers with a multimedia approach to storytelling.

Page 1 of 2 1
[2](https://cooltimeline.com/demo/image-icons-timeline/page/2/)
[**](https://cooltimeline.com/demo/image-icons-timeline/page/2/)

**Shortcode** (Above timeline uses this shortcode) :-

`
[[cool-timeline layout="default" designs="design-5" skin="default" category="timeline-stories" show-posts="4" order="DESC" icons="icon" animations="slide-up" date-format="F d" story-content="full" based="default" compact-ele-pos="main-date" pagination="default" filters="no"]]
`