custard emoji
custard from Streamline Emojis by Streamline · Default · Food Drink · CC-BY-4.0 Attribution required.
- Name
- custard
- Set
- Streamline Emojis
- Style
- Default
- Category
- Food Drink
- Viewbox
- 48×48
- License
- CC BY 4.0
The same emoji in other sets
More food drink icons from Streamline Emojis
baby-bottlebeer-mugbirthday-cake-1birthday-cake-2birthday-cake-3bottle-with-popping-corkbreadcandychampagne-glass-1champagne-glass-2cherrieschestnutclinking-beer-mugsclinking-glasses-1clinking-glasses-2clinking-glasses-3clinking-glasses-4clinking-glasses-5cocktail-glasscooked-ricecookiecookingdoughnut-1doughnut-2
Use the custard emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M3.96 38.87a20.04 1.63 0 1 0 40.08 0a20.04 1.63 0 1 0-40.08 0" opacity=".15"/><path fill="#fff" d="M2.87 29.3a21.13 8.7 0 1 0 42.26 0a21.13 8.7 0 1 0-42.26 0"/><path fill="#f0f0f0" d="M24 35.11c-10.47 0-19.14-3.11-20.81-7.25a3.9 3.9 0 0 0-.32 1.44c0 4.81 9.46 8.7 21.13 8.7s21.13-3.89 21.13-8.7a3.9 3.9 0 0 0-.32-1.44C43.14 32 34.47 35.11 24 35.11"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.87 29.3a21.13 8.7 0 1 0 42.26 0a21.13 8.7 0 1 0-42.26 0"/><path fill="#fffacf" d="M35.38 28c0 2.47-4.5 4.48-11.38 4.48s-11.38-2-11.38-4.48c0-4.11 2.17-12.31 2.17-12.31h18.42s2.17 8.13 2.17 12.31"/><path fill="#fff48c" d="M31.85 19.93c.75-.4 1.33-2.33 1.71-2.82c-.21-.85-.35-1.38-.35-1.38H14.79s-.22.83-.52 2.1c1.67 1.28 4.86 3.66 8.59 3.76c3.09 0 2.85 2.49 3.59 3.38s2.43 1.2 3.32-1.47s.8-2.71 2.08-3.57"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.38 28c0 2.47-4.5 4.48-11.38 4.48s-11.38-2-11.38-4.48c0-4.11 2.17-12.31 2.17-12.31h18.42s2.17 8.13 2.17 12.31"/><path fill="#bf8256" d="M23.39 19.51c2.71 0 2.51 2.18 3.15 2.95s2.13 1.05 2.91-1.28s.7-2.37 1.82-3.13s1.94-1.45 1.94-2.32c0-2.1-4.12-3.79-9.21-3.79s-9.21 1.69-9.21 3.79s3.8 3.65 8.6 3.78"/><path fill="#dea47a" d="M24 14.33c4.1 0 7.51 1.31 8.28 3a2.23 2.23 0 0 0 .93-1.65c0-2.1-4.12-3.79-9.21-3.79s-9.21 1.69-9.21 3.79a2.23 2.23 0 0 0 .93 1.65c.77-1.69 4.18-3 8.28-3"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.39 19.51c2.71 0 2.51 2.18 3.15 2.95s2.13 1.05 2.91-1.28s.7-2.37 1.82-3.13s1.94-1.45 1.94-2.32c0-2.1-4.12-3.79-9.21-3.79s-9.21 1.69-9.21 3.79s3.8 3.65 8.6 3.78"/></svg>
React
import type { SVGProps } from "react";
export function StreamlineEmojisCustard(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M3.96 38.87a20.04 1.63 0 1 0 40.08 0a20.04 1.63 0 1 0-40.08 0" opacity=".15"/><path fill="#fff" d="M2.87 29.3a21.13 8.7 0 1 0 42.26 0a21.13 8.7 0 1 0-42.26 0"/><path fill="#f0f0f0" d="M24 35.11c-10.47 0-19.14-3.11-20.81-7.25a3.9 3.9 0 0 0-.32 1.44c0 4.81 9.46 8.7 21.13 8.7s21.13-3.89 21.13-8.7a3.9 3.9 0 0 0-.32-1.44C43.14 32 34.47 35.11 24 35.11"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M2.87 29.3a21.13 8.7 0 1 0 42.26 0a21.13 8.7 0 1 0-42.26 0"/><path fill="#fffacf" d="M35.38 28c0 2.47-4.5 4.48-11.38 4.48s-11.38-2-11.38-4.48c0-4.11 2.17-12.31 2.17-12.31h18.42s2.17 8.13 2.17 12.31"/><path fill="#fff48c" d="M31.85 19.93c.75-.4 1.33-2.33 1.71-2.82c-.21-.85-.35-1.38-.35-1.38H14.79s-.22.83-.52 2.1c1.67 1.28 4.86 3.66 8.59 3.76c3.09 0 2.85 2.49 3.59 3.38s2.43 1.2 3.32-1.47s.8-2.71 2.08-3.57"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M35.38 28c0 2.47-4.5 4.48-11.38 4.48s-11.38-2-11.38-4.48c0-4.11 2.17-12.31 2.17-12.31h18.42s2.17 8.13 2.17 12.31"/><path fill="#bf8256" d="M23.39 19.51c2.71 0 2.51 2.18 3.15 2.95s2.13 1.05 2.91-1.28s.7-2.37 1.82-3.13s1.94-1.45 1.94-2.32c0-2.1-4.12-3.79-9.21-3.79s-9.21 1.69-9.21 3.79s3.8 3.65 8.6 3.78"/><path fill="#dea47a" d="M24 14.33c4.1 0 7.51 1.31 8.28 3a2.23 2.23 0 0 0 .93-1.65c0-2.1-4.12-3.79-9.21-3.79s-9.21 1.69-9.21 3.79a2.23 2.23 0 0 0 .93 1.65c.77-1.69 4.18-3 8.28-3"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M23.39 19.51c2.71 0 2.51 2.18 3.15 2.95s2.13 1.05 2.91-1.28s.7-2.37 1.82-3.13s1.94-1.45 1.94-2.32c0-2.1-4.12-3.79-9.21-3.79s-9.21 1.69-9.21 3.79s3.8 3.65 8.6 3.78"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#45413c" d="M3.96 38.87a20.04 1.63 0 1 0 40.08 0a20.04 1.63 0 1 0-40.08 0" opacity=".15"/><path fill="#fff" d="M2.87 29.3a21.13 8.7 0 1 0 42.26 0a21.13 8.7 0 1 0-42.26 0"/><path fill="#f0f0f0" d="M24 35.11c-10.47 0-19.14-3.11-20.81-7.25a3.9 3.9 0 0 0-.32 1.44c0 4.81 9.46 8.7 21.13 8.7s21.13-3.89 21.13-8.7a3.9 3.9 0 0 0-.32-1.44C43.14 32 34.47 35.11 24 35.11"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M2.87 29.3a21.13 8.7 0 1 0 42.26 0a21.13 8.7 0 1 0-42.26 0"/><path fill="#fffacf" d="M35.38 28c0 2.47-4.5 4.48-11.38 4.48s-11.38-2-11.38-4.48c0-4.11 2.17-12.31 2.17-12.31h18.42s2.17 8.13 2.17 12.31"/><path fill="#fff48c" d="M31.85 19.93c.75-.4 1.33-2.33 1.71-2.82c-.21-.85-.35-1.38-.35-1.38H14.79s-.22.83-.52 2.1c1.67 1.28 4.86 3.66 8.59 3.76c3.09 0 2.85 2.49 3.59 3.38s2.43 1.2 3.32-1.47s.8-2.71 2.08-3.57"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.38 28c0 2.47-4.5 4.48-11.38 4.48s-11.38-2-11.38-4.48c0-4.11 2.17-12.31 2.17-12.31h18.42s2.17 8.13 2.17 12.31"/><path fill="#bf8256" d="M23.39 19.51c2.71 0 2.51 2.18 3.15 2.95s2.13 1.05 2.91-1.28s.7-2.37 1.82-3.13s1.94-1.45 1.94-2.32c0-2.1-4.12-3.79-9.21-3.79s-9.21 1.69-9.21 3.79s3.8 3.65 8.6 3.78"/><path fill="#dea47a" d="M24 14.33c4.1 0 7.51 1.31 8.28 3a2.23 2.23 0 0 0 .93-1.65c0-2.1-4.12-3.79-9.21-3.79s-9.21 1.69-9.21 3.79a2.23 2.23 0 0 0 .93 1.65c.77-1.69 4.18-3 8.28-3"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.39 19.51c2.71 0 2.51 2.18 3.15 2.95s2.13 1.05 2.91-1.28s.7-2.37 1.82-3.13s1.94-1.45 1.94-2.32c0-2.1-4.12-3.79-9.21-3.79s-9.21 1.69-9.21 3.79s3.8 3.65 8.6 3.78"/></svg> </template>
CSS
.icon-custard {
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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M3.96%2038.87a20.04%201.63%200%201%200%2040.08%200a20.04%201.63%200%201%200-40.08%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.87%2029.3a21.13%208.7%200%201%200%2042.26%200a21.13%208.7%200%201%200-42.26%200%22%2F%3E%3Cpath%20fill%3D%22%23f0f0f0%22%20d%3D%22M24%2035.11c-10.47%200-19.14-3.11-20.81-7.25a3.9%203.9%200%200%200-.32%201.44c0%204.81%209.46%208.7%2021.13%208.7s21.13-3.89%2021.13-8.7a3.9%203.9%200%200%200-.32-1.44C43.14%2032%2034.47%2035.11%2024%2035.11%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.87%2029.3a21.13%208.7%200%201%200%2042.26%200a21.13%208.7%200%201%200-42.26%200%22%2F%3E%3Cpath%20fill%3D%22%23fffacf%22%20d%3D%22M35.38%2028c0%202.47-4.5%204.48-11.38%204.48s-11.38-2-11.38-4.48c0-4.11%202.17-12.31%202.17-12.31h18.42s2.17%208.13%202.17%2012.31%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M31.85%2019.93c.75-.4%201.33-2.33%201.71-2.82c-.21-.85-.35-1.38-.35-1.38H14.79s-.22.83-.52%202.1c1.67%201.28%204.86%203.66%208.59%203.76c3.09%200%202.85%202.49%203.59%203.38s2.43%201.2%203.32-1.47s.8-2.71%202.08-3.57%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M35.38%2028c0%202.47-4.5%204.48-11.38%204.48s-11.38-2-11.38-4.48c0-4.11%202.17-12.31%202.17-12.31h18.42s2.17%208.13%202.17%2012.31%22%2F%3E%3Cpath%20fill%3D%22%23bf8256%22%20d%3D%22M23.39%2019.51c2.71%200%202.51%202.18%203.15%202.95s2.13%201.05%202.91-1.28s.7-2.37%201.82-3.13s1.94-1.45%201.94-2.32c0-2.1-4.12-3.79-9.21-3.79s-9.21%201.69-9.21%203.79s3.8%203.65%208.6%203.78%22%2F%3E%3Cpath%20fill%3D%22%23dea47a%22%20d%3D%22M24%2014.33c4.1%200%207.51%201.31%208.28%203a2.23%202.23%200%200%200%20.93-1.65c0-2.1-4.12-3.79-9.21-3.79s-9.21%201.69-9.21%203.79a2.23%202.23%200%200%200%20.93%201.65c.77-1.69%204.18-3%208.28-3%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M23.39%2019.51c2.71%200%202.51%202.18%203.15%202.95s2.13%201.05%202.91-1.28s.7-2.37%201.82-3.13s1.94-1.45%201.94-2.32c0-2.1-4.12-3.79-9.21-3.79s-9.21%201.69-9.21%203.79s3.8%203.65%208.6%203.78%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%2048%2048%22%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M3.96%2038.87a20.04%201.63%200%201%200%2040.08%200a20.04%201.63%200%201%200-40.08%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.87%2029.3a21.13%208.7%200%201%200%2042.26%200a21.13%208.7%200%201%200-42.26%200%22%2F%3E%3Cpath%20fill%3D%22%23f0f0f0%22%20d%3D%22M24%2035.11c-10.47%200-19.14-3.11-20.81-7.25a3.9%203.9%200%200%200-.32%201.44c0%204.81%209.46%208.7%2021.13%208.7s21.13-3.89%2021.13-8.7a3.9%203.9%200%200%200-.32-1.44C43.14%2032%2034.47%2035.11%2024%2035.11%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2.87%2029.3a21.13%208.7%200%201%200%2042.26%200a21.13%208.7%200%201%200-42.26%200%22%2F%3E%3Cpath%20fill%3D%22%23fffacf%22%20d%3D%22M35.38%2028c0%202.47-4.5%204.48-11.38%204.48s-11.38-2-11.38-4.48c0-4.11%202.17-12.31%202.17-12.31h18.42s2.17%208.13%202.17%2012.31%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M31.85%2019.93c.75-.4%201.33-2.33%201.71-2.82c-.21-.85-.35-1.38-.35-1.38H14.79s-.22.83-.52%202.1c1.67%201.28%204.86%203.66%208.59%203.76c3.09%200%202.85%202.49%203.59%203.38s2.43%201.2%203.32-1.47s.8-2.71%202.08-3.57%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M35.38%2028c0%202.47-4.5%204.48-11.38%204.48s-11.38-2-11.38-4.48c0-4.11%202.17-12.31%202.17-12.31h18.42s2.17%208.13%202.17%2012.31%22%2F%3E%3Cpath%20fill%3D%22%23bf8256%22%20d%3D%22M23.39%2019.51c2.71%200%202.51%202.18%203.15%202.95s2.13%201.05%202.91-1.28s.7-2.37%201.82-3.13s1.94-1.45%201.94-2.32c0-2.1-4.12-3.79-9.21-3.79s-9.21%201.69-9.21%203.79s3.8%203.65%208.6%203.78%22%2F%3E%3Cpath%20fill%3D%22%23dea47a%22%20d%3D%22M24%2014.33c4.1%200%207.51%201.31%208.28%203a2.23%202.23%200%200%200%20.93-1.65c0-2.1-4.12-3.79-9.21-3.79s-9.21%201.69-9.21%203.79a2.23%202.23%200%200%200%20.93%201.65c.77-1.69%204.18-3%208.28-3%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M23.39%2019.51c2.71%200%202.51%202.18%203.15%202.95s2.13%201.05%202.91-1.28s.7-2.37%201.82-3.13s1.94-1.45%201.94-2.32c0-2.1-4.12-3.79-9.21-3.79s-9.21%201.69-9.21%203.79s3.8%203.65%208.6%203.78%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/custard.svg?color=%231a73e8&size=48
