heroicons + sidekickicons

Ad icon

ad

AD in a rounded rectangle, for ads, sponsored content and ad settings.

Component
AdIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
advertisement, advert, ads, sponsored, promotion, marketing, badge

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 4.5h15a2.25 2.25 0 0 1 2.25 2.25v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75A2.25 2.25 0 0 1 4.5 4.5Zm1.625 11.25V10.5a2.25 2.25 0 0 1 4.5 0v5.25m-4.5-3h4.5m3-4.5v7.5h1.125a3.75 3.75 0 0 0 0-7.5Z" />
</svg>

Download

ad icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Ad icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Sponsored Sponsored

Badges · Micro

History

  1. Added in Sidekickicons 0.22.0 .

Related icons

More Sidekickicons