sleigh icon
sleigh from Line Awesome by Icons8 · Line · Objects · Apache-2.0 Free for personal and commercial use.
- Name
- sleigh
- Set
- Line Awesome
- Style
- Line
- Category
- Objects
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- sleigh-solid
The same icon in other sets
More objects icons from Line Awesome
Use the sleigh icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.5 7A2.52 2.52 0 0 0 2 9.5v.5h2v-.5c0-.285.215-.5.5-.5c.258 0 .5.273.5.5c0 .203-.34.832-.875 1.813C3.59 12.293 3 13.652 3 15.5c0 2.852 2.21 5.215 5 5.469V23H3v2h24c1.645 0 3-1.355 3-3s-1.355-3-3-3v2c.566 0 1 .434 1 1s-.434 1-1 1h-5v-2.219c2.297-.66 4-2.781 4-5.281V13c0-.566.434-1 1-1s1 .434 1 1h2c0-1.645-1.355-3-3-3s-3 1.355-3 3c0 1.27-.45 1.55-.938 1.781s-1 .219-1 .219H17c-1.14 0-1.457-.422-1.719-.938C15.02 13.547 15 13 15 13v-1c0-2.281-1.305-3.71-2.531-4.344C11.242 7.023 10.03 7 10.03 7zm2.438 2H10c.027 0 .773.047 1.531.438C12.305 9.835 13 10.405 13 12v1s0 .953.5 1.938C14 15.921 15.184 17 17 17h5c.05.004.867.043 1.781-.344A3.47 3.47 0 0 1 20.5 19h-12C6.57 19 5 17.43 5 15.5c0-1.445.41-2.398.875-3.25S7 10.672 7 9.5c0-.168-.031-.34-.063-.5zM10 21h10v2H10z"/></svg>
React
import type { SVGProps } from "react";
export function LaSleigh(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.5 7A2.52 2.52 0 0 0 2 9.5v.5h2v-.5c0-.285.215-.5.5-.5c.258 0 .5.273.5.5c0 .203-.34.832-.875 1.813C3.59 12.293 3 13.652 3 15.5c0 2.852 2.21 5.215 5 5.469V23H3v2h24c1.645 0 3-1.355 3-3s-1.355-3-3-3v2c.566 0 1 .434 1 1s-.434 1-1 1h-5v-2.219c2.297-.66 4-2.781 4-5.281V13c0-.566.434-1 1-1s1 .434 1 1h2c0-1.645-1.355-3-3-3s-3 1.355-3 3c0 1.27-.45 1.55-.938 1.781s-1 .219-1 .219H17c-1.14 0-1.457-.422-1.719-.938C15.02 13.547 15 13 15 13v-1c0-2.281-1.305-3.71-2.531-4.344C11.242 7.023 10.03 7 10.03 7zm2.438 2H10c.027 0 .773.047 1.531.438C12.305 9.835 13 10.405 13 12v1s0 .953.5 1.938C14 15.921 15.184 17 17 17h5c.05.004.867.043 1.781-.344A3.47 3.47 0 0 1 20.5 19h-12C6.57 19 5 17.43 5 15.5c0-1.445.41-2.398.875-3.25S7 10.672 7 9.5c0-.168-.031-.34-.063-.5zM10 21h10v2H10z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M4.5 7A2.52 2.52 0 0 0 2 9.5v.5h2v-.5c0-.285.215-.5.5-.5c.258 0 .5.273.5.5c0 .203-.34.832-.875 1.813C3.59 12.293 3 13.652 3 15.5c0 2.852 2.21 5.215 5 5.469V23H3v2h24c1.645 0 3-1.355 3-3s-1.355-3-3-3v2c.566 0 1 .434 1 1s-.434 1-1 1h-5v-2.219c2.297-.66 4-2.781 4-5.281V13c0-.566.434-1 1-1s1 .434 1 1h2c0-1.645-1.355-3-3-3s-3 1.355-3 3c0 1.27-.45 1.55-.938 1.781s-1 .219-1 .219H17c-1.14 0-1.457-.422-1.719-.938C15.02 13.547 15 13 15 13v-1c0-2.281-1.305-3.71-2.531-4.344C11.242 7.023 10.03 7 10.03 7zm2.438 2H10c.027 0 .773.047 1.531.438C12.305 9.835 13 10.405 13 12v1s0 .953.5 1.938C14 15.921 15.184 17 17 17h5c.05.004.867.043 1.781-.344A3.47 3.47 0 0 1 20.5 19h-12C6.57 19 5 17.43 5 15.5c0-1.445.41-2.398.875-3.25S7 10.672 7 9.5c0-.168-.031-.34-.063-.5zM10 21h10v2H10z"/></svg> </template>
CSS
.icon-sleigh {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.5%207A2.52%202.52%200%200%200%202%209.5v.5h2v-.5c0-.285.215-.5.5-.5c.258%200%20.5.273.5.5c0%20.203-.34.832-.875%201.813C3.59%2012.293%203%2013.652%203%2015.5c0%202.852%202.21%205.215%205%205.469V23H3v2h24c1.645%200%203-1.355%203-3s-1.355-3-3-3v2c.566%200%201%20.434%201%201s-.434%201-1%201h-5v-2.219c2.297-.66%204-2.781%204-5.281V13c0-.566.434-1%201-1s1%20.434%201%201h2c0-1.645-1.355-3-3-3s-3%201.355-3%203c0%201.27-.45%201.55-.938%201.781s-1%20.219-1%20.219H17c-1.14%200-1.457-.422-1.719-.938C15.02%2013.547%2015%2013%2015%2013v-1c0-2.281-1.305-3.71-2.531-4.344C11.242%207.023%2010.03%207%2010.03%207zm2.438%202H10c.027%200%20.773.047%201.531.438C12.305%209.835%2013%2010.405%2013%2012v1s0%20.953.5%201.938C14%2015.921%2015.184%2017%2017%2017h5c.05.004.867.043%201.781-.344A3.47%203.47%200%200%201%2020.5%2019h-12C6.57%2019%205%2017.43%205%2015.5c0-1.445.41-2.398.875-3.25S7%2010.672%207%209.5c0-.168-.031-.34-.063-.5zM10%2021h10v2H10z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.5%207A2.52%202.52%200%200%200%202%209.5v.5h2v-.5c0-.285.215-.5.5-.5c.258%200%20.5.273.5.5c0%20.203-.34.832-.875%201.813C3.59%2012.293%203%2013.652%203%2015.5c0%202.852%202.21%205.215%205%205.469V23H3v2h24c1.645%200%203-1.355%203-3s-1.355-3-3-3v2c.566%200%201%20.434%201%201s-.434%201-1%201h-5v-2.219c2.297-.66%204-2.781%204-5.281V13c0-.566.434-1%201-1s1%20.434%201%201h2c0-1.645-1.355-3-3-3s-3%201.355-3%203c0%201.27-.45%201.55-.938%201.781s-1%20.219-1%20.219H17c-1.14%200-1.457-.422-1.719-.938C15.02%2013.547%2015%2013%2015%2013v-1c0-2.281-1.305-3.71-2.531-4.344C11.242%207.023%2010.03%207%2010.03%207zm2.438%202H10c.027%200%20.773.047%201.531.438C12.305%209.835%2013%2010.405%2013%2012v1s0%20.953.5%201.938C14%2015.921%2015.184%2017%2017%2017h5c.05.004.867.043%201.781-.344A3.47%203.47%200%200%201%2020.5%2019h-12C6.57%2019%205%2017.43%205%2015.5c0-1.445.41-2.398.875-3.25S7%2010.672%207%209.5c0-.168-.031-.34-.063-.5zM10%2021h10v2H10z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/sleigh.svg?color=%231a73e8&size=48
