Skip to content

Duck

The duck icon represents a type of bird, specifically a duck, often used to convey a sense of humor or playfulness.

Add shadcn.io to your AI agent. · Pro It installs Duck, or any of 294k icons, from a prompt, with Pro.

Set up MCP

Exports at 24 × 24 px

Duck icon from Noto Emoji
Get Pro

3,800 in Noto EmojiApache 2.0 license (opens in a new tab)Free to copy and download

Code

Duck in your framework

In any framework. Customize it above, and the code follows.

export const DuckIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 128 128" {...props}>
    <linearGradient id="SVG2GyS4bhN" x1="47.489" x2="51.02" y1="11.504" y2="45.102" gradientUnits="userSpaceOnUse"><stop offset=".171" stopColor="#01AB46"/><stop offset=".345" stopColor="#089E42"/><stop offset=".671" stopColor="#1A7A37"/><stop offset="1" stopColor="#2F502A"/></linearGradient><path fill="url(#SVG2GyS4bhN)" d="M35.84 48.65s5.84-8.38 5.42-11.61c-.42-3.24-1.55-3.94-4.79-5.07s-5.14-2.89-5.14-2.89s-2.35-11.03-2.11-12.39c.28-1.62 6.12-12.53 19.99-12.53c13.37 0 18.86 11.22 18.16 19.85c-.63 7.81-3.52 10-5.56 16.47c-2.04 6.48-3.03 10.35-3.03 10.35l-12.04 2.46l-10.07-2.18z"/><path fill="#FF5D10" d="M53.25 96.51s.75 7.64-.02 8.57c-.78.93-12.44 3.63-13.76 4.62c-1.43 1.07-.82 3.47 2.22 6.24s5.59 3.25 7.34 2.53c2.06-.84 5.63-3.57 7.23-4.79c1.28-.98 3.2-3.06 3.46-4.73c.27-1.67-.56-11.48-.56-11.48zm15.2 2.68s1.1 8.92.56 10c-1.41 2.82-9.47 9.16-10 11.26c-.42 1.69 3.8 5.07 8.02 5.16c5.64.13 9.17-2.1 9.57-3.33c.56-1.74-1.55-11.97-1.83-12.53s.14-15.06.14-15.06z"/><path fill="#5E6367" d="M98.66 54.49s4.8-.94 4.82-4.2c.01-3.26-1.74-1.84-1.76-4.21s4.24-2.93 7.04-.94c2.21 1.57 7.26 6.68 6.98 17.29c-.38 14.41-7.92 24.95-19.79 31.47c-9.68 5.31-23.96 4.68-23.96 4.68z"/><path fill="#B0B0B1" d="M85.67 55.69c2.35-.28 12.66-3.54 16.33-2.6c4.43 1.13 8.85 4.25 7.95 14.15c-1.16 12.85-10.29 20.68-14.22 22.83C88.7 93.91 81.94 94 81.94 94s1.39-38.03 3.73-38.31"/><path fill="#FFBF18" d="M7.12 25.07c0 1.2 7.46 4.72 14.5 5.56s11.4-.28 11.4-.28s-1.2-3.03-1.2-5.28s1.16-7.9-.63-9.22c-1.62-1.2-2.96 1.27-3.94 1.97c-.99.7-3.8 2.67-8.17 2.82s-8.17-.56-9.71.28s-2.25 2.88-2.25 4.15"/><path fill="#2D2B33" d="M50.2 20.77c-.42 1.75-1.61 3.12-3.94 2.75c-2.18-.35-3.24-2.6-2.6-4.79c.5-1.73 1.79-2.9 3.97-2.53c2.5.42 2.97 2.88 2.57 4.57"/><path fill="#73DF86" d="M50.92 25.57c2.47-.78 4.3-.79 4.04-2.47c-.3-1.93-3.51-1.38-5.55-.3c-2.17 1.15-4.99 3.11-3.74 4.7c1.33 1.69 3.83-1.48 5.25-1.93"/><path fill="#FFF" d="M33.16 51.6s2.16 9.43 12.95 7.84c7.71-1.14 13.42-4.97 13.42-4.97l.09-6.29s-5.12 3-11.26 2.91c-6.38-.09-11.92-3.38-11.92-3.38z"/><path fill="#84574E" d="M26.03 69.11C25.28 89.56 40.7 99.28 65.17 99.7c27.12.47 37.61-15.44 39.23-25.43c1.69-10.45-5.07-12.67-5.07-12.67s6.76-2.82 3.73-9.5c-1.41-.28-8.35 1.57-21.54.21c-13.1-1.35-22.08.94-22.08.94s-3.28 3.57-12.67 3.1c-11.25-.56-13.42-4.97-13.42-4.97s-6.85 5.01-7.32 17.73"/><path fill="#B79277" d="M52.03 73.14c2.28 7.9 10.42 12.67 22.52 12.11c10.98-.51 18.96-8.17 20.27-14.92c1.43-7.34-1.55-10.14-1.55-10.14s6.34-2.3 6.34-6.76c-3.57-2.16-14.92-3.66-27.5-4.13c-8.16-.3-12.76 2.72-12.76 2.72S47.8 58.5 52.03 73.14"/>
  </svg>
);

Other libraries

Duck in 8 more libraries

Each library draws it its own way. Open one to compare.

  • Duck icon from Material Design Icons
  • Duck icon from Game Icons
  • Duck icon from IconPark Outline
  • Duck icon from IconPark Solid
  • Duck icon from IconPark TwoTone
  • Duck icon from Fluent Emoji High Contrast
  • Duck icon from Emoji One (Monotone)
  • Duck icon from Pico-icon

Noto Emoji

Icons that share its tags, in the same style.

  • Bird icon from Noto Emoji
  • Drooling Face icon from Noto Emoji
  • Horse icon from Noto Emoji
  • Swan icon from Noto Emoji
  • Bison icon from Noto Emoji
  • Black Bird icon from Noto Emoji
  • Black Cat icon from Noto Emoji
  • Dove icon from Noto Emoji
  • Goose icon from Noto Emoji
  • Horse Face icon from Noto Emoji
  • Horse Racing icon from Noto Emoji
  • Horse Racing Dark Skin Tone icon from Noto Emoji
  • Horse Racing Medium Dark Skin Tone icon from Noto Emoji
  • Horse Racing Medium Skin Tone icon from Noto Emoji
  • Koala icon from Noto Emoji
  • Pig Nose icon from Noto Emoji
  • Two Hump Camel icon from Noto Emoji
  • Wing icon from Noto Emoji
  • Bat icon from Noto Emoji
  • Bear icon from Noto Emoji
  • Beaver icon from Noto Emoji
  • Billed Cap icon from Noto Emoji
  • Boy Medium Dark Skin Tone icon from Noto Emoji
  • Boy Medium Skin Tone icon from Noto Emoji

Skip the copy and paste. With Pro, your AI agent finds and installs any Noto Emoji icon from a prompt.

Get Pro

Tags

Browse by tag

Duck is tagged emoji, google, animal and 3 more. Related tags follow; each opens its icons from every library.

Pricing

Noto Emoji MCP, with Pro

Ask for Duck or any of 3,800 Noto Emoji icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billed once a year in USD. Cancel anytime.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

  • How many people can use the license.Seats: 1 seat
  • Client work, SaaS products and anything you charge for.Commercial use: Personal & open source only
  • Production-ready React sections: hero, pricing, features, dashboards and more.Pro blocks: 6,000+ blocks
  • Complete multi-page sites you can ship as they are.Templates: All 14 templates
  • React icons from every major library, installable with one command.React icons: 294k+ icons
  • Presets that restyle every block, in light and dark.Themes: All 59 themes
  • Lets your AI editor search, preview and install blocks for you.MCP server: Basic usage
  • Priority requests are answered first.Support: Standard

Team

Most popular

For freelancers, agencies & startups

$66instead of $99/mo

$789 billed yearly · ≈ $13/dev/mo

Everything in Individual, plus

  • How many people can use the license.Seats: Up to 5 seats
  • Client work, SaaS products and anything you charge for.Commercial use: Included
  • Lets your AI editor search, preview and install blocks for you.MCP server: High usage
  • Priority requests are answered first.Support: Priority

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Everything in Team, plus

  • How many people can use the license.Seats: Unlimited seats
  • Lets your AI editor search, preview and install blocks for you.MCP server: Unlimited usage
  • Secure checkout via Stripe
  • Code lives in your repo
  • Keep what you've shipped if you cancel
  • License terms

FAQ

Frequently asked questions

What the Duck icon means and where it's used, then how to install, style and license it.

Install Duck from a prompt

MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.

Get Pro