Forbidden Outline icon

solar:forbidden-outline

The Forbidden Outline icon (solar:forbidden-outline) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar 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.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: UI
Tags: forbiddenoutline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.7064 1.25004C9.61863 1.24952 8.86268 1.24916 8.1713 1.53554C7.47993 1.82192 6.94564 2.35671 6.17684 3.12625L3.12625 6.17684C2.35671 6.94565 1.82192 7.47993 1.53554 8.1713C1.24916 8.86268 1.24952 9.61863 1.25004 10.7064V13.2938C1.24952 14.3815 1.24916 15.1375 1.53554 15.8289C1.82192 16.5202 2.35671 17.0545 3.12624 17.8233L6.17683 20.8739C6.94564 21.6435 7.47992 22.1783 8.1713 22.4646C8.86268 22.751 9.61863 22.7507 10.7064 22.7501H13.2938C14.3815 22.7507 15.1375 22.751 15.8289 22.4646C16.5202 22.1783 17.0545 21.6435 17.8233 20.874L20.8739 17.8233C21.6435 17.0545 22.1783 16.5202 22.4646 15.8289C22.751 15.1375 22.7507 14.3815 22.7501 13.2938V10.7064C22.7507 9.61863 22.751 8.86268 22.4646 8.1713C22.1783 7.47993 21.6435 6.94564 20.8739 6.17684L17.8233 3.12624C17.0545 2.35671 16.5202 1.82192 15.8289 1.53554C15.1375 1.24916 14.3815 1.24952 13.2938 1.25004H10.7064ZM8.74533 2.92136C9.12676 2.76336 9.56156 2.75009 10.849 2.75009H13.1512C14.4386 2.75009 14.8734 2.76336 15.2549 2.92136C15.6363 3.07936 15.9531 3.37742 16.8635 4.28778L17.7576 5.18191L5.1818 17.7575L4.28778 16.8635C3.37742 15.9531 3.07936 15.6363 2.92136 15.2548C2.76336 14.8734 2.75009 14.4386 2.75009 13.1512V10.849C2.75009 9.56156 2.76336 9.12676 2.92136 8.74533C3.07936 8.36389 3.37742 8.04706 4.28778 7.1367L7.1367 4.28778C8.04706 3.37742 8.36389 3.07936 8.74533 2.92136ZM6.24246 18.8182L7.1367 19.7124C8.04706 20.6228 8.36389 20.9208 8.74533 21.0788C9.12676 21.2368 9.56156 21.2501 10.849 21.2501H13.1512C14.4386 21.2501 14.8734 21.2368 15.2549 21.0788C15.6363 20.9208 15.9531 20.6228 16.8635 19.7124L19.7124 16.8635C20.6228 15.9531 20.9208 15.6363 21.0788 15.2548C21.2368 14.8734 21.2501 14.4386 21.2501 13.1512V10.849C21.2501 9.56156 21.2368 9.12676 21.0788 8.74533C20.9208 8.36389 20.6228 8.04706 19.7124 7.1367L18.8183 6.24257L6.24246 18.8182Z" clip-rule="evenodd"/></svg>

How to use the Forbidden Outline icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:forbidden-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:forbidden-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:forbidden-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--forbidden-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:forbidden-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:forbidden-outline"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/forbidden-outline.svg" alt="Forbidden Outline icon" width="24" height="24">

Related icons in Solar

Forbidden Outline icon FAQ

Is the Forbidden Outline icon free for commercial use?

Yes. Solar 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 Forbidden Outline icon in React?

Install @iconify/react and render <Icon icon="solar:forbidden-outline" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Forbidden Outline icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/forbidden-outline.svg" alt="Forbidden Outline icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →