Popcorn icon
whh:popcorn
The Popcorn icon (whh:popcorn) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1026 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- Size
- 1026 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1026" height="1024" viewBox="0 0 1026 1024"><path fill="currentColor" d="M1024 334L920 974q-3 21-25 35.5t-49 14.5H188q-27 0-49-14.5T113 974L2 334q-5-26 6.5-47T44 256q76 34 240 52q-26-19-26-52q0-26 18.5-45t45-19t45.5 19t19 45q0 19-10 34.5T349 314q83 6 165 6q49 0 109-3q-20-6-32.5-22.5T578 256q0-26 18.5-45t45-19t45.5 19t19 45q0 20-11 35.5T667 315q216-15 315-59q23 10 34.5 31t7.5 47m-637 46q-106-6-189-20l64 600h150zm253 0l-22 580h152l61-600q-85 14-191 20m257.5-124q-26.5 0-45.5-18.5t-19-45t19-45.5t45.5-19t45 19t18.5 45.5t-18.5 45t-45 18.5m-192-64q-26.5 0-45-18.5t-18.5-45T660.5 83t45-19t45 19t18.5 45.5t-18.5 45t-45 18.5m-192-64q-26.5 0-45-18.5t-18.5-45T468.5 19t45-19T559 19t19 45.5t-19 45t-45.5 18.5m.5 64.5q0 26.5-19 45T449.5 256t-45-18.5t-18.5-45t18.5-45.5t45-19t45.5 19t19 45.5M321.5 128q-26.5 0-45-18.5t-18.5-45T276.5 19t45-19T367 19t19 45.5t-19 45t-45.5 18.5m-192 128q-26.5 0-45-18.5t-18.5-45T84.5 147t45-19t45.5 19t19 45.5t-19 45t-45.5 18.5"/></svg>
How to use the Popcorn icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:popcorn" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:popcorn" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:popcorn" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--popcorn]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:popcorn"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:popcorn"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/popcorn.svg" alt="Popcorn icon" width="24" height="24">
Popcorn icon in other icon sets
Popcorn icon FAQ
Is the Popcorn icon free for commercial use?
Yes. WebHostingHub Glyphs icons are released under the Open Font License, which allows use in personal and commercial projects.
How do I use the Popcorn icon in React?
Install @iconify/react and render <Icon icon="whh:popcorn" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Popcorn icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/whh/popcorn.svg" alt="Popcorn icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
