How to add a custom icon to a Craft CMS plugin

A step by step guide on adding a custom icon to a plugin in Craft CMS.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 01/14/2023 at 17:33
Last Updated on 02/14/2023 at 10:52
A flower that represents Craft CMS with the text "Plugin Icon" beneath it.

A step by step guide on adding a custom icon to a plugin in Craft CMS.

The following tutorial walks you through how to add a custom icon to a Craft CMS plugin.

SubscribeDownload Open Source Starter ProjectHow to create & setup a Craft CMS project

We recommend that you download or clone our Open Source starter project, check out the main branch and complete the steps below. The changes can be found on the tutorial/plugin-icon.

git clone git@github.com:delasign/craft-cms-starter.git
View Repository

Step One: Setup the plugin

A screenshot of our Sample Plugin Installed.

We recommend following the tutorial linked below to setup your Craft CMS plugin.

How to create & setup a plugin in Craft CMS

Step Two: Add the icon

A screenshot of Craft CMS showing our plugin icon.

A Craft CMS plugin icon must be a .svg titled icon.svg and must be added to the src folder of your Craft CMS plugin.

Any Questions ?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.

SubscribeInquireView All PostsView All ServicesView All Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe