Realbasic icon
file-icons:realbasic
The Realbasic icon (file-icons:realbasic) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M155 324c-15.661 15.661-58.379 59.224-95.011 96.65C22.559 376.14 0 318.708 0 256c0-62.644 22.513-120.021 59.873-164.514c30.242 30.708 73.322 74.385 95.832 96.895C192.662 225.338 184.5 294.5 155 324m171-170l93.506-94.979C375.157 22.168 318.17 0 256 0C193.643 0 136.502 22.304 92.096 59.358L180 148c49.545 46.646 108.054 38.476 146 6m125.429-63.34c-30.279 30.747-73.932 75.007-96.645 97.72c-36.958 36.958-28.795 106.12.705 135.62c15.777 15.777 59.01 59.869 95.822 97.479C489.158 376.852 512 319.098 512 256c0-63.032-22.794-120.732-60.571-165.34M420.29 452.317L326 356.54c-37.946-32.476-96.455-40.647-146 6l-88.69 89.436C135.825 489.427 193.272 512 256 512c62.539 0 119.83-22.437 164.29-59.684"/></svg>How to use the Realbasic icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:realbasic" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:realbasic" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:realbasic" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--realbasic]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:realbasic"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:realbasic"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/realbasic.svg" alt="Realbasic icon" width="24" height="24">Realbasic icon FAQ
Is the Realbasic 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 Realbasic icon in React?
Install @iconify/react and render <Icon icon="file-icons:realbasic" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Realbasic icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/realbasic.svg" alt="Realbasic icon">, or paste the SVG code inline to style it with CSS.