vacation icon
vacation from IconPark by ByteDance · Color · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- vacation
- Set
- IconPark
- Style
- Color
- Category
- Travel
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More travel icons from IconPark
Use the vacation icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M11 14.999L5 15.999C6.62916 8.48478 11.3642 6.00624 16 5.99904C18.9968 5.99438 21.9521 7.0251 24 7.99963C26.0479 7.0251 29 5.99988 32 5.99962C36.6113 5.99922 41.3708 8.48478 43 15.999L37 14.999C37.5588 17.0992 38.7882 20.7915 37 23.999C34.0196 21.3261 27.1294 17.2902 24 14.9991C20.8706 17.2902 13.9804 21.3261 11 23.999C9.21176 20.7915 10.4412 17.0992 11 14.999Z"/><path d="M24 15C23.2454 18.8889 22.1889 28.5333 24 36"/><path fill="#2F88FF" d="M12 41.9992H36C31.2134 37.4146 29 36.0048 24 36C19 35.9952 13.892 39.3817 12 41.9992Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkVacation(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" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path fill="#2F88FF" d="M11 14.999L5 15.999C6.62916 8.48478 11.3642 6.00624 16 5.99904C18.9968 5.99438 21.9521 7.0251 24 7.99963C26.0479 7.0251 29 5.99988 32 5.99962C36.6113 5.99922 41.3708 8.48478 43 15.999L37 14.999C37.5588 17.0992 38.7882 20.7915 37 23.999C34.0196 21.3261 27.1294 17.2902 24 14.9991C20.8706 17.2902 13.9804 21.3261 11 23.999C9.21176 20.7915 10.4412 17.0992 11 14.999Z"/><path d="M24 15C23.2454 18.8889 22.1889 28.5333 24 36"/><path fill="#2F88FF" d="M12 41.9992H36C31.2134 37.4146 29 36.0048 24 36C19 35.9952 13.892 39.3817 12 41.9992Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M11 14.999L5 15.999C6.62916 8.48478 11.3642 6.00624 16 5.99904C18.9968 5.99438 21.9521 7.0251 24 7.99963C26.0479 7.0251 29 5.99988 32 5.99962C36.6113 5.99922 41.3708 8.48478 43 15.999L37 14.999C37.5588 17.0992 38.7882 20.7915 37 23.999C34.0196 21.3261 27.1294 17.2902 24 14.9991C20.8706 17.2902 13.9804 21.3261 11 23.999C9.21176 20.7915 10.4412 17.0992 11 14.999Z"/><path d="M24 15C23.2454 18.8889 22.1889 28.5333 24 36"/><path fill="#2F88FF" d="M12 41.9992H36C31.2134 37.4146 29 36.0048 24 36C19 35.9952 13.892 39.3817 12 41.9992Z"/></g></svg> </template>
CSS
.icon-vacation {
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%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M11%2014.999L5%2015.999C6.62916%208.48478%2011.3642%206.00624%2016%205.99904C18.9968%205.99438%2021.9521%207.0251%2024%207.99963C26.0479%207.0251%2029%205.99988%2032%205.99962C36.6113%205.99922%2041.3708%208.48478%2043%2015.999L37%2014.999C37.5588%2017.0992%2038.7882%2020.7915%2037%2023.999C34.0196%2021.3261%2027.1294%2017.2902%2024%2014.9991C20.8706%2017.2902%2013.9804%2021.3261%2011%2023.999C9.21176%2020.7915%2010.4412%2017.0992%2011%2014.999Z%22%2F%3E%3Cpath%20d%3D%22M24%2015C23.2454%2018.8889%2022.1889%2028.5333%2024%2036%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M12%2041.9992H36C31.2134%2037.4146%2029%2036.0048%2024%2036C19%2035.9952%2013.892%2039.3817%2012%2041.9992Z%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%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M11%2014.999L5%2015.999C6.62916%208.48478%2011.3642%206.00624%2016%205.99904C18.9968%205.99438%2021.9521%207.0251%2024%207.99963C26.0479%207.0251%2029%205.99988%2032%205.99962C36.6113%205.99922%2041.3708%208.48478%2043%2015.999L37%2014.999C37.5588%2017.0992%2038.7882%2020.7915%2037%2023.999C34.0196%2021.3261%2027.1294%2017.2902%2024%2014.9991C20.8706%2017.2902%2013.9804%2021.3261%2011%2023.999C9.21176%2020.7915%2010.4412%2017.0992%2011%2014.999Z%22%2F%3E%3Cpath%20d%3D%22M24%2015C23.2454%2018.8889%2022.1889%2028.5333%2024%2036%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M12%2041.9992H36C31.2134%2037.4146%2029%2036.0048%2024%2036C19%2035.9952%2013.892%2039.3817%2012%2041.9992Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/vacation.svg?color=%231a73e8&size=48
