Stylus Orb icon
file-icons:stylus-orb
The Stylus Orb icon (file-icons:stylus-orb) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC 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
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
- Tags
- stylusorb
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M127.711 34.453c-170.281 98.17-170.281 344.925 0 443.094S512 452.338 512 256S297.992-63.716 127.711 34.453m211.832 125.715l-7.287-5.07c36.438-41.508-7.288-71.609-27.883-40.557c-19.329 29.15 6.97 65.272 22.813 112.166c25.032 74.144 21.23 114.068-11.09 152.724c-81.431 96.957-233.838 59.885-181.24-40.558c18.06-34.537 49.429-59.251 102.977-53.231c5.07 6.337-.317 8.872-4.119 10.773c-43.409 21.546-68.44 108.047-30.735 106.146c18.061-.634 44.994-18.694 58.935-49.43c16.16-35.804-3.802-80.797-18.06-123.255c-33.27-100.126 42.141-186.627 128.325-141.634c32.636 17.11 11.09 76.995-32.636 71.926"/></svg>How to use the Stylus Orb icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:stylus-orb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:stylus-orb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:stylus-orb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--stylus-orb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:stylus-orb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:stylus-orb"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/stylus-orb.svg" alt="Stylus Orb icon" width="24" height="24">Related icons in File Icons
Stylus Orb icon FAQ
Is the Stylus Orb icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Stylus Orb icon in React?
Install @iconify/react and render <Icon icon="file-icons:stylus-orb" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Stylus Orb icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/stylus-orb.svg" alt="Stylus Orb icon">, or paste the SVG code inline to style it with CSS.