Stopsign アイコン
raphael:stopsign
Stopsign アイコン(raphael:stopsign)は、Raphael セットの無料 SVG アイコンです（作者: Dmitry Baranovskiy）。 32 × 32 のグリッドで描かれています。 Raphael icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Raphael
- 作者
- Dmitry Baranovskiy
- ライセンス
- MIT
- サイズ
- 32 × 32
SVG コード
<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>Stopsign アイコンの使い方
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="raphael:stopsign"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/raphael/stopsign.svg" alt="Stopsign アイコン" width="24" height="24">Stopsign アイコン のよくある質問
Stopsign アイコンは商用利用でも無料ですか?
はい。Raphael icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stopsign アイコンを使うには?
@iconify/react をインストールして <Icon icon="raphael:stopsign" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stopsign アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/raphael/stopsign.svg" alt="Stopsign アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。