Gin icon

thesvg:gin

The Gin icon (thesvg:gin) is a free SVG icon from the theSVG set by thesvg.org. It is drawn on a 24 × 24 grid. theSVG 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
Author: thesvg.org
License: MIT
Size: 24 × 24

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.836 23.977c-2.059-.105-3.37-.36-4.468-.868c-.131-.061-.115-.028-.278-.596a43 43 0 0 1-.785-3.29c-.135-.678-.153-.762-.471-2.118c-.51-2.176-.64-2.831-.804-4.056c-.107-.796.122-1.315.275-.625c.603 2.715 1.124 4.697 1.675 6.368c.19.577.176.553.335.537c.11-.01.11-.01.028.181c-.112.26-.057.4.291.741c.261.256.264.271.04.239c-.173-.025-.165-.043-.102.214c.03.12.081.345.115.5c.264 1.23.609 1.833 1.112 1.94c1.468.314 3.6.45 5.48.35c2.18-.115 2.703-.198 3.38-.536c.459-.229.853-.657.611-.663c-.178-.005-.194-.047-.043-.11c.329-.136.468-.281.44-.46c-.007-.054.003-.11.043-.232c.123-.376.144-.682.112-1.664c-.014-.455-.013-.487.021-.658c.091-.449.132-.788.2-1.656c.047-.613.062-.766.111-1.119c.05-.353.065-.553.093-1.187c.055-1.238.116-1.731.229-1.844c.188-.188.187-.289-.006-.563c-.22-.313-.22-.477.003-.711c.108-.114.113-.242.039-1.065c-.02-.212-.04-.529-.045-.705c-.008-.217-.017-.32-.03-.32c-.041 0-.306.226-.89.76c-.663.607-.836.75-1.208.998c-.768.513-1.505.764-2.78.947c-1.286.184-2.8.14-3.791-.11c-.668-.168-1.055-.35-1.809-.85c-.706-.47-.667-1.229.08-1.563c.335-.15.075-.315-.6-.378c-.507-.047-.249-.146.4-.153c.789-.008 1.35-.288 2.074-1.036c.303-.313.374-.375.778-.677c.643-.481.87-.69.972-.895c.078-.155.073-.308-.01-.34q-.04-.015-.04-.056c0-.052.157-.045-2.561-.122c-2.869-.083-5.04-.212-6.148-.367c-.216-.03-.113.161.15.28c.085.038.092.072.02.085c-.194.038-.184.01-.128.329c.218 1.235.555 1.542 1.216 1.104c.13-.086.176-.102.496-.175c.7-.159 1.455-.246 2.583-.3c1.164-.054 1.29-.058 1.304-.044c.03.03-.56.11-1.594.215c-1.07.109-1.429.158-1.926.264c-.134.028-.28.052-.324.052c-.29 0-.712.293-.865.599c-.192.385-.015.615.51.663c.177.015.607.092.684.12c.065.026.052.067-.034.105c-.093.042-.093.04-.009.092c.17.107.097.1-.37-.035c-.778-.225-.936-.238-.723-.058q.153.127-.013.076c-.171-.052-.167-.087-.063.605c.133.886.03.842-.155-.067c-.255-1.25-.669-2.314-.484-1.246c.04.231.085.414.22.888c.18.638.287 1.249.223 1.288c-.03.019-.19-.484-.302-.947c-.124-.51-.177-.8-.433-2.382c-.13-.802-.243-1.346-.378-1.826c-.077-.274-.05-.403.128-.601C4 4.838 4.91 4.59 4.91 4.896c0 .147-.187.246-.643.34c-.52.108-.563.175-.29.458c.249.257 1.814.481 3.726.533l1.212.035c2.134.068 4.388.067 4.518-.002c.015-.008.084-.105.153-.216a6.5 6.5 0 0 1 .945-1.195c.278-.284.286-.294.241-.306c-.132-.033-.142-.562-.012-.628c.238-.12.354-.292.728-1.072c.198-.414.31-.596.478-.783c.145-.162.256-.385.42-.845c.162-.452.264-.664.38-.782c.223-.229.233-.103.037.49c-.162.49-.711 1.686-1.127 2.454c-.355.656-.307.845.188.743a.8.8 0 0 1 .246-.017c.13.012.273-.018.622-.129c.289-.092.326-.076.2.082c-.089.113-.088.114.054.18c.14.065.13.078-.062.078c-.265 0-.45.106-.476.274c-.012.074-.012.074-.123-.048c-.306-.335-.645-.28-.85.136c-.073.146-.186.253-.27.253c-.05 0-.038-.034.083-.232c.293-.478.298-.562.028-.424c-.308.156-.784.826-.803 1.13c-.017.266.295.409.533.244c.901-.627 1.348-.875.979-.544a3 3 0 0 0-.183.176c-.175.203-.31.294-.566.376c-.85.274-.85.656 0 .635c.227-.005.423-.002.478.008c.412.076 2.233-.237 3.161-.544c.588-.193.685-.429.323-.786c-.465-.46-.959-.369-.647.119c.194.302-.388.623-1.37.756c-.443.06-.611.09-.774.136c-.11.032-.438.072-.704.087c-.352.019-.464-.028-.192-.08c.415-.08.582-.105 1.078-.16c1.33-.147 1.76-.355 1.763-.855c.002-.278-.223-.32-.851-.16q-.302.078-.025-.056c.282-.136.26-.252-.071-.374c-.111-.04-.111-.04.051-.054c.742-.06 1.105-.355.76-.618c-.068-.052-.066-.069.01-.084a.4.4 0 0 0 .126-.063c.163-.118.3.246.156.414c-.198.231-.036.531.357.66c.403.133.588-.05.422-.416a3 3 0 0 1-.131-.426c-.24-.964-.76-2.041-.984-2.041q-.032.001-.048-.064c-.215-.834-.288-.99-.535-1.133c-.42-.245-.55-.67-.163-.528c.887.324 1.822 1.45 2.532 3.05c.566 1.274.693 3.168.324 4.803c-.203.9-.363 2.666-.546 6.03a68 68 0 0 1-.239 3.254c-.022.216-.045.47-.05.563c-.044.708-.204 2.028-.361 2.98c-.033.2-.048.37-.059.692c-.042 1.22-.431 1.823-1.258 1.947a3 3 0 0 0-.325.075c-1.08.331-2.166.47-4.342.557c-.728.028-.71.028-1.307-.002zm.262-.236c.047-.047-.242-.09-.885-.13a8 8 0 0 1-.419-.035c-.417-.058-1.17-.102-1.17-.07c0 .128 2.357.352 2.474.235m-4.096-.863c0-.04-.336-1.37-.404-1.598c-.125-.42-.377-1.016-.423-1.003c-.07.02.099.905.275 1.447c.175.536.552 1.325.552 1.154m-.524-.13c.043-.275-.042-.674-.335-1.57c-.176-.54-.234-.742-.276-.965c-.044-.236-.04-.225-.08-.219c-.166.025-.151.285.054.975c.148.5.165.568.188.751c.064.52.405 1.302.449 1.028m-.79-3.282c0-.344-.05-.624-.205-1.183c-.174-.625-.244-.896-.283-1.106c-.074-.401-.229-.62-.18-.256c.026.195.215 1.18.266 1.388c.024.094.062.327.086.517c.066.528.102.674.197.805c.098.135.118.106.118-.165m5.782-8.22c.047-.052.038-.166-.035-.46c-.1-.4-.1-.586.001-.74c.17-.26-.816-.376-1.398-.164c-.53.193-.648.517-.32.877c.162.177-.074.272-.296.12c-.305-.207-.277-.86.036-.86c.036 0 .106-.074.106-.112c0-.056-.067-.103-.211-.148c-.198-.062-.197-.074.008-.108c.484-.08.94-.422 1.66-1.247c.934-1.071 1.307-1.392.81-.7c-.25.35-.459.592-.877 1.016c-.75.76-.844.922-.532.922c.472 0 .683-.193 1.114-1.024c.408-.785.609-.987.897-.901c.122.036.12.038-.219.875c-.314.774-.3.986.054.81c.177-.087.17-.075.24-.409c.174-.82.53-1.946.618-1.946c.115 0 .046.505-.143 1.041c-.284.809-.298 1.069-.068 1.296c.25.248.53.202.747-.121c.08-.119.115-.103.177.08c.046.137.053.141.244.144c.261.004.62-.091.639-.169c.006-.025.02-.04.035-.036c.14.036.139-.107-.003-.168c-.091-.04-.1-.064-.032-.099c.15-.076.306.038.306.224c0 .079.02.089.205.11c1.218.142 1.95-.176 2.364-1.024c.071-.144.205-.408.3-.587q.502-.955.412-1.393c-.036-.17-.017-.164-.38-.12a75 75 0 0 1-5.572.488c-.152.01-.152.01-.452.304c-.485.475-.904.86-1.7 1.56c-.226.199-.434.386-.462.416c-.08.087-.344.296-.734.58c-.815.597-1.238 1.055-1.097 1.19c.16.154 1.37.375 2.378.434c.169.01.403.029.52.042c.31.036.32.037.48.04c.13.002.15-.001.18-.033m4.933-2.689c-.635-.103-1.247-.461-1.883-1.103c-.419-.422-.37-.455.226-.152c.437.222.594.278.778.273l.205-.004c.19-.004.925.402.855.472c-.024.024-.16-.02-.42-.134c-.835-.369-1.368-.372-.803-.005c.596.387 1.25.571 1.64.464c.146-.04.186-.04.193.004c.024.17-.35.257-.79.185m-3.517 2.69c.075-.018.363-.072.64-.12c1.31-.224 1.609-.339 2.422-.924c.552-.397.62-.789.126-.73c-.552.063-.613.112-.775.622c-.188.593-.272.665-.775.666c-.527 0-.74-.181-.889-.76c-.052-.205-.067-.222-.216-.272q-.833-.276-.832 1.112c0 .16-.01.168-.193.173c-.298.008-.33-.091-.154-.475c.233-.509.242-.609.061-.686c-.392-.165-.783.255-.71.763c.067.455.394.695.803.589c.116-.03.116-.03.218.022c.123.064.107.063.274.02m1.822-.776c.233-.02.388-.185.388-.41c0-.326-.282-.468-.63-.317c-.1.044-.122.047-.206.034c-.357-.058-.502.239-.254.52c.159.181.28.21.702.173m-3.21-.95c.373-.19.832-1.164.684-1.45c-.044-.084-.06-.077-.158.074c-.048.073-.168.24-.266.37c-.458.608-.578.868-.456.99c.062.061.1.065.196.016m-2.196 11.74a19 19 0 0 1-.785-.142c-.644-.128-.933-.172-1.124-.172c-.176 0-.216-.034-.167-.142c.054-.118.217-.105.757.058q.533.16.744.18c.061.006.15.021.196.034c.135.037 1.206.178 1.352.178q.006.001-.002.017c-.016.025-.751.017-.971-.01m1.759-.748c-.223-.11-.292-.254-.352-.736c-.062-.504-.159-.66-.453-.726l-.115-.027c-.04-.011-.071-.173-.056-.294c.034-.272.204-.492.717-.92a6 6 0 0 0 .271-.24c.36-.376 1.53.104 1.99.815c.325.505.322.619-.028.85c-.432.284-.494.365-.485.636l.008.257c.01.323-.177.407-.645.29c-.397-.1-.523-.084-.683.084c-.06.063-.063.063-.17.01m1.138-.226c.31-.158.375-.55.147-.892c-.244-.365-.56-.239-.548.22c.014.563.154.799.4.672m-.866-.082c.245-.11.326-.537.167-.875c-.156-.33-.447-.135-.502.335a4 4 0 0 1-.033.222c-.067.345.062.456.368.318m-.54-1.137c.272-.181.542-.19 1.375-.043c.478.085.863.029.862-.125c-.002-.572-.348-.742-1.23-.603c-.554.088-.758.088-1.007.002c-.275-.095-.602.165-.554.44c.045.257.372.451.554.33M9.77 18.18c-1.242-.26-2.03-1.747-1.379-2.602c.2-.262.262-.17.123.179c-.58 1.458 1.23 2.822 2.635 1.986c1.028-.612 1.015-2.107-.022-2.62a3 3 0 0 1-.196-.11c-.401-.248-.853-.232-1.716.06c-.505.171-.49.171-.33 0c.605-.654 1.898-.634 2.686.04c1.433 1.226.115 3.47-1.801 3.067m5.037-.112c-1.959-.3-2.62-2.187-1.153-3.292c1.31-.987 3.322-.01 3.258 1.584c-.04.981-1.121 1.858-2.105 1.708m.402-.32c1.503-.02 2.006-1.931.735-2.794c-.798-.542-2.093-.295-2.555.487c-.542.918.047 2.147 1.111 2.319c.028.004.147.004.265 0c.117-.006.317-.01.444-.013m-1.504-.836c-.44-.125-.51-.655-.138-1.057c.335-.363.817-.206 1.018.332c.09.24.058.275-.223.259c-.179-.011-.264.002-.263.04c0 .007.06.057.134.111c.22.162.225.216.027.284a1.25 1.25 0 0 1-.555.03m-4.654.107c-.466-.044-.63-.297-.442-.68c.224-.452.732-.585 1.015-.264c.428.486.11 1.01-.573.944M5.261 4.894c-.006-.01.009-.046.033-.081l.089-.126a.4.4 0 0 0 .053-.132c.006-.043.02-.072.037-.077c.07-.022.69-.149.95-.196c.67-.12.85-.132 2.365-.156c2.81-.044 3.885-.08 4.925-.162c.357-.029.338-.032.423.084c.133.183.016.311-.338.37c-.425.07-2.138.025-2.594-.067c-.484-.099-.636-.094-.775.026c-.081.07-.064.07-.278-.002c-.27-.09-.507-.118-.876-.106c-.3.01-.417.024-1.136.13c-.193.027-.462.059-.598.07c-.472.035-1.013.135-1.756.324c-.498.127-.507.129-.524.101m11.997-1.208c0-.085.11-.21.595-.668c.269-.255.464-.481.464-.54c0-.056.047-.06.066-.006c.105.3-.107.597-.698.983l-.32.212c-.085.058-.107.062-.107.019"/></svg>

How to use the Gin icon

React

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

<Icon icon="thesvg:gin" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:gin" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:gin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--gin]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg:gin"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg/gin.svg" alt="Gin icon" width="24" height="24">

Gin icon in other icon sets

Gin icon FAQ

Is the Gin icon free for commercial use?

Yes. theSVG icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Gin icon in React?

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

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

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

Browse all theSVG icons →