Slash icon
file-icons:slash
The Slash icon (file-icons:slash) 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="M98.99 408.397s4.889-4.442 8.394-1.61c.344.278.487.677.462 1.178L430.072 86.591c-.232-.234-.191-.535.143-.768c2.02-1.413 11.67-20.764 8.651-20.866l-28.65 27.383c-2.86 1.818-4.684 2.692-5.748 2.891c-10.435 8.636-27.88 27.213-55.694 56.89l55.313-59.922c2.032-3.805 7.201-10.063 9.108-12.463c5.951-7.492 15.493-15.797 15.493-15.797l-4.326-.254s-6.528 5.992-9.357 8.614s-6.165 2.328-6.165 2.328c-8.398 9.67-26.125 21.205-26.125 21.205l14.582-23.902s-23.173 19.791-50.038 38.83c-26.596 18.85-57.476 36.633-63.562 40.573c-11.604 7.51 1.543-8.584 3-16.653c0 0-14.908 21.116-30.87 34.736c-18.083 15.428 10.512-22.522 10.512-22.522L12.91 402.412l-2.391 4.375s31.553-31.214 35.964-30.875a3.9 3.9 0 0 1 1.572.442l.084-.1l63.425-61.284c-28.553 28.718-54.376 54.318-62.973 61.757c1.921 1.69 1.06 5.589-1.09 8.007c-2.714 3.054-31.546 30.779-34.035 33.019c-2.49 2.24-2.608 4.642-2.608 4.642c1.036 2.039 15.622-11.869 17.643-13.232C30.75 407.645 0 440.377 0 440.377l4.75-2.375s19.679-20.018 22.393-16.965s-8.991 13.063-8.991 13.063c-.51 4.92-8.069 12.631-17.813 20.866c0 0 1.018 1.866 4.241-.678c3.224-2.545 61.58-58.358 61.58-58.358s9.991-3.768 49.933-43.152c0 0-40.344 43.791-43.316 47.733c-7.804 10.348-33.25 32.74-33.25 32.74l-.51 8.483l-24.428 24.598v2.545l66.161-62.09l32.4-30.725l-30.076 34.802l58.863-55.426L15.982 483.76s4.428-2.952 9.15-4.428c4.28-1.337 50.494-46.169 73.858-70.935m41.45-124.09l69.638-69.371s-12.561 13.55-47.22 48.673zM511.134 35.608c-2.035 3.562-72.522 96.018-72.522 96.018s-56.746 71.504-78.63 111.2c-9.086 11.516-21.642 20.558-26.464 26.21c-3.961 4.645-5.304-2.703-7.634 0c-2.33 2.704-188.304 192.376-188.304 192.376l52.166-66.416l-84.737 86.518v-2.036l43.513-59.035l-71.25 69.977l12.47-20.611l-27.737 23.41l116.544-130.03S62.513 484.06 63.277 479.48s29.772-44.023 29.772-44.023s-39.95 40.46-46.058 45.804s-9.03.926-9.03.926s20.793-21.108 40.387-41.247c12.44-12.787 25.4-24.797 28.701-30.741L431.16 86.946c2.155.114 7.097-1.617 14.493-9.775c11.536-12.723 21.205-22.732 21.205-22.732L475 53.421l29.688-34.607s4.58-.509 4.58 2.375s3.732-.17 1.866 3.223s-4.92 7.125-2.375 6.956c2.545-.17 4.411.678 2.375 4.24"/></svg>How to use the Slash icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:slash" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:slash" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:slash" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--slash]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:slash"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:slash"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/slash.svg" alt="Slash icon" width="24" height="24">Slash icon in other icon sets
Slash icon FAQ
Is the Slash 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 Slash icon in React?
Install @iconify/react and render <Icon icon="file-icons:slash" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Slash icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/slash.svg" alt="Slash icon">, or paste the SVG code inline to style it with CSS.