Stop Sign アイコン
glyphs-poly:stop-sign
Stop Sign アイコン(glyphs-poly:stop-sign)は、Glyphs Poly セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs Poly
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- stopsign
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#eb5757" fill-rule="evenodd" d="M12 29.23a2 2 0 0 1 .586-1.413l15.23-15.231A2 2 0 0 1 29.232 12H50.77a2 2 0 0 1 1.414.586l15.231 15.23A2 2 0 0 1 68 29.232V50.77a2 2 0 0 1-.586 1.414l-15.23 15.23A2 2 0 0 1 50.77 68H29.23a2 2 0 0 1-1.414-.586l-15.23-15.23A2 2 0 0 1 12 50.77z" clip-rule="evenodd"/><path fill="#f2f2f2" d="m12.586 52.184l-1.06 1.06zm15.23 15.23l1.06-1.06zm24.368 0l-1.06-1.06zm15.23-39.597l1.06-1.061zm-15.23-15.231l-1.061 1.06zm-24.367 0l-1.061-1.06zm-15.231 15.23l1.06 1.061zm1.06 1.061l15.231-15.23l-2.121-2.122l-15.23 15.23zM29.231 13.5h21.538v-3H29.231zm21.892.146l15.23 15.231l2.122-2.121l-15.23-15.23zM66.5 29.231V50.77h3V29.23zm-.146 21.892l-15.23 15.23l2.12 2.122l15.23-15.23zM50.77 66.5H29.23v3h21.54zm-21.893-.146l-15.23-15.23l-2.122 2.12l15.23 15.23zM13.5 50.77V29.23h-3v21.54zm.146.353a.5.5 0 0 1-.146-.353h-3a3.5 3.5 0 0 0 1.025 2.475zM29.23 66.5a.5.5 0 0 1-.353-.146l-2.122 2.12A3.5 3.5 0 0 0 29.23 69.5zm21.893-.146a.5.5 0 0 1-.353.146v3a3.5 3.5 0 0 0 2.475-1.025zM66.5 50.77a.5.5 0 0 1-.146.353l2.12 2.122A3.5 3.5 0 0 0 69.5 50.77zm-.146-21.893a.5.5 0 0 1 .146.354h3a3.5 3.5 0 0 0-1.025-2.475zM50.769 13.5a.5.5 0 0 1 .354.146l2.121-2.12A3.5 3.5 0 0 0 50.77 10.5zm-21.892.146a.5.5 0 0 1 .354-.146v-3a3.5 3.5 0 0 0-2.475 1.025zm-17.352 13.11A3.5 3.5 0 0 0 10.5 29.23h3a.5.5 0 0 1 .146-.354zm8.858 12.699l.632-1.897zm1.384.462l.672-1.884l-.04-.014zm1.105.395l-.672 1.883zM19.5 43.833a2 2 0 0 0-4 0zm3.733-7.666a2 2 0 0 0 4 0zm-7.466-.434v.093h4v-.093zm7.466 0V36h4v-.267zm-3.483 5.62l1.384.461l1.265-3.795l-1.384-.461zm1.344.447l1.105.395l1.346-3.767l-1.106-.395zM19.5 44v-.167h-4V44zm3.733-8v.167h4V36zm4.267 8.04a5.96 5.96 0 0 0-3.955-5.612l-1.346 3.767A1.96 1.96 0 0 1 23.5 44.04zm-11.733-8.214a5.83 5.83 0 0 0 3.983 5.527l1.265-3.795a1.83 1.83 0 0 1-1.248-1.732zM21.52 50c3.279 0 5.98-2.655 5.98-5.96h-4c0 1.07-.884 1.96-1.98 1.96zm0-4a2.017 2.017 0 0 1-2.02-2h-4c0 3.327 2.72 6 6.02 6zm-.02-12c.957 0 1.733.776 1.733 1.733h4A5.733 5.733 0 0 0 21.5 30zm0-4a5.733 5.733 0 0 0-5.733 5.733h4c0-.957.776-1.733 1.733-1.733zm7.5 0a2 2 0 1 0 0 4zm8 4a2 2 0 1 0 0-4zm-6 14a2 2 0 1 0 4 0zm-2-14h4v-4h-4zm4 0h4v-4h-4zm-2-2v16h4V32zm7.5 4v8h4v-8zm8 0v8h4v-8zm0 8a2 2 0 0 1-2 2v4a6 6 0 0 0 6-6zm-8 0a6 6 0 0 0 6 6v-4a2 2 0 0 1-2-2zm12-8a6 6 0 0 0-6-6v4a2 2 0 0 1 2 2zm-8 0a2 2 0 0 1 2-2v-4a6 6 0 0 0-6 6zM56 32a2 2 0 1 0-4 0zm-4 16a2 2 0 1 0 4 0zm4-8.125v-7.75h-4v7.75zM54.125 38C55.16 38 56 38.84 56 39.875h-4c0 1.174.951 2.125 2.125 2.125zM58 38h-3.875v4H58zm2-2a2 2 0 0 1-2 2v4a6 6 0 0 0 6-6zm-2-2a2 2 0 0 1 2 2h4a6 6 0 0 0-6-6zm-3.875 0H58v-4h-3.875zM56 32.125C56 33.16 55.16 34 54.125 34v-4A2.125 2.125 0 0 0 52 32.125zM52 32v16h4V32z"/></g></svg>
Stop Sign アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:stop-sign" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:stop-sign" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:stop-sign" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--stop-sign]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:stop-sign"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:stop-sign"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs-poly/stop-sign.svg" alt="Stop Sign アイコン" width="24" height="24">
他のアイコンセットの Stop Sign アイコン
Stop Sign アイコン のよくある質問
Stop Sign アイコンは商用利用でも無料ですか?
はい。Glyphs Poly icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Stop Sign アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs-poly:stop-sign" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Stop Sign アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs-poly/stop-sign.svg" alt="Stop Sign アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Glyphs Poly アイコン をすべて見る →
ICONYZ
