Home/Libraries/OpenMoji (Iconify)/custard

OpenMoji (Iconify)

Custard

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#fff" d="m54.243 41.141l.626 3.79a1 1 0 0 1 .013.163c0 3.936-9.428 5.995-18.742 5.995s-18.743-2.059-18.743-5.995a1 1 0 0 1 .014-.163l.641-3.887C12.857 42.752 10 45.149 10 47.833c0 6.005 13.396 9.245 26 9.245s26-3.24 26-9.245c0-2.668-2.684-4.973-7.757-6.692"/><path fill="#a57939" d="m54.549 42.233l-36.544-.139c-2.362 1.169-3.596 2.57-3.596 4.136c0 4.721 11.197 7.269 21.73 7.269S57.87 50.95 57.87 46.23c0-1.503-1.137-2.857-3.321-3.997"/><path fill="#fcea2b" d="M54.869 44.931L52.226 28.92l.001-.01a.3.3 0 0 0-.017-.085l-.533-3.227c-.004-.025-.018-.045-.024-.07c-.37-3.33-8.202-4.856-15.513-4.856s-15.143 1.527-15.513 4.857c-.006.024-.02.044-.025.07l-.533 3.226a.3.3 0 0 0-.017.085l.002.01l-2.643 16.013a1 1 0 0 0-.014.163c0 3.935 9.429 5.994 18.743 5.994s18.742-2.059 18.742-5.995a1 1 0 0 0-.013-.163"/><path fill="#a57939" d="M52.196 28.753v-.007l-.519-3.14c-.003-.017-.013-.029-.017-.045c-.319-3.354-8.184-4.89-15.52-4.89s-15.202 1.536-15.521 4.89c-.003.016-.014.028-.017.044l-.518 3.141v.007a1 1 0 0 0-.032.156c0 3.514 8.34 5.113 16.088 5.113s16.087-1.6 16.087-5.113a1 1 0 0 0-.031-.156"/><path fill="#6a462f" d="M52.196 28.753v-.007l-.519-3.14a1 1 0 0 0-.042-.112a.94.94 0 0 0-.48-.597a1 1 0 0 0-.137-.062a1 1 0 0 0-.222-.045a1 1 0 0 0-.105-.021c-.029 0-.052.013-.08.016s-.055-.008-.083-.003a1 1 0 0 0-.108.041a1 1 0 0 0-.19.072a1 1 0 0 0-.153.103a1 1 0 0 0-.14.133a1 1 0 0 0-.104.153a1 1 0 0 0-.08.175a1 1 0 0 0-.039.192a1 1 0 0 0-.023.118c0 .925-4.61 3.096-13.551 3.096s-13.552-2.17-13.552-3.096a1 1 0 0 0-.024-.118a.84.84 0 0 0-.118-.367a.93.93 0 0 0-.587-.46a1 1 0 0 0-.108-.042c-.029-.005-.055.005-.084.002s-.051-.015-.079-.015a1 1 0 0 0-.102.02a1 1 0 0 0-.228.046a1.32 1.32 0 0 0-.656.77l-.519 3.14v.008a1 1 0 0 0-.031.156c0 3.514 8.34 5.113 16.088 5.113s16.087-1.6 16.087-5.113a1 1 0 0 0-.031-.156"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M41.807 29.534c5.221-.622 8.884-2.077 8.884-3.774c0-2.262-6.515-4.096-14.551-4.096s-14.132 1.415-14.552 4.096l-3.19 19.334"/><path d="M51.21 28.9c0 2.263-6.748 4.097-15.07 4.097s-15.07-1.834-15.07-4.096m32.812 16.193L50.69 25.76m2.665 16.139c4.713 1.5 7.645 3.604 7.645 5.934c0 4.554-11.193 8.245-25 8.245s-25-3.691-25-8.245c0-2.378 3.054-4.522 7.94-6.027"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. CustardIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.