Roundswitch Off icon
fad:roundswitch-off
The Roundswitch Off icon (fad:roundswitch-off) is a free SVG icon from the FontAudio set by @fefanto. It is drawn on a 256 × 256 grid. FontAudio icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" fill-rule="evenodd" d="M231 128q0 13-5.13 24.85t-13.73 20.4t-20.52 13.65t-24.995 5.1h-77.25q-13.076 0-24.996-5.1t-20.52-13.65t-13.73-20.4Q25 141 25 128t5.13-24.85t13.73-20.4T64.38 69.1T89.375 64h77.25q13.076 0 24.996 5.1t20.52 13.65t13.73 20.4Q231 115 231 128m-18 .064q0-9.762-4.08-18.634q-4.08-8.87-11.032-15.349q-6.951-6.477-16.472-10.279Q171.896 80 161.42 80h-31.47c5.44 3.802 16.472 16.147 19.947 23.281c3.476 7.135 5.642 17.96 5.642 24.468c0 .783.022 1.578.044 2.398c.166 5.999.367 13.327-7.701 26.831c-5.639 9.439-13.944 16.357-17.909 19.15h-.628c-2.637 1.88-1.855 1.748.628 0h31.447q10.477 0 19.997-3.801q9.52-3.803 16.472-10.28t11.032-15.348a44.1 44.1 0 0 0 4.08-18.635zm-78.797-18.674Q138 118.25 138 128c0 9.75-1.266 12.703-3.797 18.609q-3.797 8.86-10.265 15.328q-6.47 6.47-15.328 10.266Q99.75 176 90 176c-9.75 0-12.703-1.266-18.609-3.797q-8.86-3.797-15.328-10.266q-6.47-6.468-10.266-15.327T42 128c0-9.75 1.266-12.703 3.797-18.609q3.797-8.86 10.265-15.328q6.47-6.47 15.328-10.266Q80.25 80 90 80c9.75 0 12.703 1.266 18.609 3.797q8.86 3.797 15.328 10.265q6.47 6.47 10.266 15.328" clip-rule="evenodd"/></svg>How to use the Roundswitch Off icon
React
import { Icon } from "@iconify/react";
<Icon icon="fad:roundswitch-off" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:roundswitch-off" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:roundswitch-off" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--roundswitch-off]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:roundswitch-off"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:roundswitch-off"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fad/roundswitch-off.svg" alt="Roundswitch Off icon" width="24" height="24">Related icons in FontAudio
Roundswitch Off icon FAQ
Is the Roundswitch Off icon free for commercial use?
Yes. FontAudio icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Roundswitch Off icon in React?
Install @iconify/react and render <Icon icon="fad:roundswitch-off" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Roundswitch Off icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fad/roundswitch-off.svg" alt="Roundswitch Off icon">, or paste the SVG code inline to style it with CSS.