duck emoji
duck from Twitter Emoji by Twitter · Default · Animals & Nature · CC-BY-4.0 Attribution required.
- Name
- duck
- Set
- Twitter Emoji
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More animals & nature icons from Twitter Emoji
Use the duck emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M12.75 17.75c1.226 2.195 1.856-1.361 9.312-2.625s13.729 4.454 13.859 5.413c.132.958-4.447 9.462-9.462 9.462H10.75c-4.143 0-7.022-7.224-4-11.438c0 0 4.5-3.5 6-.812"/><path fill="#c1694f" d="M13.008 18.136C8.02 25.073 6.969 30 10.75 30c-4.143 0-6.578-6.188-4.468-11.031c.463-1.064 1.758-2.492 1.758-2.492l4.179-.008c.162.32.599 1.365.789 1.667"/><path fill="#e1e8ed" d="M20.062 22.75c6.672-2.682 15.729-3.171 15.859-2.212c.132.958-4.447 9.462-9.462 9.462H11.813c-4.143 0 1.232-4.429 8.249-7.25"/><path fill="#292f33" d="M25.359 21.125c6-1.312 10.468-1.282 10.563-.587c.079.578-1.559 3.907-3.973 6.454c2.204-2.804 1.42-6.113-6.59-5.867"/><path fill="#3e721d" d="M7.125 6.125c1.562-4.938 10.44-4.143 10.062.688c-.378 4.829-6.453 7.859-4.179 11.323c-1.586 1.38-5.016.913-6.727.833a156 156 0 0 1 1.812-3.406c2.916-5.235-2.131-5.764-.968-9.438"/><path fill="#ffcc4d" d="M1.893 9.045c.568-1.1.549.106 3.352.142c1.554.021 1.463-.56 1.664-1.621c.041-.223.776 1.616 2.061 1.807c3.554.531 1.879 1.94 0 2.261c-.901.154-2.01.318-3.938.155c-2.519-.212-3.768-1.528-3.139-2.744"/><path fill="#f5f8fa" d="M12.502 16.625c.044.625.506 1.511.506 1.511c-1.016 1.474-5.643 3.017-7.354 2.93a7.7 7.7 0 0 1 .627-2.097c1.844-.471 4.661-1.071 6.221-2.344"/><path fill="#292f33" d="M11.708 6.151a1.296 1.296 0 1 1-2.591 0a1.296 1.296 0 0 1 2.591 0"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiDuck(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M12.75 17.75c1.226 2.195 1.856-1.361 9.312-2.625s13.729 4.454 13.859 5.413c.132.958-4.447 9.462-9.462 9.462H10.75c-4.143 0-7.022-7.224-4-11.438c0 0 4.5-3.5 6-.812"/><path fill="#c1694f" d="M13.008 18.136C8.02 25.073 6.969 30 10.75 30c-4.143 0-6.578-6.188-4.468-11.031c.463-1.064 1.758-2.492 1.758-2.492l4.179-.008c.162.32.599 1.365.789 1.667"/><path fill="#e1e8ed" d="M20.062 22.75c6.672-2.682 15.729-3.171 15.859-2.212c.132.958-4.447 9.462-9.462 9.462H11.813c-4.143 0 1.232-4.429 8.249-7.25"/><path fill="#292f33" d="M25.359 21.125c6-1.312 10.468-1.282 10.563-.587c.079.578-1.559 3.907-3.973 6.454c2.204-2.804 1.42-6.113-6.59-5.867"/><path fill="#3e721d" d="M7.125 6.125c1.562-4.938 10.44-4.143 10.062.688c-.378 4.829-6.453 7.859-4.179 11.323c-1.586 1.38-5.016.913-6.727.833a156 156 0 0 1 1.812-3.406c2.916-5.235-2.131-5.764-.968-9.438"/><path fill="#ffcc4d" d="M1.893 9.045c.568-1.1.549.106 3.352.142c1.554.021 1.463-.56 1.664-1.621c.041-.223.776 1.616 2.061 1.807c3.554.531 1.879 1.94 0 2.261c-.901.154-2.01.318-3.938.155c-2.519-.212-3.768-1.528-3.139-2.744"/><path fill="#f5f8fa" d="M12.502 16.625c.044.625.506 1.511.506 1.511c-1.016 1.474-5.643 3.017-7.354 2.93a7.7 7.7 0 0 1 .627-2.097c1.844-.471 4.661-1.071 6.221-2.344"/><path fill="#292f33" d="M11.708 6.151a1.296 1.296 0 1 1-2.591 0a1.296 1.296 0 0 1 2.591 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#d99e82" d="M12.75 17.75c1.226 2.195 1.856-1.361 9.312-2.625s13.729 4.454 13.859 5.413c.132.958-4.447 9.462-9.462 9.462H10.75c-4.143 0-7.022-7.224-4-11.438c0 0 4.5-3.5 6-.812"/><path fill="#c1694f" d="M13.008 18.136C8.02 25.073 6.969 30 10.75 30c-4.143 0-6.578-6.188-4.468-11.031c.463-1.064 1.758-2.492 1.758-2.492l4.179-.008c.162.32.599 1.365.789 1.667"/><path fill="#e1e8ed" d="M20.062 22.75c6.672-2.682 15.729-3.171 15.859-2.212c.132.958-4.447 9.462-9.462 9.462H11.813c-4.143 0 1.232-4.429 8.249-7.25"/><path fill="#292f33" d="M25.359 21.125c6-1.312 10.468-1.282 10.563-.587c.079.578-1.559 3.907-3.973 6.454c2.204-2.804 1.42-6.113-6.59-5.867"/><path fill="#3e721d" d="M7.125 6.125c1.562-4.938 10.44-4.143 10.062.688c-.378 4.829-6.453 7.859-4.179 11.323c-1.586 1.38-5.016.913-6.727.833a156 156 0 0 1 1.812-3.406c2.916-5.235-2.131-5.764-.968-9.438"/><path fill="#ffcc4d" d="M1.893 9.045c.568-1.1.549.106 3.352.142c1.554.021 1.463-.56 1.664-1.621c.041-.223.776 1.616 2.061 1.807c3.554.531 1.879 1.94 0 2.261c-.901.154-2.01.318-3.938.155c-2.519-.212-3.768-1.528-3.139-2.744"/><path fill="#f5f8fa" d="M12.502 16.625c.044.625.506 1.511.506 1.511c-1.016 1.474-5.643 3.017-7.354 2.93a7.7 7.7 0 0 1 .627-2.097c1.844-.471 4.661-1.071 6.221-2.344"/><path fill="#292f33" d="M11.708 6.151a1.296 1.296 0 1 1-2.591 0a1.296 1.296 0 0 1 2.591 0"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M12.75%2017.75c1.226%202.195%201.856-1.361%209.312-2.625s13.729%204.454%2013.859%205.413c.132.958-4.447%209.462-9.462%209.462H10.75c-4.143%200-7.022-7.224-4-11.438c0%200%204.5-3.5%206-.812%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M13.008%2018.136C8.02%2025.073%206.969%2030%2010.75%2030c-4.143%200-6.578-6.188-4.468-11.031c.463-1.064%201.758-2.492%201.758-2.492l4.179-.008c.162.32.599%201.365.789%201.667%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M20.062%2022.75c6.672-2.682%2015.729-3.171%2015.859-2.212c.132.958-4.447%209.462-9.462%209.462H11.813c-4.143%200%201.232-4.429%208.249-7.25%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M25.359%2021.125c6-1.312%2010.468-1.282%2010.563-.587c.079.578-1.559%203.907-3.973%206.454c2.204-2.804%201.42-6.113-6.59-5.867%22%2F%3E%3Cpath%20fill%3D%22%233e721d%22%20d%3D%22M7.125%206.125c1.562-4.938%2010.44-4.143%2010.062.688c-.378%204.829-6.453%207.859-4.179%2011.323c-1.586%201.38-5.016.913-6.727.833a156%20156%200%200%201%201.812-3.406c2.916-5.235-2.131-5.764-.968-9.438%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M1.893%209.045c.568-1.1.549.106%203.352.142c1.554.021%201.463-.56%201.664-1.621c.041-.223.776%201.616%202.061%201.807c3.554.531%201.879%201.94%200%202.261c-.901.154-2.01.318-3.938.155c-2.519-.212-3.768-1.528-3.139-2.744%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M12.502%2016.625c.044.625.506%201.511.506%201.511c-1.016%201.474-5.643%203.017-7.354%202.93a7.7%207.7%200%200%201%20.627-2.097c1.844-.471%204.661-1.071%206.221-2.344%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M11.708%206.151a1.296%201.296%200%201%201-2.591%200a1.296%201.296%200%200%201%202.591%200%22%2F%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M12.75%2017.75c1.226%202.195%201.856-1.361%209.312-2.625s13.729%204.454%2013.859%205.413c.132.958-4.447%209.462-9.462%209.462H10.75c-4.143%200-7.022-7.224-4-11.438c0%200%204.5-3.5%206-.812%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M13.008%2018.136C8.02%2025.073%206.969%2030%2010.75%2030c-4.143%200-6.578-6.188-4.468-11.031c.463-1.064%201.758-2.492%201.758-2.492l4.179-.008c.162.32.599%201.365.789%201.667%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M20.062%2022.75c6.672-2.682%2015.729-3.171%2015.859-2.212c.132.958-4.447%209.462-9.462%209.462H11.813c-4.143%200%201.232-4.429%208.249-7.25%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M25.359%2021.125c6-1.312%2010.468-1.282%2010.563-.587c.079.578-1.559%203.907-3.973%206.454c2.204-2.804%201.42-6.113-6.59-5.867%22%2F%3E%3Cpath%20fill%3D%22%233e721d%22%20d%3D%22M7.125%206.125c1.562-4.938%2010.44-4.143%2010.062.688c-.378%204.829-6.453%207.859-4.179%2011.323c-1.586%201.38-5.016.913-6.727.833a156%20156%200%200%201%201.812-3.406c2.916-5.235-2.131-5.764-.968-9.438%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M1.893%209.045c.568-1.1.549.106%203.352.142c1.554.021%201.463-.56%201.664-1.621c.041-.223.776%201.616%202.061%201.807c3.554.531%201.879%201.94%200%202.261c-.901.154-2.01.318-3.938.155c-2.519-.212-3.768-1.528-3.139-2.744%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M12.502%2016.625c.044.625.506%201.511.506%201.511c-1.016%201.474-5.643%203.017-7.354%202.93a7.7%207.7%200%200%201%20.627-2.097c1.844-.471%204.661-1.071%206.221-2.344%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M11.708%206.151a1.296%201.296%200%201%201-2.591%200a1.296%201.296%200%200%201%202.591%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/duck.svg?color=%231a73e8&size=48
