Pickle icon
file-icons:pickle
The Pickle icon (file-icons:pickle) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 370 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 370 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="370" height="512" viewBox="0 0 370 512"><path fill="currentColor" d="M284.775 86.223h41.797v30.287c0 6.875 7.874 24.2 24.037 39.805c4.536 4.38 19.253 27.309 19.253 75.419V383.95c0 63.93-51.409 128.05-126.105 128.05h-128.94C61.872 508.71 0 457.238 0 389.81V219.258c0-69.352 41.768-67.123 41.768-107.936V86.223H83.38v29.98c0 14.197-5.787 29.805-12.16 40.917c45.408 40.53 164.303-41.954 230.318 6.33c-15.676-23.044-16.24-49.548-16.24-49.548zM45.18 0C28.52 3.964 17.053 13.177 13.41 33.168v16.018s.214 18.212 20.773 20.667c0 0 8.947 2.264 15.199-3.557c4.93-4.59 9.845-25.222 20.05-24.363c10.915.92 19.444 27.977 30.031 28.27c9.508.265 17.055-27.684 27.938-27.86s18.236 27.175 28.333 28.155s18.038-31.567 27.94-28.724c11.222 3.223 18.037 28.332 28.625 28.332c10.587 0 19.309-29.176 29.167-28.32c12.3 1.067 18.379 28.908 27.986 28.124c11.368-.928 17.014-26.938 29.606-27.743c12.254-.785 22.191 27.253 27.779 28.429c17.454.063 27.943-6.21 28.136-19.893v-16.72C353.804 19.307 344.778 6.56 325.622 0zm268.794 213.487s-2.364-7.564-5.83-7.722c-2.78-.126-15.476 7.95-23.33 17.978c-29.022-17.772-96.363 37.8-123.23 66.422c-28.288 30.137-115.848 115.07-86.303 151.225c33.388 40.856 149.281-83.193 149.281-83.193s91.13-96.002 66.055-129.203c8.448-13.108 23.357-15.507 23.357-15.507"/></svg>How to use the Pickle icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:pickle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:pickle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:pickle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--pickle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:pickle"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:pickle"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/pickle.svg" alt="Pickle icon" width="24" height="24">Pickle icon in other icon sets
Pickle icon FAQ
Is the Pickle icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Pickle icon in React?
Install @iconify/react and render <Icon icon="file-icons:pickle" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Pickle icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/pickle.svg" alt="Pickle icon">, or paste the SVG code inline to style it with CSS.