stop sign emoji
stop-sign from Noto Emoji by Google Inc · Default · Travel & Places · Apache-2.0 Free for personal and commercial use.
- Name
- stop-sign
- Set
- Noto Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 128×128
- License
- Apache 2.0
The same emoji in other sets
More travel & places icons from Noto Emoji
Use the stop sign emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f44336" d="M88.85 4h-49.7L4 39.15v49.7L39.15 124h49.7L124 88.85v-49.7z"/><path fill="#c33" d="M120 87.2L87.2 120H42l-2.85 4h49.7L124 88.85v-49.7L120 42z"/><path fill="#ff8a80" d="M42.88 13H78c4.68 0 7.03-1.71 8.18-3.13c.6-.75.08-1.87-.89-1.87H40.8L9.46 39.35c-.49.49-.09 1.32.59 1.25l1.66-.17c2.77-.28 5.36-1.51 7.32-3.48z" opacity=".9"/></svg>
React
import type { SVGProps } from "react";
export function NotoStopSign(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f44336" d="M88.85 4h-49.7L4 39.15v49.7L39.15 124h49.7L124 88.85v-49.7z"/><path fill="#c33" d="M120 87.2L87.2 120H42l-2.85 4h49.7L124 88.85v-49.7L120 42z"/><path fill="#ff8a80" d="M42.88 13H78c4.68 0 7.03-1.71 8.18-3.13c.6-.75.08-1.87-.89-1.87H40.8L9.46 39.35c-.49.49-.09 1.32.59 1.25l1.66-.17c2.77-.28 5.36-1.51 7.32-3.48z" opacity=".9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#f44336" d="M88.85 4h-49.7L4 39.15v49.7L39.15 124h49.7L124 88.85v-49.7z"/><path fill="#c33" d="M120 87.2L87.2 120H42l-2.85 4h49.7L124 88.85v-49.7L120 42z"/><path fill="#ff8a80" d="M42.88 13H78c4.68 0 7.03-1.71 8.18-3.13c.6-.75.08-1.87-.89-1.87H40.8L9.46 39.35c-.49.49-.09 1.32.59 1.25l1.66-.17c2.77-.28 5.36-1.51 7.32-3.48z" opacity=".9"/></svg> </template>
CSS
.icon-stop-sign {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M88.85%204h-49.7L4%2039.15v49.7L39.15%20124h49.7L124%2088.85v-49.7z%22%2F%3E%3Cpath%20fill%3D%22%23c33%22%20d%3D%22M120%2087.2L87.2%20120H42l-2.85%204h49.7L124%2088.85v-49.7L120%2042z%22%2F%3E%3Cpath%20fill%3D%22%23ff8a80%22%20d%3D%22M42.88%2013H78c4.68%200%207.03-1.71%208.18-3.13c.6-.75.08-1.87-.89-1.87H40.8L9.46%2039.35c-.49.49-.09%201.32.59%201.25l1.66-.17c2.77-.28%205.36-1.51%207.32-3.48z%22%20opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20128%20128%22%3E%3Cpath%20fill%3D%22%23f44336%22%20d%3D%22M88.85%204h-49.7L4%2039.15v49.7L39.15%20124h49.7L124%2088.85v-49.7z%22%2F%3E%3Cpath%20fill%3D%22%23c33%22%20d%3D%22M120%2087.2L87.2%20120H42l-2.85%204h49.7L124%2088.85v-49.7L120%2042z%22%2F%3E%3Cpath%20fill%3D%22%23ff8a80%22%20d%3D%22M42.88%2013H78c4.68%200%207.03-1.71%208.18-3.13c.6-.75.08-1.87-.89-1.87H40.8L9.46%2039.35c-.49.49-.09%201.32.59%201.25l1.66-.17c2.77-.28%205.36-1.51%207.32-3.48z%22%20opacity%3D%22.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/noto/stop-sign.svg?color=%231a73e8&size=48
