salt emoji
salt from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- salt
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More food & drink icons from Twitter Emoji
Use the salt emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M26 4c0 3-3.582 6-8 6s-8-3-8-6c0-4.418 6-4 8-4s8-.418 8 4"/><path fill="#ccd6dd" d="M24.306 12H11.694a2 2 0 0 0-1.973 1.671l-3.333 20A2 2 0 0 0 8.361 36h19.278a2 2 0 0 0 1.973-2.329l-3.333-20A2 2 0 0 0 24.306 12"/><path fill="#f5f8fa" d="M19.344 14h-6.802a1 1 0 0 0-.986.836l-3 18A.998.998 0 0 0 9.541 34h10.427zm5.101.836a1 1 0 0 0-.986-.836h-2.413l.909 20h4.505a1 1 0 0 0 .986-1.164z"/><ellipse cx="15" cy="1.5" fill="#ccd6dd" rx="1.2" ry=".6"/><ellipse cx="21" cy="1.5" fill="#ccd6dd" rx="1.2" ry=".6"/><ellipse cx="18" cy="3.5" fill="#ccd6dd" rx="1.2" ry=".6"/><path fill="#66757f" d="M25 12H11V9.528c0-.844.684-1.262 1.528-1.262h10.944c.844 0 1.528.418 1.528 1.262z"/><path fill="#ccd6dd" d="M23.472 8H12.528c-.657 0-1.213.417-1.429 1H24.9c-.215-.583-.77-1-1.428-1M11 10h14v1H11zm0 2h14v.5H11z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSalt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M26 4c0 3-3.582 6-8 6s-8-3-8-6c0-4.418 6-4 8-4s8-.418 8 4"/><path fill="#ccd6dd" d="M24.306 12H11.694a2 2 0 0 0-1.973 1.671l-3.333 20A2 2 0 0 0 8.361 36h19.278a2 2 0 0 0 1.973-2.329l-3.333-20A2 2 0 0 0 24.306 12"/><path fill="#f5f8fa" d="M19.344 14h-6.802a1 1 0 0 0-.986.836l-3 18A.998.998 0 0 0 9.541 34h10.427zm5.101.836a1 1 0 0 0-.986-.836h-2.413l.909 20h4.505a1 1 0 0 0 .986-1.164z"/><ellipse cx="15" cy="1.5" fill="#ccd6dd" rx="1.2" ry=".6"/><ellipse cx="21" cy="1.5" fill="#ccd6dd" rx="1.2" ry=".6"/><ellipse cx="18" cy="3.5" fill="#ccd6dd" rx="1.2" ry=".6"/><path fill="#66757f" d="M25 12H11V9.528c0-.844.684-1.262 1.528-1.262h10.944c.844 0 1.528.418 1.528 1.262z"/><path fill="#ccd6dd" d="M23.472 8H12.528c-.657 0-1.213.417-1.429 1H24.9c-.215-.583-.77-1-1.428-1M11 10h14v1H11zm0 2h14v.5H11z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#66757f" d="M26 4c0 3-3.582 6-8 6s-8-3-8-6c0-4.418 6-4 8-4s8-.418 8 4"/><path fill="#ccd6dd" d="M24.306 12H11.694a2 2 0 0 0-1.973 1.671l-3.333 20A2 2 0 0 0 8.361 36h19.278a2 2 0 0 0 1.973-2.329l-3.333-20A2 2 0 0 0 24.306 12"/><path fill="#f5f8fa" d="M19.344 14h-6.802a1 1 0 0 0-.986.836l-3 18A.998.998 0 0 0 9.541 34h10.427zm5.101.836a1 1 0 0 0-.986-.836h-2.413l.909 20h4.505a1 1 0 0 0 .986-1.164z"/><ellipse cx="15" cy="1.5" fill="#ccd6dd" rx="1.2" ry=".6"/><ellipse cx="21" cy="1.5" fill="#ccd6dd" rx="1.2" ry=".6"/><ellipse cx="18" cy="3.5" fill="#ccd6dd" rx="1.2" ry=".6"/><path fill="#66757f" d="M25 12H11V9.528c0-.844.684-1.262 1.528-1.262h10.944c.844 0 1.528.418 1.528 1.262z"/><path fill="#ccd6dd" d="M23.472 8H12.528c-.657 0-1.213.417-1.429 1H24.9c-.215-.583-.77-1-1.428-1M11 10h14v1H11zm0 2h14v.5H11z"/></svg> </template>
CSS
.icon-salt {
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%2366757f%22%20d%3D%22M26%204c0%203-3.582%206-8%206s-8-3-8-6c0-4.418%206-4%208-4s8-.418%208%204%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M24.306%2012H11.694a2%202%200%200%200-1.973%201.671l-3.333%2020A2%202%200%200%200%208.361%2036h19.278a2%202%200%200%200%201.973-2.329l-3.333-20A2%202%200%200%200%2024.306%2012%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M19.344%2014h-6.802a1%201%200%200%200-.986.836l-3%2018A.998.998%200%200%200%209.541%2034h10.427zm5.101.836a1%201%200%200%200-.986-.836h-2.413l.909%2020h4.505a1%201%200%200%200%20.986-1.164z%22%2F%3E%3Cellipse%20cx%3D%2215%22%20cy%3D%221.5%22%20fill%3D%22%23ccd6dd%22%20rx%3D%221.2%22%20ry%3D%22.6%22%2F%3E%3Cellipse%20cx%3D%2221%22%20cy%3D%221.5%22%20fill%3D%22%23ccd6dd%22%20rx%3D%221.2%22%20ry%3D%22.6%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%223.5%22%20fill%3D%22%23ccd6dd%22%20rx%3D%221.2%22%20ry%3D%22.6%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M25%2012H11V9.528c0-.844.684-1.262%201.528-1.262h10.944c.844%200%201.528.418%201.528%201.262z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M23.472%208H12.528c-.657%200-1.213.417-1.429%201H24.9c-.215-.583-.77-1-1.428-1M11%2010h14v1H11zm0%202h14v.5H11z%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%2366757f%22%20d%3D%22M26%204c0%203-3.582%206-8%206s-8-3-8-6c0-4.418%206-4%208-4s8-.418%208%204%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M24.306%2012H11.694a2%202%200%200%200-1.973%201.671l-3.333%2020A2%202%200%200%200%208.361%2036h19.278a2%202%200%200%200%201.973-2.329l-3.333-20A2%202%200%200%200%2024.306%2012%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M19.344%2014h-6.802a1%201%200%200%200-.986.836l-3%2018A.998.998%200%200%200%209.541%2034h10.427zm5.101.836a1%201%200%200%200-.986-.836h-2.413l.909%2020h4.505a1%201%200%200%200%20.986-1.164z%22%2F%3E%3Cellipse%20cx%3D%2215%22%20cy%3D%221.5%22%20fill%3D%22%23ccd6dd%22%20rx%3D%221.2%22%20ry%3D%22.6%22%2F%3E%3Cellipse%20cx%3D%2221%22%20cy%3D%221.5%22%20fill%3D%22%23ccd6dd%22%20rx%3D%221.2%22%20ry%3D%22.6%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%223.5%22%20fill%3D%22%23ccd6dd%22%20rx%3D%221.2%22%20ry%3D%22.6%22%2F%3E%3Cpath%20fill%3D%22%2366757f%22%20d%3D%22M25%2012H11V9.528c0-.844.684-1.262%201.528-1.262h10.944c.844%200%201.528.418%201.528%201.262z%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M23.472%208H12.528c-.657%200-1.213.417-1.429%201H24.9c-.215-.583-.77-1-1.428-1M11%2010h14v1H11zm0%202h14v.5H11z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/salt.svg?color=%231a73e8&size=48
