travel from Health Icons by Resolve to Save Lives · Filled · People · MIT Free for personal and commercial use.

Name
travel
Set
Health Icons
Style
Filled
Category
People
Viewbox
48×48
License
MIT

1 other variant in Health Icons

The same icon in other sets

More people icons from Health Icons

Use the travel icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M24 6c-4.5 0-7 1.2-7 1.2V12l-3.529 3.529c-.593.593-.236 1.588.6 1.648c2.017.143 5.434.323 9.929.323c2.206 0 4.152-.043 5.8-.104h-.017a6 6 0 1 1-11.567 0q-1.111-.041-2.036-.09a8 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 6"/><path fill-rule="evenodd" d="m24.288 28.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 28q.125 0 .247.031l.008.002zM25 30.341l5 1.488V40h-5zm-7 1.488l5-1.488V40h-5z" clip-rule="evenodd"/><path d="M37 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"/></g></svg>

React

import type { SVGProps } from "react";

export function HealthiconsTravel(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M24 6c-4.5 0-7 1.2-7 1.2V12l-3.529 3.529c-.593.593-.236 1.588.6 1.648c2.017.143 5.434.323 9.929.323c2.206 0 4.152-.043 5.8-.104h-.017a6 6 0 1 1-11.567 0q-1.111-.041-2.036-.09a8 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 6"/><path fillRule="evenodd" d="m24.288 28.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 28q.125 0 .247.031l.008.002zM25 30.341l5 1.488V40h-5zm-7 1.488l5-1.488V40h-5z" clipRule="evenodd"/><path d="M37 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"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor"><path d="M24 6c-4.5 0-7 1.2-7 1.2V12l-3.529 3.529c-.593.593-.236 1.588.6 1.648c2.017.143 5.434.323 9.929.323c2.206 0 4.152-.043 5.8-.104h-.017a6 6 0 1 1-11.567 0q-1.111-.041-2.036-.09a8 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 6"/><path fill-rule="evenodd" d="m24.288 28.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 28q.125 0 .247.031l.008.002zM25 30.341l5 1.488V40h-5zm-7 1.488l5-1.488V40h-5z" clip-rule="evenodd"/><path d="M37 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"/></g></svg>
</template>

CSS

.icon-travel {
  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%22currentColor%22%3E%3Cpath%20d%3D%22M24%206c-4.5%200-7%201.2-7%201.2V12l-3.529%203.529c-.593.593-.236%201.588.6%201.648c2.017.143%205.434.323%209.929.323c2.206%200%204.152-.043%205.8-.104h-.017a6%206%200%201%201-11.567%200q-1.111-.041-2.036-.09a8%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%206%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m24.288%2028.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%2028q.125%200%20.247.031l.008.002zM25%2030.341l5%201.488V40h-5zm-7%201.488l5-1.488V40h-5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M37%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%2F%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%22currentColor%22%3E%3Cpath%20d%3D%22M24%206c-4.5%200-7%201.2-7%201.2V12l-3.529%203.529c-.593.593-.236%201.588.6%201.648c2.017.143%205.434.323%209.929.323c2.206%200%204.152-.043%205.8-.104h-.017a6%206%200%201%201-11.567%200q-1.111-.041-2.036-.09a8%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%206%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m24.288%2028.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%2028q.125%200%20.247.031l.008.002zM25%2030.341l5%201.488V40h-5zm-7%201.488l5-1.488V40h-5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M37%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%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/travel.svg?color=%231a73e8&size=48