Skip to main content

Free Animated Marketing Icons

24 animated icons for agencies and marketing teams: campaigns, funnels, A/B tests, SEO and social posts. They reach your inbox over three weeks.

Also send me, for marketing, when each is ready:

Confirm your email and the first icons arrive. Unsubscribe any time. Privacy policy

Week 1

When you confirm your email

  • Email campaign

  • Segments

  • Brand kit

  • Campaign ROI

  • Billboard

  • Lead magnet

  • SEO ranking

  • A/B test

Week 2

One week later

  • Megaphone

  • Retargeting

  • Keywords

  • Conversion funnel

  • Newsletter

  • Target audience

  • Blog post

  • Attribution

Week 3

Two weeks later

  • Customer journey

  • Content calendar

  • Influencer

  • Click-through

  • Referral

  • Video ad

  • Social post

  • Heatmap

About this set

About the Marketing icons

Marketing icons that explain the work to people who buy it. The set shows channels (Email campaign, Newsletter, Billboard, Social post), the numbers behind them (Campaign ROI, Heatmap, Attribution, Click-through) and the thinking (Segments, Target audience, Customer journey, Brand kit). Each icon moves, so a funnel actually funnels and a megaphone actually shouts.

Where they fit

On an agency services page, Conversion funnel lets three balls fall in while one comes out, which says what a funnel does in a glance. On a reporting or results page, A/B test grows variant B's bar and gives it a crown. On a pricing or process page, Content calendar slides a post card along the weekly rail. They also suit proposal decks and case study sections.

One look across the set

All 24 icons are built on the same 400 by 320 canvas with one line weight and one accent colour. That shared look lets a Lead magnet sit next to a Video ad in the same service grid and still feel like one brand.

From the email to your page

  1. Open the email and download the ZIP. The svg folder holds the animated icons, and preview.html shows them all moving.
  2. For a looping icon, use the file as an image: an img tag with width 240 and height 192 keeps the 5:4 frame.
  3. For hover play, accent colour and dark mode, paste the SVG markup into your page instead of linking the file.
  4. Add data-play="hover" to the svg to play it only on hover, or data-cm-play="hover" on the card around it.
  5. Set --cm-accent to your brand colour, and add data-theme="dark" on dark backgrounds.

License

Free to use, with three limits

  • Use them in websites, apps, products and client projects, free
  • Credit is appreciated, not required
  • Not allowed: selling or sharing them as icons, claiming them as yours, or using them in a logo
Read the full license

More industries

Building for Marketing?

We build Marketing products, not just their icons

DeveloperLook designs and builds the websites and software these icons are drawn for. See how we work in your market.

FAQ

Questions about the Marketing icons

  • Yes. Use them in sites, apps, products and client projects at no cost, and credit us if you like (it isn't required). Don't sell or share them as an icon pack, don't claim them as yours and don't use them in a logo. The license page spells out the terms in full.

  • The Marketing set has 24 icons. They arrive over 3 weeks, 8 a week, and the first batch comes as soon as your email is confirmed. The set covers campaign channels, reporting and testing, and audience and journey planning, so one batch at a time you build a full library for your pages.

  • Enter your email on this page and confirm it. The first icons arrive right away, then more each week until you have the whole set. Sets are sent per industry, and one address can follow one industry. You can unsubscribe at any time from any email.

  • Yes. Open the SVG in any vector editor, such as Figma or Illustrator, and change the shapes, sizes or colours as you need. The animation is CSS inside the file, so a design tool only shows the still pose: keep the original file for the moving version on your site. GIF and PNG copies come with every batch.

  • No. Each icon is a small SVG with its motion in plain CSS, with no JavaScript and no fonts to load. Visitors who have reduced motion turned on see the still pose instead. For a marketing site that is judged on speed itself, that keeps your own pages fast.

Saimul IslamFounder & CEO, DeveloperLook

Still have questions?

Send a message or book a call with the team.

Book a free call

Free 30-min call

Book a call

Book a free 30-minute call

In 30 minutes on Google Meet we walk you through how we would build it, how long it takes and what it costs. Then you get a written estimate.

Calendar not showing? Book on cal.com or send a brief.