duck emoji
duck from Fluent Emoji Flat by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- duck
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More animals & nature icons from Fluent Emoji Flat
Use the duck emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#44911b" d="M14.668 8.32a4.52 4.52 0 1 0-8.413-.302L6 8l1 2c.27 0 .45.27.34.52L6.245 13L9 14l3.601-1l2.069-4.68z"/><path fill="#f9c23c" d="M7 3.68L4.79 6.15c-.5.54-1.21.85-1.95.85h-.33c-.28 0-.51.23-.51.51C2 8.88 3.12 10 4.49 10H7z"/><path fill="#212121" d="M10.52 7.52a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="#d3d3d3" d="m11.71 15l.88-2H6.24l-.88 2L8 16l3.45-.93L6.5 22l2.416 7.726A8 8 0 0 0 11 30h8c5 0 8-4.92 8-11l-3.02-4z"/><path fill="#9b9b9b" d="M23.98 15c1.29 0 2.53-.51 3.45-1.43c.95-.94 2.57-.27 2.57 1.07V19q0 .107-.002.213A10.994 10.994 0 0 1 19 30h-3c2.926 0 5.584-1.14 7.554-3H16.6c-4.2 0-7.319-2.831-7.319-7.031c0 0 2.169 3.906 7.319 3.906c9.15 0 7.38-8.875 7.38-8.875"/><path fill="#a56953" d="M5.36 15C4.25 17.51 3 19.54 3 22c0 3.73 2.55 6.86 6 7.75V22.4c0-1.41.34-2.81.99-4.06L11.71 15z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatDuck(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#44911b" d="M14.668 8.32a4.52 4.52 0 1 0-8.413-.302L6 8l1 2c.27 0 .45.27.34.52L6.245 13L9 14l3.601-1l2.069-4.68z"/><path fill="#f9c23c" d="M7 3.68L4.79 6.15c-.5.54-1.21.85-1.95.85h-.33c-.28 0-.51.23-.51.51C2 8.88 3.12 10 4.49 10H7z"/><path fill="#212121" d="M10.52 7.52a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="#d3d3d3" d="m11.71 15l.88-2H6.24l-.88 2L8 16l3.45-.93L6.5 22l2.416 7.726A8 8 0 0 0 11 30h8c5 0 8-4.92 8-11l-3.02-4z"/><path fill="#9b9b9b" d="M23.98 15c1.29 0 2.53-.51 3.45-1.43c.95-.94 2.57-.27 2.57 1.07V19q0 .107-.002.213A10.994 10.994 0 0 1 19 30h-3c2.926 0 5.584-1.14 7.554-3H16.6c-4.2 0-7.319-2.831-7.319-7.031c0 0 2.169 3.906 7.319 3.906c9.15 0 7.38-8.875 7.38-8.875"/><path fill="#a56953" d="M5.36 15C4.25 17.51 3 19.54 3 22c0 3.73 2.55 6.86 6 7.75V22.4c0-1.41.34-2.81.99-4.06L11.71 15z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#44911b" d="M14.668 8.32a4.52 4.52 0 1 0-8.413-.302L6 8l1 2c.27 0 .45.27.34.52L6.245 13L9 14l3.601-1l2.069-4.68z"/><path fill="#f9c23c" d="M7 3.68L4.79 6.15c-.5.54-1.21.85-1.95.85h-.33c-.28 0-.51.23-.51.51C2 8.88 3.12 10 4.49 10H7z"/><path fill="#212121" d="M10.52 7.52a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/><path fill="#d3d3d3" d="m11.71 15l.88-2H6.24l-.88 2L8 16l3.45-.93L6.5 22l2.416 7.726A8 8 0 0 0 11 30h8c5 0 8-4.92 8-11l-3.02-4z"/><path fill="#9b9b9b" d="M23.98 15c1.29 0 2.53-.51 3.45-1.43c.95-.94 2.57-.27 2.57 1.07V19q0 .107-.002.213A10.994 10.994 0 0 1 19 30h-3c2.926 0 5.584-1.14 7.554-3H16.6c-4.2 0-7.319-2.831-7.319-7.031c0 0 2.169 3.906 7.319 3.906c9.15 0 7.38-8.875 7.38-8.875"/><path fill="#a56953" d="M5.36 15C4.25 17.51 3 19.54 3 22c0 3.73 2.55 6.86 6 7.75V22.4c0-1.41.34-2.81.99-4.06L11.71 15z"/></g></svg> </template>
CSS
.icon-duck {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2344911b%22%20d%3D%22M14.668%208.32a4.52%204.52%200%201%200-8.413-.302L6%208l1%202c.27%200%20.45.27.34.52L6.245%2013L9%2014l3.601-1l2.069-4.68z%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M7%203.68L4.79%206.15c-.5.54-1.21.85-1.95.85h-.33c-.28%200-.51.23-.51.51C2%208.88%203.12%2010%204.49%2010H7z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M10.52%207.52a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22m11.71%2015l.88-2H6.24l-.88%202L8%2016l3.45-.93L6.5%2022l2.416%207.726A8%208%200%200%200%2011%2030h8c5%200%208-4.92%208-11l-3.02-4z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M23.98%2015c1.29%200%202.53-.51%203.45-1.43c.95-.94%202.57-.27%202.57%201.07V19q0%20.107-.002.213A10.994%2010.994%200%200%201%2019%2030h-3c2.926%200%205.584-1.14%207.554-3H16.6c-4.2%200-7.319-2.831-7.319-7.031c0%200%202.169%203.906%207.319%203.906c9.15%200%207.38-8.875%207.38-8.875%22%2F%3E%3Cpath%20fill%3D%22%23a56953%22%20d%3D%22M5.36%2015C4.25%2017.51%203%2019.54%203%2022c0%203.73%202.55%206.86%206%207.75V22.4c0-1.41.34-2.81.99-4.06L11.71%2015z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%2344911b%22%20d%3D%22M14.668%208.32a4.52%204.52%200%201%200-8.413-.302L6%208l1%202c.27%200%20.45.27.34.52L6.245%2013L9%2014l3.601-1l2.069-4.68z%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M7%203.68L4.79%206.15c-.5.54-1.21.85-1.95.85h-.33c-.28%200-.51.23-.51.51C2%208.88%203.12%2010%204.49%2010H7z%22%2F%3E%3Cpath%20fill%3D%22%23212121%22%20d%3D%22M10.52%207.52a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22m11.71%2015l.88-2H6.24l-.88%202L8%2016l3.45-.93L6.5%2022l2.416%207.726A8%208%200%200%200%2011%2030h8c5%200%208-4.92%208-11l-3.02-4z%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M23.98%2015c1.29%200%202.53-.51%203.45-1.43c.95-.94%202.57-.27%202.57%201.07V19q0%20.107-.002.213A10.994%2010.994%200%200%201%2019%2030h-3c2.926%200%205.584-1.14%207.554-3H16.6c-4.2%200-7.319-2.831-7.319-7.031c0%200%202.169%203.906%207.319%203.906c9.15%200%207.38-8.875%207.38-8.875%22%2F%3E%3Cpath%20fill%3D%22%23a56953%22%20d%3D%22M5.36%2015C4.25%2017.51%203%2019.54%203%2022c0%203.73%202.55%206.86%206%207.75V22.4c0-1.41.34-2.81.99-4.06L11.71%2015z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/duck.svg?color=%231a73e8&size=48
