Shrink Dot icon
hugeicons:shrink-dot
The Shrink Dot icon (hugeicons:shrink-dot) is a free SVG icon from the Huge Icons set by Hugeicons. It is drawn on a 24 × 24 grid. Huge 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
- Huge Icons
- Author
- Hugeicons
- License
- MIT
- Size
- 24 × 24
- Tags
- shrinkdot
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 11.5v1m1-.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/><path fill="currentColor" d="M7.97 9.03a.75.75 0 0 0 1.06-1.06l-.53.53zM3.53 2.47a.75.75 0 0 0-1.06 1.06L3 3zM9.75 5a.75.75 0 0 0-1.5 0zM5 8.25a.75.75 0 0 0 0 1.5zm3.5.25l.53-.53l-5.5-5.5L3 3l-.53.53l5.5 5.5zM9 5h-.75v1.4h1.5V5zM6.4 9v-.75H5v1.5h1.4zM9 6.4h-.75c0 .634-.002 1.034-.04 1.327c-.037.27-.093.334-.121.362l.53.53l.53.53c.354-.352.488-.785.547-1.223c.056-.415.054-.934.054-1.526zM6.4 9v.75c.592 0 1.11.002 1.526-.054c.438-.06.87-.193 1.224-.546l-.53-.53l-.531-.531c-.028.028-.092.084-.362.12c-.293.04-.693.041-1.327.041zm8.57-1.03a.75.75 0 0 0 1.06 1.06l-.53-.53zm6.56-4.44a.75.75 0 0 0-1.06-1.06L21 3zM15.75 5a.75.75 0 0 0-1.5 0zM19 9.75a.75.75 0 0 0 0-1.5zM15.5 8.5l.53.53l5.5-5.5L21 3l-.53-.53l-5.5 5.5zM15 5h-.75v1.4h1.5V5zm2.6 4v.75H19v-1.5h-1.4zM15 6.4h-.75c0 .592-.002 1.11.054 1.526c.06.438.194.87.546 1.224l.53-.53l.531-.531c-.028-.028-.084-.092-.12-.362c-.04-.293-.041-.693-.041-1.327zM17.6 9v-.75c-.634 0-1.034-.002-1.327-.04c-.27-.037-.334-.093-.362-.121l-.53.53l-.53.53c.352.354.785.488 1.223.547c.415.056.934.054 1.526.054zm-8.57 7.03a.75.75 0 1 0-1.06-1.06l.53.53zm-6.56 4.44a.75.75 0 1 0 1.06 1.06L3 21zM8.25 19a.75.75 0 0 0 1.5 0zM5 14.25a.75.75 0 0 0 0 1.5zm3.5 1.25l-.53-.53l-5.5 5.5L3 21l.53.53l5.5-5.5zM9 19h.75v-1.4h-1.5V19zm-2.6-4v-.75H5v1.5h1.4zM9 17.6h.75c0-.592.002-1.11-.054-1.526c-.06-.438-.193-.87-.546-1.224l-.53.53l-.531.531c.028.028.084.092.12.362c.04.293.041.693.041 1.327zM6.4 15v.75c.634 0 1.034.002 1.327.04c.27.037.334.093.362.121l.53-.53l.53-.53c-.352-.354-.785-.488-1.223-.547c-.415-.056-.934-.054-1.526-.054zm9.63-.03a.75.75 0 1 0-1.06 1.06l.53-.53zm4.44 6.56a.75.75 0 1 0 1.06-1.06L21 21zM14.25 19a.75.75 0 0 0 1.5 0zM19 15.75a.75.75 0 0 0 0-1.5zm-3.5-.25l-.53.53l5.5 5.5L21 21l.53-.53l-5.5-5.5zM15 19h.75v-1.4h-1.5V19zm2.6-4v.75H19v-1.5h-1.4zM15 17.6h.75c0-.634.002-1.034.04-1.327c.037-.27.093-.334.121-.362l-.53-.53l-.53-.53c-.354.352-.488.785-.547 1.223c-.056.415-.054.934-.054 1.526zm2.6-2.6v-.75c-.592 0-1.11-.002-1.526.054c-.438.06-.87.194-1.224.546l.53.53l.531.531c.028-.028.092-.084.362-.12c.293-.04.693-.041 1.327-.041z"/></g></svg>How to use the Shrink Dot icon
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:shrink-dot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:shrink-dot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:shrink-dot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--shrink-dot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:shrink-dot"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:shrink-dot"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/hugeicons/shrink-dot.svg" alt="Shrink Dot icon" width="24" height="24">Related icons in Huge Icons
Shrink Dot icon FAQ
Is the Shrink Dot icon free for commercial use?
Yes. Huge Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Shrink Dot icon in React?
Install @iconify/react and render <Icon icon="hugeicons:shrink-dot" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shrink Dot icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/hugeicons/shrink-dot.svg" alt="Shrink Dot icon">, or paste the SVG code inline to style it with CSS.