baseline railway alert icon
baseline-railway-alert from Google Material Icons by Material Design Authors · Baseline · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- baseline-railway-alert
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
More maps icons from Google Material Icons
baseline-360baseline-add-businessbaseline-add-locationbaseline-add-location-altbaseline-add-roadbaseline-agriculturebaseline-airline-stopsbaseline-airlinesbaseline-alt-routebaseline-atmbaseline-attractionsbaseline-badgebaseline-bakery-diningbaseline-beenherebaseline-bike-scooterbaseline-breakfast-diningbaseline-brunch-diningbaseline-bus-alertbaseline-car-crashbaseline-car-rentalbaseline-car-repairbaseline-castlebaseline-categorybaseline-celebration
Use the baseline railway alert icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 8a7 7 0 0 0-11.95-4.95A34 34 0 0 0 9 3c-4.42 0-8 .5-8 4v10.5A3.5 3.5 0 0 0 4.5 21L3 22.5v.5h12v-.5L13.5 21a3.5 3.5 0 0 0 3.5-3.5v-2.58A7 7 0 0 0 23 8M3 12V7h6.08a6.96 6.96 0 0 0 1.18 5zm6 7c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m7.71-6.06l-.2.03L16 13l-.47-.02l-.16-.02l-.29-.04l-.2-.04l-.22-.06a2 2 0 0 1-.23-.07l-.13-.05A4.99 4.99 0 0 1 11.1 7q.06-.285.15-.54l.05-.14l.15-.38l.07-.15l.2-.36l.07-.12l.3-.42l.02-.02c.24-.3.52-.57.82-.81l.01-.01l.46-.32l.03-.02A5.25 5.25 0 0 1 16 3a5 5 0 0 1 .71 9.94M15 4h2v5h-2zm0 6h2v2h-2z"/></svg>
React
import type { SVGProps } from "react";
export function IcBaselineRailwayAlert(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 8a7 7 0 0 0-11.95-4.95A34 34 0 0 0 9 3c-4.42 0-8 .5-8 4v10.5A3.5 3.5 0 0 0 4.5 21L3 22.5v.5h12v-.5L13.5 21a3.5 3.5 0 0 0 3.5-3.5v-2.58A7 7 0 0 0 23 8M3 12V7h6.08a6.96 6.96 0 0 0 1.18 5zm6 7c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m7.71-6.06l-.2.03L16 13l-.47-.02l-.16-.02l-.29-.04l-.2-.04l-.22-.06a2 2 0 0 1-.23-.07l-.13-.05A4.99 4.99 0 0 1 11.1 7q.06-.285.15-.54l.05-.14l.15-.38l.07-.15l.2-.36l.07-.12l.3-.42l.02-.02c.24-.3.52-.57.82-.81l.01-.01l.46-.32l.03-.02A5.25 5.25 0 0 1 16 3a5 5 0 0 1 .71 9.94M15 4h2v5h-2zm0 6h2v2h-2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 8a7 7 0 0 0-11.95-4.95A34 34 0 0 0 9 3c-4.42 0-8 .5-8 4v10.5A3.5 3.5 0 0 0 4.5 21L3 22.5v.5h12v-.5L13.5 21a3.5 3.5 0 0 0 3.5-3.5v-2.58A7 7 0 0 0 23 8M3 12V7h6.08a6.96 6.96 0 0 0 1.18 5zm6 7c-1.1 0-2-.9-2-2s.9-2 2-2s2 .9 2 2s-.9 2-2 2m7.71-6.06l-.2.03L16 13l-.47-.02l-.16-.02l-.29-.04l-.2-.04l-.22-.06a2 2 0 0 1-.23-.07l-.13-.05A4.99 4.99 0 0 1 11.1 7q.06-.285.15-.54l.05-.14l.15-.38l.07-.15l.2-.36l.07-.12l.3-.42l.02-.02c.24-.3.52-.57.82-.81l.01-.01l.46-.32l.03-.02A5.25 5.25 0 0 1 16 3a5 5 0 0 1 .71 9.94M15 4h2v5h-2zm0 6h2v2h-2z"/></svg> </template>
CSS
.icon-baseline-railway-alert {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%208a7%207%200%200%200-11.95-4.95A34%2034%200%200%200%209%203c-4.42%200-8%20.5-8%204v10.5A3.5%203.5%200%200%200%204.5%2021L3%2022.5v.5h12v-.5L13.5%2021a3.5%203.5%200%200%200%203.5-3.5v-2.58A7%207%200%200%200%2023%208M3%2012V7h6.08a6.96%206.96%200%200%200%201.18%205zm6%207c-1.1%200-2-.9-2-2s.9-2%202-2s2%20.9%202%202s-.9%202-2%202m7.71-6.06l-.2.03L16%2013l-.47-.02l-.16-.02l-.29-.04l-.2-.04l-.22-.06a2%202%200%200%201-.23-.07l-.13-.05A4.99%204.99%200%200%201%2011.1%207q.06-.285.15-.54l.05-.14l.15-.38l.07-.15l.2-.36l.07-.12l.3-.42l.02-.02c.24-.3.52-.57.82-.81l.01-.01l.46-.32l.03-.02A5.25%205.25%200%200%201%2016%203a5%205%200%200%201%20.71%209.94M15%204h2v5h-2zm0%206h2v2h-2z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M23%208a7%207%200%200%200-11.95-4.95A34%2034%200%200%200%209%203c-4.42%200-8%20.5-8%204v10.5A3.5%203.5%200%200%200%204.5%2021L3%2022.5v.5h12v-.5L13.5%2021a3.5%203.5%200%200%200%203.5-3.5v-2.58A7%207%200%200%200%2023%208M3%2012V7h6.08a6.96%206.96%200%200%200%201.18%205zm6%207c-1.1%200-2-.9-2-2s.9-2%202-2s2%20.9%202%202s-.9%202-2%202m7.71-6.06l-.2.03L16%2013l-.47-.02l-.16-.02l-.29-.04l-.2-.04l-.22-.06a2%202%200%200%201-.23-.07l-.13-.05A4.99%204.99%200%200%201%2011.1%207q.06-.285.15-.54l.05-.14l.15-.38l.07-.15l.2-.36l.07-.12l.3-.42l.02-.02c.24-.3.52-.57.82-.81l.01-.01l.46-.32l.03-.02A5.25%205.25%200%200%201%2016%203a5%205%200%200%201%20.71%209.94M15%204h2v5h-2zm0%206h2v2h-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/baseline-railway-alert.svg?color=%231a73e8&size=48
