popcorn icon
popcorn from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- popcorn
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the popcorn icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="m5.003 12.001l1.035 5.015c.462 2.237.693 3.356 1.522 4.015c1.576 1.252 7.3 1.256 8.881 0c.83-.66 1.06-1.778 1.521-4.015l1.035-5.015m-3.993.014l-1 9.984"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.094 2.313c.397.183.737.537.93.716c.194-.18.485-.533.882-.716c1.571-.728 3.704-.141 4.577 1.351c.355.605.632 1.44.565 2.325c1.21 0 2.884.904 2.949 2.85c.059 1.76-.846 2.559-1.59 2.937c-.372.19-.796.238-1.214.238H5.807c-.418 0-.842-.049-1.214-.238c-.744-.378-1.649-1.176-1.59-2.938c.065-1.945 1.796-2.806 3.005-2.806c-.067-.884.154-1.763.509-2.368c.873-1.492 3.006-2.08 4.577-1.351"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsPopcorn(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="m5.003 12.001l1.035 5.015c.462 2.237.693 3.356 1.522 4.015c1.576 1.252 7.3 1.256 8.881 0c.83-.66 1.06-1.778 1.521-4.015l1.035-5.015m-3.993.014l-1 9.984"/><path strokeLinecap="round" strokeLinejoin="round" d="M11.094 2.313c.397.183.737.537.93.716c.194-.18.485-.533.882-.716c1.571-.728 3.704-.141 4.577 1.351c.355.605.632 1.44.565 2.325c1.21 0 2.884.904 2.949 2.85c.059 1.76-.846 2.559-1.59 2.937c-.372.19-.796.238-1.214.238H5.807c-.418 0-.842-.049-1.214-.238c-.744-.378-1.649-1.176-1.59-2.938c.065-1.945 1.796-2.806 3.005-2.806c-.067-.884.154-1.763.509-2.368c.873-1.492 3.006-2.08 4.577-1.351"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="m5.003 12.001l1.035 5.015c.462 2.237.693 3.356 1.522 4.015c1.576 1.252 7.3 1.256 8.881 0c.83-.66 1.06-1.778 1.521-4.015l1.035-5.015m-3.993.014l-1 9.984"/><path stroke-linecap="round" stroke-linejoin="round" d="M11.094 2.313c.397.183.737.537.93.716c.194-.18.485-.533.882-.716c1.571-.728 3.704-.141 4.577 1.351c.355.605.632 1.44.565 2.325c1.21 0 2.884.904 2.949 2.85c.059 1.76-.846 2.559-1.59 2.937c-.372.19-.796.238-1.214.238H5.807c-.418 0-.842-.049-1.214-.238c-.744-.378-1.649-1.176-1.59-2.938c.065-1.945 1.796-2.806 3.005-2.806c-.067-.884.154-1.763.509-2.368c.873-1.492 3.006-2.08 4.577-1.351"/></g></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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m5.003%2012.001l1.035%205.015c.462%202.237.693%203.356%201.522%204.015c1.576%201.252%207.3%201.256%208.881%200c.83-.66%201.06-1.778%201.521-4.015l1.035-5.015m-3.993.014l-1%209.984%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.094%202.313c.397.183.737.537.93.716c.194-.18.485-.533.882-.716c1.571-.728%203.704-.141%204.577%201.351c.355.605.632%201.44.565%202.325c1.21%200%202.884.904%202.949%202.85c.059%201.76-.846%202.559-1.59%202.937c-.372.19-.796.238-1.214.238H5.807c-.418%200-.842-.049-1.214-.238c-.744-.378-1.649-1.176-1.59-2.938c.065-1.945%201.796-2.806%203.005-2.806c-.067-.884.154-1.763.509-2.368c.873-1.492%203.006-2.08%204.577-1.351%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22m5.003%2012.001l1.035%205.015c.462%202.237.693%203.356%201.522%204.015c1.576%201.252%207.3%201.256%208.881%200c.83-.66%201.06-1.778%201.521-4.015l1.035-5.015m-3.993.014l-1%209.984%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M11.094%202.313c.397.183.737.537.93.716c.194-.18.485-.533.882-.716c1.571-.728%203.704-.141%204.577%201.351c.355.605.632%201.44.565%202.325c1.21%200%202.884.904%202.949%202.85c.059%201.76-.846%202.559-1.59%202.937c-.372.19-.796.238-1.214.238H5.807c-.418%200-.842-.049-1.214-.238c-.744-.378-1.649-1.176-1.59-2.938c.065-1.945%201.796-2.806%203.005-2.806c-.067-.884.154-1.763.509-2.368c.873-1.492%203.006-2.08%204.577-1.351%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/popcorn.svg?color=%231a73e8&size=48
