cable car icon
cable-car from IconPark Solid by ByteDance · Solid · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- cable-car
- Set
- IconPark Solid
- Style
- Solid
- Category
- Travel
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More travel icons from IconPark Solid
Use the cable car icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGTGGKJeuT"><g fill="none" stroke-width="4"><path fill="#fff" stroke="#fff" stroke-linejoin="bevel" d="M13.28 42a2 2 0 0 1-1.816-1.162l-5.077-11a2 2 0 0 1 0-1.676l5.077-11A2 2 0 0 1 13.28 16h21.44a2 2 0 0 1 1.816 1.162l5.077 11a2 2 0 0 1 0 1.676l-5.077 11A2 2 0 0 1 34.72 42z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M9 23h9v10H8m31-10H25v9h15"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M38 4s-9.5 3.5-17.436 4.394S8 9 8 9m18-1v8l-9-7m-6.385 10l-4.228 9.162a2 2 0 0 0 0 1.676L9 35.5"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" d="m37.385 19l4.228 9.162a2 2 0 0 1 0 1.676L39 35.5"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGTGGKJeuT)"/></svg>
React
import type { SVGProps } from "react";
export function IconParkSolidCableCar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGTGGKJeuT"><g fill="none" strokeWidth="4"><path fill="#fff" stroke="#fff" strokeLinejoin="bevel" d="M13.28 42a2 2 0 0 1-1.816-1.162l-5.077-11a2 2 0 0 1 0-1.676l5.077-11A2 2 0 0 1 13.28 16h21.44a2 2 0 0 1 1.816 1.162l5.077 11a2 2 0 0 1 0 1.676l-5.077 11A2 2 0 0 1 34.72 42z"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" d="M9 23h9v10H8m31-10H25v9h15"/><path stroke="#fff" strokeLinecap="round" strokeLinejoin="round" d="M38 4s-9.5 3.5-17.436 4.394S8 9 8 9m18-1v8l-9-7m-6.385 10l-4.228 9.162a2 2 0 0 0 0 1.676L9 35.5"/><path stroke="#fff" strokeLinecap="round" strokeLinejoin="bevel" d="m37.385 19l4.228 9.162a2 2 0 0 1 0 1.676L39 35.5"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGTGGKJeuT)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVGTGGKJeuT"><g fill="none" stroke-width="4"><path fill="#fff" stroke="#fff" stroke-linejoin="bevel" d="M13.28 42a2 2 0 0 1-1.816-1.162l-5.077-11a2 2 0 0 1 0-1.676l5.077-11A2 2 0 0 1 13.28 16h21.44a2 2 0 0 1 1.816 1.162l5.077 11a2 2 0 0 1 0 1.676l-5.077 11A2 2 0 0 1 34.72 42z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" d="M9 23h9v10H8m31-10H25v9h15"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" d="M38 4s-9.5 3.5-17.436 4.394S8 9 8 9m18-1v8l-9-7m-6.385 10l-4.228 9.162a2 2 0 0 0 0 1.676L9 35.5"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="bevel" d="m37.385 19l4.228 9.162a2 2 0 0 1 0 1.676L39 35.5"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGTGGKJeuT)"/></svg> </template>
CSS
.icon-cable-car {
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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGTGGKJeuT%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22bevel%22%20d%3D%22M13.28%2042a2%202%200%200%201-1.816-1.162l-5.077-11a2%202%200%200%201%200-1.676l5.077-11A2%202%200%200%201%2013.28%2016h21.44a2%202%200%200%201%201.816%201.162l5.077%2011a2%202%200%200%201%200%201.676l-5.077%2011A2%202%200%200%201%2034.72%2042z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2023h9v10H8m31-10H25v9h15%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M38%204s-9.5%203.5-17.436%204.394S8%209%208%209m18-1v8l-9-7m-6.385%2010l-4.228%209.162a2%202%200%200%200%200%201.676L9%2035.5%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22bevel%22%20d%3D%22m37.385%2019l4.228%209.162a2%202%200%200%201%200%201.676L39%2035.5%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGTGGKJeuT)%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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVGTGGKJeuT%22%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23fff%22%20stroke-linejoin%3D%22bevel%22%20d%3D%22M13.28%2042a2%202%200%200%201-1.816-1.162l-5.077-11a2%202%200%200%201%200-1.676l5.077-11A2%202%200%200%201%2013.28%2016h21.44a2%202%200%200%201%201.816%201.162l5.077%2011a2%202%200%200%201%200%201.676l-5.077%2011A2%202%200%200%201%2034.72%2042z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9%2023h9v10H8m31-10H25v9h15%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M38%204s-9.5%203.5-17.436%204.394S8%209%208%209m18-1v8l-9-7m-6.385%2010l-4.228%209.162a2%202%200%200%200%200%201.676L9%2035.5%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22bevel%22%20d%3D%22m37.385%2019l4.228%209.162a2%202%200%200%201%200%201.676L39%2035.5%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVGTGGKJeuT)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-solid/cable-car.svg?color=%231a73e8&size=48
