Slider Round 3 icon
fad:slider-round-3
The Slider Round 3 icon (fad:slider-round-3) 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 fill-rule="nonzero" d="M128 226q-19.906 0-37.994-7.752t-31.295-20.959t-20.959-31.295Q30 147.907 30 128q0-19.906 7.752-37.994t20.959-31.295t31.295-20.959Q108.093 30 128 30q19.906 0 37.994 7.752t31.295 20.959t20.959 31.295Q226 108.093 226 128q0 19.906-7.752 37.994t-20.959 31.295t-31.295 20.959Q147.907 226 128 226m-.247-7.742c50.034 0 90.594-40.634 90.594-90.758s-40.56-90.758-90.594-90.758S37.159 77.376 37.159 127.5s40.56 90.758 90.594 90.758"/><path fill-rule="nonzero" d="M202.302 131.704c-.247 4.699-.74 9.645-1.975 14.343c-1.234 4.699-2.715 9.398-4.69 13.602c-6.171 2.225-11.602 5.935-16.045 11.375s-6.912 11.376-7.9 17.806c-7.652 5.688-16.538 9.892-25.919 12.117c-5.43-3.462-11.849-5.44-18.76-5.44s-13.33 1.73-18.761 4.946c-9.38-2.72-18.02-7.172-25.673-12.86c-.987-6.182-3.455-12.612-7.652-18.052c-4.196-5.688-9.627-9.398-15.551-11.87c-3.703-8.656-5.678-18.3-5.925-27.945c4.69-4.699 8.146-10.387 9.627-17.064s.988-13.354-.74-19.536c4.69-8.656 10.861-16.322 18.267-22.257c6.418.742 13.083-.247 19.254-3.215s11.355-7.172 14.811-12.612c9.134-1.731 19.008-1.484 28.635.494c3.456 5.194 8.393 9.645 14.564 12.86c5.924 2.968 12.59 4.204 19.007 3.71c7.406 6.43 13.33 14.095 17.527 22.75c-1.975 6.183-2.222 12.86-.988 19.537c1.235 6.677 4.444 12.612 8.887 17.311m-25.278 7.941c6.625-27.292-10.17-54.798-37.51-61.435c-27.343-6.637-54.878 10.108-61.503 37.4s10.169 54.798 37.51 61.435c27.342 6.637 54.878-10.108 61.503-37.4"/><ellipse cx="128.5" cy="96" rx="14.5" ry="14"/></g></svg>How to use the Slider Round 3 icon
React
import { Icon } from "@iconify/react";
<Icon icon="fad:slider-round-3" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fad:slider-round-3" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fad:slider-round-3" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fad--slider-round-3]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fad -->
<div class="i-fad:slider-round-3"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fad:slider-round-3"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fad/slider-round-3.svg" alt="Slider Round 3 icon" width="24" height="24">Related icons in FontAudio
Slider Round 3 icon FAQ
Is the Slider Round 3 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 Slider Round 3 icon in React?
Install @iconify/react and render <Icon icon="fad:slider-round-3" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Slider Round 3 icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fad/slider-round-3.svg" alt="Slider Round 3 icon">, or paste the SVG code inline to style it with CSS.