Sorbet icon

file-icons:sorbet

The Sorbet icon (file-icons:sorbet) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 397 × 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: 397 × 512

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="397" height="512" viewBox="0 0 397 512"><path fill="currentColor" fill-rule="evenodd" d="M360.724 154.053c-17.173-207.46-302.77-202.248-317.789-3.29c-76.474 36.14-42.5 144.722 36.89 135.28v31.422h37.864l62.589 177.048c7.977 21.029 38.557 25.536 49.078-.11l61.676-176.938h37.843v-30.88c70.006-4.55 95.06-93.632 31.849-132.532M87.198 310.093V288.77h12.494c3.374 8.778 9.437 16.217 17.176 21.322zm234.303 0h-35.708l-63.399 181.883c-5.598 16.154-28.509 16.955-35.165.08l-62.925-178.002c18.272 7.188 35.43 2.908 48.515-9.43v49.44c1.22 24.488 35.364 24.488 36.866 0v-57.107c25.237 30.568 70.148 26.335 89.052-8.187H321.5zM114.621 46.827c-1.077.797-26.546 19.943-39.174 57.714c-2.46 7.355 8.728 11.096 11.188 3.741C98.01 74.26 121.333 56.541 121.64 56.311c6.294-4.659-.725-14.141-7.018-9.483m-89.178 125.25c-4.552 7.03 5.338 13.46 9.89 6.432c3.69-5.652 12.66-14.795 31.208-12.505c7.881.971 9.324-10.738 1.442-11.71c-25.844-3.185-38.36 11.381-42.54 17.784m141.972.536c-.664-3.246 1.829-6.29 5.142-6.29h50.882c3.313 0 5.807 3.044 5.142 6.29c-7.46 33.314-53.742 33.068-61.166 0m16.832 14.61c.79 9.404 26.896 9.198 27.739 0c-1.074-9.81-27.566-8.704-27.74 0m153.36-26.75c-19.617-9.053-42.783-1.8-49.954 13.968c-3.27 7.261 7.165 11.98 10.616 5.145c5.544-11.44 22.694-13.887 34.33-8.432c7.221 2.928 11.885-6.894 5.008-10.68m-323.264 34.52c-4.592-2.647-4.592-9.301 0-11.949s10.363.68 10.363 5.975c0 5.294-5.771 8.621-10.363 5.974m108.861-24.843c-10.244-5.906-10.244-20.752 0-26.658s23.12 1.517 23.12 13.329s-12.875 19.235-23.12 13.329m137.1 0c-10.245-5.906-10.245-20.752 0-26.658s23.12 1.517 23.12 13.329s-12.875 19.235-23.12 13.329m19.414 30.893c-5.013-2.89-5.013-10.156 0-13.046c5.014-2.89 11.315.742 11.315 6.523s-6.301 9.414-11.315 6.523M129.39 46.41c-5.014-2.89-5.014-10.156 0-13.047c5.013-2.89 11.315.743 11.315 6.523s-6.302 9.414-11.315 6.524"/></svg>

How to use the Sorbet icon

React

import { Icon } from "@iconify/react";

<Icon icon="file-icons:sorbet" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="file-icons:sorbet" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="file-icons:sorbet" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--sorbet]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:sorbet"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="file-icons:sorbet"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/file-icons/sorbet.svg" alt="Sorbet icon" width="24" height="24">

Sorbet icon FAQ

Is the Sorbet 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 Sorbet icon in React?

Install @iconify/react and render <Icon icon="file-icons:sorbet" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Sorbet icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/sorbet.svg" alt="Sorbet icon">, or paste the SVG code inline to style it with CSS.

Browse all File Icons →