Plunk icon
thesvg-color:plunk
The Plunk icon (thesvg-color:plunk) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 1080 × 1080 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 1080 × 1080
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1080" height="1080" viewBox="0 0 1080 1080"><path d="M955 296.539q0 90.964-47.058 166.945T771.046 587.622T557.147 644.34l-45.989 257.908C493.333 1001.42 444.849 1051 365.707 1051c-43.493 0-83.778-12.84-120.854-38.53q-54.545-38.52-87.699-117.713Q124 815.566 124 699.988q0-217.241 69.517-368.134q70.587-151.962 188.232-226.873Q500.463 29 642.707 29q100.532 0 170.05 35.315q70.587 35.315 105.88 96.314Q955 220.559 955 296.539M576.398 534.114q219.246-27.823 219.247-227.943q0-70.63-47.058-114.507q-45.989-44.947-143.313-44.947q-110.158 0-192.51 69.561q-81.28 69.56-126.2 193.698q-43.85 123.068-43.85 281.451q0 66.35 12.834 117.718q13.904 51.367 34.224 80.261q21.39 27.824 40.641 27.824q26.737 0 40.641-73.84l35.293-202.26l-.714 5.169l6.075-34.797l4.826-27.648l3.594-22.403l4.401-27.337q13.903-83.472 39.571-223.663q6.417-36.385 28.877-51.367q23.529-16.053 54.544-16.053q35.294 0 50.267 13.912q16.042 12.843 16.042 41.737q0 17.122-2.139 27.824z"/></svg>How to use the Plunk icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:plunk" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:plunk" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:plunk" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--plunk]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:plunk"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:plunk"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/plunk.svg" alt="Plunk icon" width="24" height="24">Plunk icon FAQ
Is the Plunk icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Plunk icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:plunk" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Plunk icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/plunk.svg" alt="Plunk icon">, or paste the SVG code inline to style it with CSS.