popcorn emoji
popcorn from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- popcorn
- 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 popcorn emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M31.301 11H4.668a3 3 0 1 0 0 6c.182 0 .357-.023.53-.053L5.182 17l.637 14.004C5.918 33.202 7.8 35 10 35h16c2.2 0 4.082-1.798 4.182-3.996L30.818 17l-.015-.05c.163.027.327.05.498.05a3 3 0 1 0 0-6"/><path fill="#da2f47" d="M28.668 17v16.989c.863-.734 1.444-1.796 1.492-2.986L30.84 17zm-6 0h3v18h-3zm-6 18V17h3v18zm-6-18h3v18h-3zM5.16 17l.68 14.003c.054 1.342.776 2.528 1.828 3.254V17z"/><path fill="#99aab5" d="m5.16 17l.097 2h25.485l.098-2z" opacity=".6"/><path fill="#ffd983" d="M30.929 11.07c.043-.184.071-.373.071-.57c0-.674-.27-1.284-.704-1.733c.422-.266.704-.732.704-1.267a1.5 1.5 0 0 0-2.058-1.39a1.5 1.5 0 0 0-1.052-1.052A1.5 1.5 0 0 0 26.5 3c-.191 0-.372.039-.54.104a2.495 2.495 0 1 0-4.897.94c-.64.113-1.19.469-1.563.969A2.49 2.49 0 0 0 17.5 4A2.5 2.5 0 0 0 15 6.5l.001.012a2.46 2.46 0 0 0-1.047-.466A2.496 2.496 0 0 0 11.5 4a2.496 2.496 0 0 0-2.455 2.055A3.5 3.5 0 0 0 8.5 6A3.5 3.5 0 0 0 5 9.5c0 .545.135 1.054.357 1.514A1.495 1.495 0 0 0 5.5 14h25a1.495 1.495 0 0 0 .429-2.93"/><g fill="#ffac33"><circle cx="28" cy="8" r="1"/><circle cx="24.5" cy="5.5" r="1.5"/><circle cx="12" cy="7" r="1"/><path d="M31 12.5a1.497 1.497 0 0 0-2.914-.483C28.057 12.015 28.031 12 28 12a1 1 0 0 0-1 1h3.908c.056-.157.092-.324.092-.5M9.5 12c.198 0 .385.04.558.11A1.496 1.496 0 0 1 13 12.5c0 .176-.036.343-.092.5h4.184a1.5 1.5 0 0 1-.092-.5a1.5 1.5 0 0 1 1.5-1.5c.237 0 .459.06.658.158A1.5 1.5 0 0 1 19 10.5a1.5 1.5 0 1 1 2.89.558c.638.172 1.11.749 1.11 1.442c0 .176-.036.343-.092.5h2.968l-.566-.5c.42-.367.69-.899.69-1.5a2 2 0 0 0-2-2a2 2 0 0 0-1.03.294c.015-.097.03-.193.03-.294a1.997 1.997 0 0 0-3.816-.828A1.5 1.5 0 0 0 18.5 8a1.5 1.5 0 0 0-1.39 2.058c-.638.173-1.11.75-1.11 1.442c0 .198.04.385.11.558a1.5 1.5 0 0 0-.61.332a1.5 1.5 0 0 0-1-.39c-.237 0-.459.06-.659.159c.099-.2.159-.422.159-.659a1.5 1.5 0 0 0-2.058-1.39a1.496 1.496 0 1 0-2.832.948a1.5 1.5 0 0 0-.61.332a1.5 1.5 0 0 0-1-.39A1.5 1.5 0 0 0 6 12.5c0 .176.036.343.092.5h2c.207-.581.756-1 1.408-1"/></g><path fill="#fff" d="M4 13v1a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-1z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiPopcorn(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M31.301 11H4.668a3 3 0 1 0 0 6c.182 0 .357-.023.53-.053L5.182 17l.637 14.004C5.918 33.202 7.8 35 10 35h16c2.2 0 4.082-1.798 4.182-3.996L30.818 17l-.015-.05c.163.027.327.05.498.05a3 3 0 1 0 0-6"/><path fill="#da2f47" d="M28.668 17v16.989c.863-.734 1.444-1.796 1.492-2.986L30.84 17zm-6 0h3v18h-3zm-6 18V17h3v18zm-6-18h3v18h-3zM5.16 17l.68 14.003c.054 1.342.776 2.528 1.828 3.254V17z"/><path fill="#99aab5" d="m5.16 17l.097 2h25.485l.098-2z" opacity=".6"/><path fill="#ffd983" d="M30.929 11.07c.043-.184.071-.373.071-.57c0-.674-.27-1.284-.704-1.733c.422-.266.704-.732.704-1.267a1.5 1.5 0 0 0-2.058-1.39a1.5 1.5 0 0 0-1.052-1.052A1.5 1.5 0 0 0 26.5 3c-.191 0-.372.039-.54.104a2.495 2.495 0 1 0-4.897.94c-.64.113-1.19.469-1.563.969A2.49 2.49 0 0 0 17.5 4A2.5 2.5 0 0 0 15 6.5l.001.012a2.46 2.46 0 0 0-1.047-.466A2.496 2.496 0 0 0 11.5 4a2.496 2.496 0 0 0-2.455 2.055A3.5 3.5 0 0 0 8.5 6A3.5 3.5 0 0 0 5 9.5c0 .545.135 1.054.357 1.514A1.495 1.495 0 0 0 5.5 14h25a1.495 1.495 0 0 0 .429-2.93"/><g fill="#ffac33"><circle cx="28" cy="8" r="1"/><circle cx="24.5" cy="5.5" r="1.5"/><circle cx="12" cy="7" r="1"/><path d="M31 12.5a1.497 1.497 0 0 0-2.914-.483C28.057 12.015 28.031 12 28 12a1 1 0 0 0-1 1h3.908c.056-.157.092-.324.092-.5M9.5 12c.198 0 .385.04.558.11A1.496 1.496 0 0 1 13 12.5c0 .176-.036.343-.092.5h4.184a1.5 1.5 0 0 1-.092-.5a1.5 1.5 0 0 1 1.5-1.5c.237 0 .459.06.658.158A1.5 1.5 0 0 1 19 10.5a1.5 1.5 0 1 1 2.89.558c.638.172 1.11.749 1.11 1.442c0 .176-.036.343-.092.5h2.968l-.566-.5c.42-.367.69-.899.69-1.5a2 2 0 0 0-2-2a2 2 0 0 0-1.03.294c.015-.097.03-.193.03-.294a1.997 1.997 0 0 0-3.816-.828A1.5 1.5 0 0 0 18.5 8a1.5 1.5 0 0 0-1.39 2.058c-.638.173-1.11.75-1.11 1.442c0 .198.04.385.11.558a1.5 1.5 0 0 0-.61.332a1.5 1.5 0 0 0-1-.39c-.237 0-.459.06-.659.159c.099-.2.159-.422.159-.659a1.5 1.5 0 0 0-2.058-1.39a1.496 1.496 0 1 0-2.832.948a1.5 1.5 0 0 0-.61.332a1.5 1.5 0 0 0-1-.39A1.5 1.5 0 0 0 6 12.5c0 .176.036.343.092.5h2c.207-.581.756-1 1.408-1"/></g><path fill="#fff" d="M4 13v1a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M31.301 11H4.668a3 3 0 1 0 0 6c.182 0 .357-.023.53-.053L5.182 17l.637 14.004C5.918 33.202 7.8 35 10 35h16c2.2 0 4.082-1.798 4.182-3.996L30.818 17l-.015-.05c.163.027.327.05.498.05a3 3 0 1 0 0-6"/><path fill="#da2f47" d="M28.668 17v16.989c.863-.734 1.444-1.796 1.492-2.986L30.84 17zm-6 0h3v18h-3zm-6 18V17h3v18zm-6-18h3v18h-3zM5.16 17l.68 14.003c.054 1.342.776 2.528 1.828 3.254V17z"/><path fill="#99aab5" d="m5.16 17l.097 2h25.485l.098-2z" opacity=".6"/><path fill="#ffd983" d="M30.929 11.07c.043-.184.071-.373.071-.57c0-.674-.27-1.284-.704-1.733c.422-.266.704-.732.704-1.267a1.5 1.5 0 0 0-2.058-1.39a1.5 1.5 0 0 0-1.052-1.052A1.5 1.5 0 0 0 26.5 3c-.191 0-.372.039-.54.104a2.495 2.495 0 1 0-4.897.94c-.64.113-1.19.469-1.563.969A2.49 2.49 0 0 0 17.5 4A2.5 2.5 0 0 0 15 6.5l.001.012a2.46 2.46 0 0 0-1.047-.466A2.496 2.496 0 0 0 11.5 4a2.496 2.496 0 0 0-2.455 2.055A3.5 3.5 0 0 0 8.5 6A3.5 3.5 0 0 0 5 9.5c0 .545.135 1.054.357 1.514A1.495 1.495 0 0 0 5.5 14h25a1.495 1.495 0 0 0 .429-2.93"/><g fill="#ffac33"><circle cx="28" cy="8" r="1"/><circle cx="24.5" cy="5.5" r="1.5"/><circle cx="12" cy="7" r="1"/><path d="M31 12.5a1.497 1.497 0 0 0-2.914-.483C28.057 12.015 28.031 12 28 12a1 1 0 0 0-1 1h3.908c.056-.157.092-.324.092-.5M9.5 12c.198 0 .385.04.558.11A1.496 1.496 0 0 1 13 12.5c0 .176-.036.343-.092.5h4.184a1.5 1.5 0 0 1-.092-.5a1.5 1.5 0 0 1 1.5-1.5c.237 0 .459.06.658.158A1.5 1.5 0 0 1 19 10.5a1.5 1.5 0 1 1 2.89.558c.638.172 1.11.749 1.11 1.442c0 .176-.036.343-.092.5h2.968l-.566-.5c.42-.367.69-.899.69-1.5a2 2 0 0 0-2-2a2 2 0 0 0-1.03.294c.015-.097.03-.193.03-.294a1.997 1.997 0 0 0-3.816-.828A1.5 1.5 0 0 0 18.5 8a1.5 1.5 0 0 0-1.39 2.058c-.638.173-1.11.75-1.11 1.442c0 .198.04.385.11.558a1.5 1.5 0 0 0-.61.332a1.5 1.5 0 0 0-1-.39c-.237 0-.459.06-.659.159c.099-.2.159-.422.159-.659a1.5 1.5 0 0 0-2.058-1.39a1.496 1.496 0 1 0-2.832.948a1.5 1.5 0 0 0-.61.332a1.5 1.5 0 0 0-1-.39A1.5 1.5 0 0 0 6 12.5c0 .176.036.343.092.5h2c.207-.581.756-1 1.408-1"/></g><path fill="#fff" d="M4 13v1a1 1 0 0 0 1 1h26a1 1 0 0 0 1-1v-1z"/></svg> </template>
CSS
.icon-popcorn {
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%23e1e8ed%22%20d%3D%22M31.301%2011H4.668a3%203%200%201%200%200%206c.182%200%20.357-.023.53-.053L5.182%2017l.637%2014.004C5.918%2033.202%207.8%2035%2010%2035h16c2.2%200%204.082-1.798%204.182-3.996L30.818%2017l-.015-.05c.163.027.327.05.498.05a3%203%200%201%200%200-6%22%2F%3E%3Cpath%20fill%3D%22%23da2f47%22%20d%3D%22M28.668%2017v16.989c.863-.734%201.444-1.796%201.492-2.986L30.84%2017zm-6%200h3v18h-3zm-6%2018V17h3v18zm-6-18h3v18h-3zM5.16%2017l.68%2014.003c.054%201.342.776%202.528%201.828%203.254V17z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m5.16%2017l.097%202h25.485l.098-2z%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M30.929%2011.07c.043-.184.071-.373.071-.57c0-.674-.27-1.284-.704-1.733c.422-.266.704-.732.704-1.267a1.5%201.5%200%200%200-2.058-1.39a1.5%201.5%200%200%200-1.052-1.052A1.5%201.5%200%200%200%2026.5%203c-.191%200-.372.039-.54.104a2.495%202.495%200%201%200-4.897.94c-.64.113-1.19.469-1.563.969A2.49%202.49%200%200%200%2017.5%204A2.5%202.5%200%200%200%2015%206.5l.001.012a2.46%202.46%200%200%200-1.047-.466A2.496%202.496%200%200%200%2011.5%204a2.496%202.496%200%200%200-2.455%202.055A3.5%203.5%200%200%200%208.5%206A3.5%203.5%200%200%200%205%209.5c0%20.545.135%201.054.357%201.514A1.495%201.495%200%200%200%205.5%2014h25a1.495%201.495%200%200%200%20.429-2.93%22%2F%3E%3Cg%20fill%3D%22%23ffac33%22%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%228%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%225.5%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M31%2012.5a1.497%201.497%200%200%200-2.914-.483C28.057%2012.015%2028.031%2012%2028%2012a1%201%200%200%200-1%201h3.908c.056-.157.092-.324.092-.5M9.5%2012c.198%200%20.385.04.558.11A1.496%201.496%200%200%201%2013%2012.5c0%20.176-.036.343-.092.5h4.184a1.5%201.5%200%200%201-.092-.5a1.5%201.5%200%200%201%201.5-1.5c.237%200%20.459.06.658.158A1.5%201.5%200%200%201%2019%2010.5a1.5%201.5%200%201%201%202.89.558c.638.172%201.11.749%201.11%201.442c0%20.176-.036.343-.092.5h2.968l-.566-.5c.42-.367.69-.899.69-1.5a2%202%200%200%200-2-2a2%202%200%200%200-1.03.294c.015-.097.03-.193.03-.294a1.997%201.997%200%200%200-3.816-.828A1.5%201.5%200%200%200%2018.5%208a1.5%201.5%200%200%200-1.39%202.058c-.638.173-1.11.75-1.11%201.442c0%20.198.04.385.11.558a1.5%201.5%200%200%200-.61.332a1.5%201.5%200%200%200-1-.39c-.237%200-.459.06-.659.159c.099-.2.159-.422.159-.659a1.5%201.5%200%200%200-2.058-1.39a1.496%201.496%200%201%200-2.832.948a1.5%201.5%200%200%200-.61.332a1.5%201.5%200%200%200-1-.39A1.5%201.5%200%200%200%206%2012.5c0%20.176.036.343.092.5h2c.207-.581.756-1%201.408-1%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%2013v1a1%201%200%200%200%201%201h26a1%201%200%200%200%201-1v-1z%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%23e1e8ed%22%20d%3D%22M31.301%2011H4.668a3%203%200%201%200%200%206c.182%200%20.357-.023.53-.053L5.182%2017l.637%2014.004C5.918%2033.202%207.8%2035%2010%2035h16c2.2%200%204.082-1.798%204.182-3.996L30.818%2017l-.015-.05c.163.027.327.05.498.05a3%203%200%201%200%200-6%22%2F%3E%3Cpath%20fill%3D%22%23da2f47%22%20d%3D%22M28.668%2017v16.989c.863-.734%201.444-1.796%201.492-2.986L30.84%2017zm-6%200h3v18h-3zm-6%2018V17h3v18zm-6-18h3v18h-3zM5.16%2017l.68%2014.003c.054%201.342.776%202.528%201.828%203.254V17z%22%2F%3E%3Cpath%20fill%3D%22%2399aab5%22%20d%3D%22m5.16%2017l.097%202h25.485l.098-2z%22%20opacity%3D%22.6%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M30.929%2011.07c.043-.184.071-.373.071-.57c0-.674-.27-1.284-.704-1.733c.422-.266.704-.732.704-1.267a1.5%201.5%200%200%200-2.058-1.39a1.5%201.5%200%200%200-1.052-1.052A1.5%201.5%200%200%200%2026.5%203c-.191%200-.372.039-.54.104a2.495%202.495%200%201%200-4.897.94c-.64.113-1.19.469-1.563.969A2.49%202.49%200%200%200%2017.5%204A2.5%202.5%200%200%200%2015%206.5l.001.012a2.46%202.46%200%200%200-1.047-.466A2.496%202.496%200%200%200%2011.5%204a2.496%202.496%200%200%200-2.455%202.055A3.5%203.5%200%200%200%208.5%206A3.5%203.5%200%200%200%205%209.5c0%20.545.135%201.054.357%201.514A1.495%201.495%200%200%200%205.5%2014h25a1.495%201.495%200%200%200%20.429-2.93%22%2F%3E%3Cg%20fill%3D%22%23ffac33%22%3E%3Ccircle%20cx%3D%2228%22%20cy%3D%228%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2224.5%22%20cy%3D%225.5%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%227%22%20r%3D%221%22%2F%3E%3Cpath%20d%3D%22M31%2012.5a1.497%201.497%200%200%200-2.914-.483C28.057%2012.015%2028.031%2012%2028%2012a1%201%200%200%200-1%201h3.908c.056-.157.092-.324.092-.5M9.5%2012c.198%200%20.385.04.558.11A1.496%201.496%200%200%201%2013%2012.5c0%20.176-.036.343-.092.5h4.184a1.5%201.5%200%200%201-.092-.5a1.5%201.5%200%200%201%201.5-1.5c.237%200%20.459.06.658.158A1.5%201.5%200%200%201%2019%2010.5a1.5%201.5%200%201%201%202.89.558c.638.172%201.11.749%201.11%201.442c0%20.176-.036.343-.092.5h2.968l-.566-.5c.42-.367.69-.899.69-1.5a2%202%200%200%200-2-2a2%202%200%200%200-1.03.294c.015-.097.03-.193.03-.294a1.997%201.997%200%200%200-3.816-.828A1.5%201.5%200%200%200%2018.5%208a1.5%201.5%200%200%200-1.39%202.058c-.638.173-1.11.75-1.11%201.442c0%20.198.04.385.11.558a1.5%201.5%200%200%200-.61.332a1.5%201.5%200%200%200-1-.39c-.237%200-.459.06-.659.159c.099-.2.159-.422.159-.659a1.5%201.5%200%200%200-2.058-1.39a1.496%201.496%200%201%200-2.832.948a1.5%201.5%200%200%200-.61.332a1.5%201.5%200%200%200-1-.39A1.5%201.5%200%200%200%206%2012.5c0%20.176.036.343.092.5h2c.207-.581.756-1%201.408-1%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4%2013v1a1%201%200%200%200%201%201h26a1%201%200%200%200%201-1v-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/popcorn.svg?color=%231a73e8&size=48
