travel negative icon
travel-negative from Health Icons by Resolve to Save Lives · Filled · MIT Free for personal and commercial use.
- Name
- travel-negative
- Set
- Health Icons
- Style
- Filled
- Viewbox
- 48×48
- License
- MIT
Related icons in Health Icons
Use the travel negative icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clip-path="url(#healthiconsTravelNegative)"><path d="M29.8 17.396c-1.648.06-3.594.104-5.8.104c-2.198 0-4.138-.043-5.783-.104a6 6 0 1 0 11.567 0zM25 30.341l5 1.488V40h-5zM23 40h-5v-8.17l5-1.489z"/><path fill-rule="evenodd" d="M48 0H0v48h48zM24 6c-4.5 0-7 1.2-7 1.2V12l-3.529 3.529c-.593.593-.236 1.588.6 1.648q.887.064 2.12.13l-.011-.001a8 8 0 1 0 15.64 0a113 113 0 0 0 2.109-.13c.836-.06 1.193-1.054.6-1.647L30.999 12V7.2S28.5 6 24 6m.288 22.042l6.542 1.947l5.607-3.816A1 1 0 0 1 38 27v5h-2v-3.11l-4 2.722V40c0 .768.289 1.47.764 2H15.236c.475-.53.764-1.232.764-2v-8.465l-4-2.666V32h-2v-5a1 1 0 0 1 1.555-.832l5.696 3.797l6.46-1.923A1 1 0 0 1 24 28a1 1 0 0 1 .288.042M37 34a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h5v-5a3 3 0 0 0-3-3zM9 34a3 3 0 0 0-3 3v5h5a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3z" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsTravelNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsTravelNegative(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clipPath="url(#healthiconsTravelNegative)"><path d="M29.8 17.396c-1.648.06-3.594.104-5.8.104c-2.198 0-4.138-.043-5.783-.104a6 6 0 1 0 11.567 0zM25 30.341l5 1.488V40h-5zM23 40h-5v-8.17l5-1.489z"/><path fillRule="evenodd" d="M48 0H0v48h48zM24 6c-4.5 0-7 1.2-7 1.2V12l-3.529 3.529c-.593.593-.236 1.588.6 1.648q.887.064 2.12.13l-.011-.001a8 8 0 1 0 15.64 0a113 113 0 0 0 2.109-.13c.836-.06 1.193-1.054.6-1.647L30.999 12V7.2S28.5 6 24 6m.288 22.042l6.542 1.947l5.607-3.816A1 1 0 0 1 38 27v5h-2v-3.11l-4 2.722V40c0 .768.289 1.47.764 2H15.236c.475-.53.764-1.232.764-2v-8.465l-4-2.666V32h-2v-5a1 1 0 0 1 1.555-.832l5.696 3.797l6.46-1.923A1 1 0 0 1 24 28a1 1 0 0 1 .288.042M37 34a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h5v-5a3 3 0 0 0-3-3zM9 34a3 3 0 0 0-3 3v5h5a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3z" clipRule="evenodd"/></g><defs><clipPath id="healthiconsTravelNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><g fill="currentColor" clip-path="url(#healthiconsTravelNegative)"><path d="M29.8 17.396c-1.648.06-3.594.104-5.8.104c-2.198 0-4.138-.043-5.783-.104a6 6 0 1 0 11.567 0zM25 30.341l5 1.488V40h-5zM23 40h-5v-8.17l5-1.489z"/><path fill-rule="evenodd" d="M48 0H0v48h48zM24 6c-4.5 0-7 1.2-7 1.2V12l-3.529 3.529c-.593.593-.236 1.588.6 1.648q.887.064 2.12.13l-.011-.001a8 8 0 1 0 15.64 0a113 113 0 0 0 2.109-.13c.836-.06 1.193-1.054.6-1.647L30.999 12V7.2S28.5 6 24 6m.288 22.042l6.542 1.947l5.607-3.816A1 1 0 0 1 38 27v5h-2v-3.11l-4 2.722V40c0 .768.289 1.47.764 2H15.236c.475-.53.764-1.232.764-2v-8.465l-4-2.666V32h-2v-5a1 1 0 0 1 1.555-.832l5.696 3.797l6.46-1.923A1 1 0 0 1 24 28a1 1 0 0 1 .288.042M37 34a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h5v-5a3 3 0 0 0-3-3zM9 34a3 3 0 0 0-3 3v5h5a3 3 0 0 0 3-3v-2a3 3 0 0 0-3-3z" clip-rule="evenodd"/></g><defs><clipPath id="healthiconsTravelNegative"><path d="M0 0h48v48H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-travel-negative {
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%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23healthiconsTravelNegative)%22%3E%3Cpath%20d%3D%22M29.8%2017.396c-1.648.06-3.594.104-5.8.104c-2.198%200-4.138-.043-5.783-.104a6%206%200%201%200%2011.567%200zM25%2030.341l5%201.488V40h-5zM23%2040h-5v-8.17l5-1.489z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM24%206c-4.5%200-7%201.2-7%201.2V12l-3.529%203.529c-.593.593-.236%201.588.6%201.648q.887.064%202.12.13l-.011-.001a8%208%200%201%200%2015.64%200a113%20113%200%200%200%202.109-.13c.836-.06%201.193-1.054.6-1.647L30.999%2012V7.2S28.5%206%2024%206m.288%2022.042l6.542%201.947l5.607-3.816A1%201%200%200%201%2038%2027v5h-2v-3.11l-4%202.722V40c0%20.768.289%201.47.764%202H15.236c.475-.53.764-1.232.764-2v-8.465l-4-2.666V32h-2v-5a1%201%200%200%201%201.555-.832l5.696%203.797l6.46-1.923A1%201%200%200%201%2024%2028a1%201%200%200%201%20.288.042M37%2034a3%203%200%200%200-3%203v2a3%203%200%200%200%203%203h5v-5a3%203%200%200%200-3-3zM9%2034a3%203%200%200%200-3%203v5h5a3%203%200%200%200%203-3v-2a3%203%200%200%200-3-3z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsTravelNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cg%20fill%3D%22currentColor%22%20clip-path%3D%22url(%23healthiconsTravelNegative)%22%3E%3Cpath%20d%3D%22M29.8%2017.396c-1.648.06-3.594.104-5.8.104c-2.198%200-4.138-.043-5.783-.104a6%206%200%201%200%2011.567%200zM25%2030.341l5%201.488V40h-5zM23%2040h-5v-8.17l5-1.489z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M48%200H0v48h48zM24%206c-4.5%200-7%201.2-7%201.2V12l-3.529%203.529c-.593.593-.236%201.588.6%201.648q.887.064%202.12.13l-.011-.001a8%208%200%201%200%2015.64%200a113%20113%200%200%200%202.109-.13c.836-.06%201.193-1.054.6-1.647L30.999%2012V7.2S28.5%206%2024%206m.288%2022.042l6.542%201.947l5.607-3.816A1%201%200%200%201%2038%2027v5h-2v-3.11l-4%202.722V40c0%20.768.289%201.47.764%202H15.236c.475-.53.764-1.232.764-2v-8.465l-4-2.666V32h-2v-5a1%201%200%200%201%201.555-.832l5.696%203.797l6.46-1.923A1%201%200%200%201%2024%2028a1%201%200%200%201%20.288.042M37%2034a3%203%200%200%200-3%203v2a3%203%200%200%200%203%203h5v-5a3%203%200%200%200-3-3zM9%2034a3%203%200%200%200-3%203v5h5a3%203%200%200%200%203-3v-2a3%203%200%200%200-3-3z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22healthiconsTravelNegative%22%3E%3Cpath%20d%3D%22M0%200h48v48H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/travel-negative.svg?color=%231a73e8&size=48
