ios train icon
ios-train from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-train
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios train icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M393.7 455.9l-50-48c-5.6-5.4-14.4-5.2-19.8.4-5.4 5.6-5.2 14.4.4 19.8l6.1 5.9H181.5l6.1-5.9c5.6-5.4 5.8-14.2.4-19.8-5.4-5.6-14.2-5.8-19.8-.4l-50 48c-5.6 5.4-5.8 14.2-.4 19.8 2.7 2.9 6.4 4.3 10.1 4.3 3.5 0 7-1.3 9.7-3.9l14.7-14.1h207.2l14.7 14.1c2.7 2.6 6.2 3.9 9.7 3.9 3.7 0 7.4-1.4 10.1-4.3 5.5-5.6 5.3-14.4-.3-19.8z" fill="currentColor"/><path d="M337 48h-17c0-8.8-7.2-16-16-16h-96c-8.8 0-16 7.2-16 16h-15c-35.3 0-65 27.7-65 63v236c0 35.3 144 65 144 65s144-29.7 144-65V111c0-35.3-27.7-63-63-63zm-81 304c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm96-160c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16v-64c0-8.8 7.2-16 16-16h160c8.8 0 16 7.2 16 16v64z" fill="currentColor"/><circle cx="256" cy="304" r="30.5" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosTrain(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M393.7 455.9l-50-48c-5.6-5.4-14.4-5.2-19.8.4-5.4 5.6-5.2 14.4.4 19.8l6.1 5.9H181.5l6.1-5.9c5.6-5.4 5.8-14.2.4-19.8-5.4-5.6-14.2-5.8-19.8-.4l-50 48c-5.6 5.4-5.8 14.2-.4 19.8 2.7 2.9 6.4 4.3 10.1 4.3 3.5 0 7-1.3 9.7-3.9l14.7-14.1h207.2l14.7 14.1c2.7 2.6 6.2 3.9 9.7 3.9 3.7 0 7.4-1.4 10.1-4.3 5.5-5.6 5.3-14.4-.3-19.8z" fill="currentColor"/><path d="M337 48h-17c0-8.8-7.2-16-16-16h-96c-8.8 0-16 7.2-16 16h-15c-35.3 0-65 27.7-65 63v236c0 35.3 144 65 144 65s144-29.7 144-65V111c0-35.3-27.7-63-63-63zm-81 304c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm96-160c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16v-64c0-8.8 7.2-16 16-16h160c8.8 0 16 7.2 16 16v64z" fill="currentColor"/><circle cx="256" cy="304" r="30.5" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M393.7 455.9l-50-48c-5.6-5.4-14.4-5.2-19.8.4-5.4 5.6-5.2 14.4.4 19.8l6.1 5.9H181.5l6.1-5.9c5.6-5.4 5.8-14.2.4-19.8-5.4-5.6-14.2-5.8-19.8-.4l-50 48c-5.6 5.4-5.8 14.2-.4 19.8 2.7 2.9 6.4 4.3 10.1 4.3 3.5 0 7-1.3 9.7-3.9l14.7-14.1h207.2l14.7 14.1c2.7 2.6 6.2 3.9 9.7 3.9 3.7 0 7.4-1.4 10.1-4.3 5.5-5.6 5.3-14.4-.3-19.8z" fill="currentColor"/><path d="M337 48h-17c0-8.8-7.2-16-16-16h-96c-8.8 0-16 7.2-16 16h-15c-35.3 0-65 27.7-65 63v236c0 35.3 144 65 144 65s144-29.7 144-65V111c0-35.3-27.7-63-63-63zm-81 304c-26.5 0-48-21.5-48-48s21.5-48 48-48 48 21.5 48 48-21.5 48-48 48zm96-160c0 8.8-7.2 16-16 16H176c-8.8 0-16-7.2-16-16v-64c0-8.8 7.2-16 16-16h160c8.8 0 16 7.2 16 16v64z" fill="currentColor"/><circle cx="256" cy="304" r="30.5" fill="currentColor"/></svg> </template>
CSS
.icon-ios-train {
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%20512%20512%22%3E%3Cpath%20d%3D%22M393.7%20455.9l-50-48c-5.6-5.4-14.4-5.2-19.8.4-5.4%205.6-5.2%2014.4.4%2019.8l6.1%205.9H181.5l6.1-5.9c5.6-5.4%205.8-14.2.4-19.8-5.4-5.6-14.2-5.8-19.8-.4l-50%2048c-5.6%205.4-5.8%2014.2-.4%2019.8%202.7%202.9%206.4%204.3%2010.1%204.3%203.5%200%207-1.3%209.7-3.9l14.7-14.1h207.2l14.7%2014.1c2.7%202.6%206.2%203.9%209.7%203.9%203.7%200%207.4-1.4%2010.1-4.3%205.5-5.6%205.3-14.4-.3-19.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M337%2048h-17c0-8.8-7.2-16-16-16h-96c-8.8%200-16%207.2-16%2016h-15c-35.3%200-65%2027.7-65%2063v236c0%2035.3%20144%2065%20144%2065s144-29.7%20144-65V111c0-35.3-27.7-63-63-63zm-81%20304c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048zm96-160c0%208.8-7.2%2016-16%2016H176c-8.8%200-16-7.2-16-16v-64c0-8.8%207.2-16%2016-16h160c8.8%200%2016%207.2%2016%2016v64z%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22304%22%20r%3D%2230.5%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M393.7%20455.9l-50-48c-5.6-5.4-14.4-5.2-19.8.4-5.4%205.6-5.2%2014.4.4%2019.8l6.1%205.9H181.5l6.1-5.9c5.6-5.4%205.8-14.2.4-19.8-5.4-5.6-14.2-5.8-19.8-.4l-50%2048c-5.6%205.4-5.8%2014.2-.4%2019.8%202.7%202.9%206.4%204.3%2010.1%204.3%203.5%200%207-1.3%209.7-3.9l14.7-14.1h207.2l14.7%2014.1c2.7%202.6%206.2%203.9%209.7%203.9%203.7%200%207.4-1.4%2010.1-4.3%205.5-5.6%205.3-14.4-.3-19.8z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M337%2048h-17c0-8.8-7.2-16-16-16h-96c-8.8%200-16%207.2-16%2016h-15c-35.3%200-65%2027.7-65%2063v236c0%2035.3%20144%2065%20144%2065s144-29.7%20144-65V111c0-35.3-27.7-63-63-63zm-81%20304c-26.5%200-48-21.5-48-48s21.5-48%2048-48%2048%2021.5%2048%2048-21.5%2048-48%2048zm96-160c0%208.8-7.2%2016-16%2016H176c-8.8%200-16-7.2-16-16v-64c0-8.8%207.2-16%2016-16h160c8.8%200%2016%207.2%2016%2016v64z%22%20fill%3D%22currentColor%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22304%22%20r%3D%2230.5%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-train.svg?color=%231a73e8&size=48
