Squareswitch On icon
fad:squareswitch-on
The Squareswitch On icon (fad:squareswitch-on) 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"><g fill="currentColor" fill-rule="evenodd"><path d="M231 70.623V185.61c0 3.528-2.878 6.391-6.428 6.391H31.622c-3.547 0-6.427-2.861-6.427-6.39V70.622c0-3.527 2.878-6.39 6.428-6.39h192.95c3.547 0 6.427 2.86 6.427 6.39zm-14.667 15.382c0-3.316-2.84-6.005-6.354-6.005H46.354C42.844 80 40 82.693 40 86.005v83.99c0 3.316 2.841 6.005 6.354 6.005h163.625c3.51 0 6.354-2.693 6.354-6.005z"/><path d="M135.764 92.983c0-1.766-1.789-3.197-3.996-3.197h-8.008c-2.207 0-3.996 1.43-3.996 3.197v70.267c0 1.765 1.79 3.197 3.996 3.197h8.008c2.207 0 3.996-1.43 3.996-3.197zm32.726 0c0-1.766-1.789-3.197-3.996-3.197h-8.008c-2.207 0-3.996 1.43-3.996 3.197v70.267c0 1.765 1.789 3.197 3.996 3.197h8.008c2.207 0 3.996-1.43 3.996-3.197zm31.726 0c0-1.766-1.79-3.197-3.997-3.197h-8.007c-2.207 0-3.996 1.43-3.996 3.197v70.267c0 1.765 1.788 3.197 3.996 3.197h8.007c2.207 0 3.997-1.43 3.997-3.197z"/></g></svg>How to use the Squareswitch On icon
React
import { Icon } from "@iconify/react";
<Icon icon="fad:squareswitch-on" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:squareswitch-on" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:squareswitch-on" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--squareswitch-on]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:squareswitch-on"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:squareswitch-on"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fad/squareswitch-on.svg" alt="Squareswitch On icon" width="24" height="24">Related icons in FontAudio
Squareswitch On icon FAQ
Is the Squareswitch On 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 Squareswitch On icon in React?
Install @iconify/react and render <Icon icon="fad:squareswitch-on" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Squareswitch On icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fad/squareswitch-on.svg" alt="Squareswitch On icon">, or paste the SVG code inline to style it with CSS.