butter emoji
butter from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- butter
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More food & drink icons from Fluent Emoji Flat
Use the butter emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><path id="SVGBdj0ZbUr" fill="#fff478" d="M9.35 20.424v-3.77c0-.2.21-.34.4-.25l7.35 3.62c.19.09.31.29.31.5v3.73c0 .24-.25.4-.47.29l-7.23-3.55a.63.63 0 0 1-.36-.57"/></defs><g fill="none"><path fill="#d3d3d3" d="M2 22.93v1.22c0 .21.11.42.33.53l10.15 4.99c.62.31 1.36.31 1.98 0l15.2-7.4c.22-.11.33-.32.33-.53v-1.22z"/><path fill="#f4f4f4" d="M18.26 14.67L2.33 22.43a.59.59 0 0 0 0 1.06l10.15 4.99c.62.31 1.36.31 1.98 0l15.2-7.4a.59.59 0 0 0 0-1.06l-10.88-5.35a.6.6 0 0 0-.52 0"/><path fill="#fcd53f" d="M18.91 12.13c-.35-.17-.75-.17-1.09 0l-8.04 3.85c-.26.13-.43.4-.43.69c2.282 3.17 4.581 5.314 7.619 7.88l.101.05c.21.1.46.1.68 0l.129-.062C21.875 20.594 22.5 20 26.42 16.3c0-.29-.17-.56-.43-.69z"/><use href="#SVGBdj0ZbUr"/><use href="#SVGBdj0ZbUr"/><path fill="#fcd53f" d="M8.4 17.31c-.35-.17-.75-.17-1.09 0l-.98.47c-.26.13-.43.39-.43.69c2.214 3.167 5.18 4.872 7.62 7.88l.1.05c.21.1.46.1.68 0l.133-.065c.25-1.71.906-3.188 1.477-4.855c0-.29-.17-.56-.43-.69z"/><path fill="#fff478" d="M5.9 22.223v-3.77c0-.2.21-.34.4-.25l7.36 3.62c.19.09.31.29.31.5v3.73c0 .24-.25.4-.47.29l-7.24-3.56a.62.62 0 0 1-.36-.56"/><path fill="#f9c23c" d="M26.43 16.284v3.77c0 .24-.14.46-.35.56l-8.19 3.93a.323.323 0 0 1-.47-.29v-3.73c0-.21.12-.41.31-.5l8.3-3.99c.19-.09.4.05.4.25m-10.52 5.189v3.77c0 .24-.13.46-.35.55l-1.13.55a.323.323 0 0 1-.47-.29v-3.73c0-.21.12-.41.31-.5l1.24-.6c.19-.09.4.05.4.25"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatButter(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><path id="SVGBdj0ZbUr" fill="#fff478" d="M9.35 20.424v-3.77c0-.2.21-.34.4-.25l7.35 3.62c.19.09.31.29.31.5v3.73c0 .24-.25.4-.47.29l-7.23-3.55a.63.63 0 0 1-.36-.57"/></defs><g fill="none"><path fill="#d3d3d3" d="M2 22.93v1.22c0 .21.11.42.33.53l10.15 4.99c.62.31 1.36.31 1.98 0l15.2-7.4c.22-.11.33-.32.33-.53v-1.22z"/><path fill="#f4f4f4" d="M18.26 14.67L2.33 22.43a.59.59 0 0 0 0 1.06l10.15 4.99c.62.31 1.36.31 1.98 0l15.2-7.4a.59.59 0 0 0 0-1.06l-10.88-5.35a.6.6 0 0 0-.52 0"/><path fill="#fcd53f" d="M18.91 12.13c-.35-.17-.75-.17-1.09 0l-8.04 3.85c-.26.13-.43.4-.43.69c2.282 3.17 4.581 5.314 7.619 7.88l.101.05c.21.1.46.1.68 0l.129-.062C21.875 20.594 22.5 20 26.42 16.3c0-.29-.17-.56-.43-.69z"/><use href="#SVGBdj0ZbUr"/><use href="#SVGBdj0ZbUr"/><path fill="#fcd53f" d="M8.4 17.31c-.35-.17-.75-.17-1.09 0l-.98.47c-.26.13-.43.39-.43.69c2.214 3.167 5.18 4.872 7.62 7.88l.1.05c.21.1.46.1.68 0l.133-.065c.25-1.71.906-3.188 1.477-4.855c0-.29-.17-.56-.43-.69z"/><path fill="#fff478" d="M5.9 22.223v-3.77c0-.2.21-.34.4-.25l7.36 3.62c.19.09.31.29.31.5v3.73c0 .24-.25.4-.47.29l-7.24-3.56a.62.62 0 0 1-.36-.56"/><path fill="#f9c23c" d="M26.43 16.284v3.77c0 .24-.14.46-.35.56l-8.19 3.93a.323.323 0 0 1-.47-.29v-3.73c0-.21.12-.41.31-.5l8.3-3.99c.19-.09.4.05.4.25m-10.52 5.189v3.77c0 .24-.13.46-.35.55l-1.13.55a.323.323 0 0 1-.47-.29v-3.73c0-.21.12-.41.31-.5l1.24-.6c.19-.09.4.05.4.25"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><path id="SVGBdj0ZbUr" fill="#fff478" d="M9.35 20.424v-3.77c0-.2.21-.34.4-.25l7.35 3.62c.19.09.31.29.31.5v3.73c0 .24-.25.4-.47.29l-7.23-3.55a.63.63 0 0 1-.36-.57"/></defs><g fill="none"><path fill="#d3d3d3" d="M2 22.93v1.22c0 .21.11.42.33.53l10.15 4.99c.62.31 1.36.31 1.98 0l15.2-7.4c.22-.11.33-.32.33-.53v-1.22z"/><path fill="#f4f4f4" d="M18.26 14.67L2.33 22.43a.59.59 0 0 0 0 1.06l10.15 4.99c.62.31 1.36.31 1.98 0l15.2-7.4a.59.59 0 0 0 0-1.06l-10.88-5.35a.6.6 0 0 0-.52 0"/><path fill="#fcd53f" d="M18.91 12.13c-.35-.17-.75-.17-1.09 0l-8.04 3.85c-.26.13-.43.4-.43.69c2.282 3.17 4.581 5.314 7.619 7.88l.101.05c.21.1.46.1.68 0l.129-.062C21.875 20.594 22.5 20 26.42 16.3c0-.29-.17-.56-.43-.69z"/><use href="#SVGBdj0ZbUr"/><use href="#SVGBdj0ZbUr"/><path fill="#fcd53f" d="M8.4 17.31c-.35-.17-.75-.17-1.09 0l-.98.47c-.26.13-.43.39-.43.69c2.214 3.167 5.18 4.872 7.62 7.88l.1.05c.21.1.46.1.68 0l.133-.065c.25-1.71.906-3.188 1.477-4.855c0-.29-.17-.56-.43-.69z"/><path fill="#fff478" d="M5.9 22.223v-3.77c0-.2.21-.34.4-.25l7.36 3.62c.19.09.31.29.31.5v3.73c0 .24-.25.4-.47.29l-7.24-3.56a.62.62 0 0 1-.36-.56"/><path fill="#f9c23c" d="M26.43 16.284v3.77c0 .24-.14.46-.35.56l-8.19 3.93a.323.323 0 0 1-.47-.29v-3.73c0-.21.12-.41.31-.5l8.3-3.99c.19-.09.4.05.4.25m-10.52 5.189v3.77c0 .24-.13.46-.35.55l-1.13.55a.323.323 0 0 1-.47-.29v-3.73c0-.21.12-.41.31-.5l1.24-.6c.19-.09.4.05.4.25"/></g></svg> </template>
CSS
.icon-butter {
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%3Cdefs%3E%3Cpath%20id%3D%22SVGBdj0ZbUr%22%20fill%3D%22%23fff478%22%20d%3D%22M9.35%2020.424v-3.77c0-.2.21-.34.4-.25l7.35%203.62c.19.09.31.29.31.5v3.73c0%20.24-.25.4-.47.29l-7.23-3.55a.63.63%200%200%201-.36-.57%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M2%2022.93v1.22c0%20.21.11.42.33.53l10.15%204.99c.62.31%201.36.31%201.98%200l15.2-7.4c.22-.11.33-.32.33-.53v-1.22z%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M18.26%2014.67L2.33%2022.43a.59.59%200%200%200%200%201.06l10.15%204.99c.62.31%201.36.31%201.98%200l15.2-7.4a.59.59%200%200%200%200-1.06l-10.88-5.35a.6.6%200%200%200-.52%200%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M18.91%2012.13c-.35-.17-.75-.17-1.09%200l-8.04%203.85c-.26.13-.43.4-.43.69c2.282%203.17%204.581%205.314%207.619%207.88l.101.05c.21.1.46.1.68%200l.129-.062C21.875%2020.594%2022.5%2020%2026.42%2016.3c0-.29-.17-.56-.43-.69z%22%2F%3E%3Cuse%20href%3D%22%23SVGBdj0ZbUr%22%2F%3E%3Cuse%20href%3D%22%23SVGBdj0ZbUr%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M8.4%2017.31c-.35-.17-.75-.17-1.09%200l-.98.47c-.26.13-.43.39-.43.69c2.214%203.167%205.18%204.872%207.62%207.88l.1.05c.21.1.46.1.68%200l.133-.065c.25-1.71.906-3.188%201.477-4.855c0-.29-.17-.56-.43-.69z%22%2F%3E%3Cpath%20fill%3D%22%23fff478%22%20d%3D%22M5.9%2022.223v-3.77c0-.2.21-.34.4-.25l7.36%203.62c.19.09.31.29.31.5v3.73c0%20.24-.25.4-.47.29l-7.24-3.56a.62.62%200%200%201-.36-.56%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M26.43%2016.284v3.77c0%20.24-.14.46-.35.56l-8.19%203.93a.323.323%200%200%201-.47-.29v-3.73c0-.21.12-.41.31-.5l8.3-3.99c.19-.09.4.05.4.25m-10.52%205.189v3.77c0%20.24-.13.46-.35.55l-1.13.55a.323.323%200%200%201-.47-.29v-3.73c0-.21.12-.41.31-.5l1.24-.6c.19-.09.4.05.4.25%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%3Cdefs%3E%3Cpath%20id%3D%22SVGBdj0ZbUr%22%20fill%3D%22%23fff478%22%20d%3D%22M9.35%2020.424v-3.77c0-.2.21-.34.4-.25l7.35%203.62c.19.09.31.29.31.5v3.73c0%20.24-.25.4-.47.29l-7.23-3.55a.63.63%200%200%201-.36-.57%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M2%2022.93v1.22c0%20.21.11.42.33.53l10.15%204.99c.62.31%201.36.31%201.98%200l15.2-7.4c.22-.11.33-.32.33-.53v-1.22z%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M18.26%2014.67L2.33%2022.43a.59.59%200%200%200%200%201.06l10.15%204.99c.62.31%201.36.31%201.98%200l15.2-7.4a.59.59%200%200%200%200-1.06l-10.88-5.35a.6.6%200%200%200-.52%200%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M18.91%2012.13c-.35-.17-.75-.17-1.09%200l-8.04%203.85c-.26.13-.43.4-.43.69c2.282%203.17%204.581%205.314%207.619%207.88l.101.05c.21.1.46.1.68%200l.129-.062C21.875%2020.594%2022.5%2020%2026.42%2016.3c0-.29-.17-.56-.43-.69z%22%2F%3E%3Cuse%20href%3D%22%23SVGBdj0ZbUr%22%2F%3E%3Cuse%20href%3D%22%23SVGBdj0ZbUr%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22M8.4%2017.31c-.35-.17-.75-.17-1.09%200l-.98.47c-.26.13-.43.39-.43.69c2.214%203.167%205.18%204.872%207.62%207.88l.1.05c.21.1.46.1.68%200l.133-.065c.25-1.71.906-3.188%201.477-4.855c0-.29-.17-.56-.43-.69z%22%2F%3E%3Cpath%20fill%3D%22%23fff478%22%20d%3D%22M5.9%2022.223v-3.77c0-.2.21-.34.4-.25l7.36%203.62c.19.09.31.29.31.5v3.73c0%20.24-.25.4-.47.29l-7.24-3.56a.62.62%200%200%201-.36-.56%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M26.43%2016.284v3.77c0%20.24-.14.46-.35.56l-8.19%203.93a.323.323%200%200%201-.47-.29v-3.73c0-.21.12-.41.31-.5l8.3-3.99c.19-.09.4.05.4.25m-10.52%205.189v3.77c0%20.24-.13.46-.35.55l-1.13.55a.323.323%200%200%201-.47-.29v-3.73c0-.21.12-.41.31-.5l1.24-.6c.19-.09.4.05.4.25%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/butter.svg?color=%231a73e8&size=48
