booster car seat icon
booster-car-seat from IconPark by ByteDance · Color · Baby · Apache-2.0 Free for personal and commercial use.
- Name
- booster-car-seat
- Set
- IconPark
- Style
- Color
- Category
- Baby
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More baby icons from IconPark
Use the booster car seat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M32 15H16C16 18.47 10.2205 22.9032 6.68333 25.2915C5.12368 26.3445 4 27 4 27C4 27 5 30 7.5 35C9.39377 38.7875 11.5745 40.8536 12.5207 41.6329C12.8255 41.8839 13.2107 42 13.6055 42H35.2984C35.7526 42 36.1923 41.8455 36.5149 41.5258C37.3745 40.6737 39.1873 38.6255 41 35C43.5 30 44 27 44 27C44 27 42.7219 26.361 41 25.2915C37.4456 23.0838 32 19.0419 32 15Z"/><path stroke="#000" d="M32 15L34 6L42 6.00001"/><path stroke="#000" d="M16 15L14 6L6 6.00001"/><path stroke="#fff" d="M4 27C4 27 6 31 12 31C18 31 31 31 36 31C41 31 44 27 44 27"/><path stroke="#000" d="M7.5 35.0001C5 30.0001 4 27.0001 4 27.0001C4 27.0001 5.12368 26.3446 6.68333 25.2915"/><path stroke="#000" d="M41 35.0001C43.5 30.0001 44 27.0001 44 27.0001C44 27.0001 42.7219 26.361 41 25.2915"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkBoosterCarSeat(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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path fill="#2F88FF" stroke="#000" d="M32 15H16C16 18.47 10.2205 22.9032 6.68333 25.2915C5.12368 26.3445 4 27 4 27C4 27 5 30 7.5 35C9.39377 38.7875 11.5745 40.8536 12.5207 41.6329C12.8255 41.8839 13.2107 42 13.6055 42H35.2984C35.7526 42 36.1923 41.8455 36.5149 41.5258C37.3745 40.6737 39.1873 38.6255 41 35C43.5 30 44 27 44 27C44 27 42.7219 26.361 41 25.2915C37.4456 23.0838 32 19.0419 32 15Z"/><path stroke="#000" d="M32 15L34 6L42 6.00001"/><path stroke="#000" d="M16 15L14 6L6 6.00001"/><path stroke="#fff" d="M4 27C4 27 6 31 12 31C18 31 31 31 36 31C41 31 44 27 44 27"/><path stroke="#000" d="M7.5 35.0001C5 30.0001 4 27.0001 4 27.0001C4 27.0001 5.12368 26.3446 6.68333 25.2915"/><path stroke="#000" d="M41 35.0001C43.5 30.0001 44 27.0001 44 27.0001C44 27.0001 42.7219 26.361 41 25.2915"/></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-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M32 15H16C16 18.47 10.2205 22.9032 6.68333 25.2915C5.12368 26.3445 4 27 4 27C4 27 5 30 7.5 35C9.39377 38.7875 11.5745 40.8536 12.5207 41.6329C12.8255 41.8839 13.2107 42 13.6055 42H35.2984C35.7526 42 36.1923 41.8455 36.5149 41.5258C37.3745 40.6737 39.1873 38.6255 41 35C43.5 30 44 27 44 27C44 27 42.7219 26.361 41 25.2915C37.4456 23.0838 32 19.0419 32 15Z"/><path stroke="#000" d="M32 15L34 6L42 6.00001"/><path stroke="#000" d="M16 15L14 6L6 6.00001"/><path stroke="#fff" d="M4 27C4 27 6 31 12 31C18 31 31 31 36 31C41 31 44 27 44 27"/><path stroke="#000" d="M7.5 35.0001C5 30.0001 4 27.0001 4 27.0001C4 27.0001 5.12368 26.3446 6.68333 25.2915"/><path stroke="#000" d="M41 35.0001C43.5 30.0001 44 27.0001 44 27.0001C44 27.0001 42.7219 26.361 41 25.2915"/></g></svg> </template>
CSS
.icon-booster-car-seat {
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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M32%2015H16C16%2018.47%2010.2205%2022.9032%206.68333%2025.2915C5.12368%2026.3445%204%2027%204%2027C4%2027%205%2030%207.5%2035C9.39377%2038.7875%2011.5745%2040.8536%2012.5207%2041.6329C12.8255%2041.8839%2013.2107%2042%2013.6055%2042H35.2984C35.7526%2042%2036.1923%2041.8455%2036.5149%2041.5258C37.3745%2040.6737%2039.1873%2038.6255%2041%2035C43.5%2030%2044%2027%2044%2027C44%2027%2042.7219%2026.361%2041%2025.2915C37.4456%2023.0838%2032%2019.0419%2032%2015Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M32%2015L34%206L42%206.00001%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M16%2015L14%206L6%206.00001%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M4%2027C4%2027%206%2031%2012%2031C18%2031%2031%2031%2036%2031C41%2031%2044%2027%2044%2027%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M7.5%2035.0001C5%2030.0001%204%2027.0001%204%2027.0001C4%2027.0001%205.12368%2026.3446%206.68333%2025.2915%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M41%2035.0001C43.5%2030.0001%2044%2027.0001%2044%2027.0001C44%2027.0001%2042.7219%2026.361%2041%2025.2915%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-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20d%3D%22M32%2015H16C16%2018.47%2010.2205%2022.9032%206.68333%2025.2915C5.12368%2026.3445%204%2027%204%2027C4%2027%205%2030%207.5%2035C9.39377%2038.7875%2011.5745%2040.8536%2012.5207%2041.6329C12.8255%2041.8839%2013.2107%2042%2013.6055%2042H35.2984C35.7526%2042%2036.1923%2041.8455%2036.5149%2041.5258C37.3745%2040.6737%2039.1873%2038.6255%2041%2035C43.5%2030%2044%2027%2044%2027C44%2027%2042.7219%2026.361%2041%2025.2915C37.4456%2023.0838%2032%2019.0419%2032%2015Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M32%2015L34%206L42%206.00001%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M16%2015L14%206L6%206.00001%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M4%2027C4%2027%206%2031%2012%2031C18%2031%2031%2031%2036%2031C41%2031%2044%2027%2044%2027%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M7.5%2035.0001C5%2030.0001%204%2027.0001%204%2027.0001C4%2027.0001%205.12368%2026.3446%206.68333%2025.2915%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M41%2035.0001C43.5%2030.0001%2044%2027.0001%2044%2027.0001C44%2027.0001%2042.7219%2026.361%2041%2025.2915%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/booster-car-seat.svg?color=%231a73e8&size=48
