Hands Free icon
fluent-mdl2:hands-free
The Hands Free icon (fluent-mdl2:hands-free) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 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
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- handsfree, hand
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1600 256q40 0 75 15t61 41t41 61t15 75v896q0 119-45 224t-124 183t-183 123t-224 46q-144 0-268-55t-226-156l-472-472q-28-28-43-65t-15-76q0-42 16-78t43-64t63-42t78-16q40 0 76 15t65 44l107 106V320q0-40 15-75t41-61t61-41t75-15q37 0 71 14q8-31 26-57t42-45t55-29t62-11q32 0 62 10t54 30t43 45t26 57q34-14 71-14q32 0 62 10t54 30t43 45t26 57q34-14 71-14m64 192q0-26-19-45t-45-19t-45 19t-19 45v448q0 26-19 45t-45 19t-45-19t-19-45V320q0-26-19-45t-45-19t-45 19t-19 45v512q0 26-19 45t-45 19t-45-19t-19-45V192q0-26-19-45t-45-19t-45 19t-19 45v640q0 26-19 45t-45 19t-45-19t-19-45V320q0-26-19-45t-45-19t-45 19t-19 45v787q0 23-8 42t-23 35t-35 23t-42 9q-22 0-42-8t-37-24l-139-139q-21-21-50-21t-50 21t-22 51q0 29 21 50l472 473q84 84 184 128t219 45q93 0 174-35t142-96t96-142t36-175z"/></svg>How to use the Hands Free icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:hands-free" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:hands-free" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:hands-free" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--hands-free]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:hands-free"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:hands-free"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/hands-free.svg" alt="Hands Free icon" width="24" height="24">Hands Free icon FAQ
Is the Hands Free icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Hands Free icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:hands-free" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Hands Free icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/hands-free.svg" alt="Hands Free icon">, or paste the SVG code inline to style it with CSS.