Stopsign icon
raphael:stopsign
The Stopsign icon (raphael:stopsign) is a free SVG icon from the Raphael set by Dmitry Baranovskiy. It is drawn on a 32 × 32 grid. Raphael icons are released under the MIT 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
- Raphael
- Author
- Dmitry Baranovskiy
- License
- MIT
- Size
- 32 × 32
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M20.833 2.625H10.167l-7.542 7.542v10.666l7.542 7.542h10.666l7.542-7.542V10.167zm2.927 14.52c-.46.432-.496-.02-1.15.385c-.656.404-1.068.844-1.068.844l-.578.564s-1.2 1.422-1.59 1.717c-.392.29-.572.166-.572.166c-.133.23-.64.657-1.193 1.026c-.55.37-.99 1.354-.99 1.354l-.21 1.465s-1.596.02-3.095-.293c-1.5-.314-2.7-.982-2.7-.982l.656-1.45s-.58-2.226-.635-3.927c-.056-1.703.572-2.958.48-3.37c-.09-.412-.437-1.11-.522-1.57a68 68 0 0 1-.327-2.237c-.02-.202-.28-2.232.614-2.204c.89.027.648 1.388.725 2.246c.077.857 1.13 3.25 1.297 3.123c.167-.124-.056-2.397.006-2.837c.063-.44.182-2.315.293-2.747c.113-.433.106-1.778.936-1.66s.606 1.332.488 1.813s.02 1.596.07 2.3c.048.705.112 2.357.112 2.357l.404-.042s.913-5 .976-5.44c.062-.438.182-1.617.858-1.47c1.117.24.516 1.966.516 1.966l-.486 5.51s.166.224.492.02c.33-.2 1.312-3.25 1.46-3.926c.145-.676.083-2.678 1.144-2.428c1.06.252.453 2.755.124 4.353c-.327 1.596-1.03 3.39-1.03 3.39l-.433 1.63l.377.852l.412-.092l.897-.717l.614-.46c.614-.46 1.765-.496 2.045-.356c.278.137 1.046.696.585 1.128z"/></svg>How to use the Stopsign icon
React
import { Icon } from "@iconify/react";
<Icon icon="raphael:stopsign" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="raphael:stopsign" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="raphael:stopsign" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[raphael--stopsign]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/raphael -->
<div class="i-raphael:stopsign"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="raphael:stopsign"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/raphael/stopsign.svg" alt="Stopsign icon" width="24" height="24">Stopsign icon FAQ
Is the Stopsign icon free for commercial use?
Yes. Raphael icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Stopsign icon in React?
Install @iconify/react and render <Icon icon="raphael:stopsign" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Stopsign icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/raphael/stopsign.svg" alt="Stopsign icon">, or paste the SVG code inline to style it with CSS.