Free Bullet Images & Dings

Bullets can be used to dress up your unordered lists.

• Item 1
• Item 2
• Item 3

The code is very simple.

<ul style="list-style-image: url(bullets/starviolet.gif)">   
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

So can wingdings

• 🐞 First Item
• 🐞 Second Item
• 🐞 Third Item

<ul style="list-style:none; font-size:1.25rem">
<li><span style="font-size:30px;">&#128030;</span>&nbsp;First Item</li>
<li><span style="font-size:30px;">&#128030;</span>&nbsp;Second Item</li>
<li><span style="font-size:30px;">&#128030;</span>&nbsp;Third Item</li>
</ul>

👉NOTE: You can add text-shadow to most of them to make them stand out.🐞

<span style="font-size:40px;text-shadow: 1px 1px 1px #000">&#128030;</span>

 

Easier Copying: Open your Windows File Manager to the desired folder. Drag the bullet you want and drop it in.

 

WingDings, WebDings and Such

WingDings and WebDings can be used in many different ways. Enhancing lists is just one example.

I use them on this website as bottom of page navigation tools. Once in a while I'll use them in page headings and even in paragraphs.

I've tested them on Linux, Windows and in cellphones and they have yet to disappoint.