booster car seat icon

booster-car-seat from IconPark Solid by ByteDance · Solid · Baby · Apache-2.0 Free for personal and commercial use.

Name: booster-car-seat
Set: IconPark Solid
Style: Solid
Category: Baby
Viewbox: 48×48
License: Apache 2.0

The same icon in other sets

booster-car-seatIconPark booster-car-seatIconPark Outline booster-car-seatIconPark TwoTone

More baby icons from IconPark Solid

Use the booster car seat icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVG3qWRDimI"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M32 15H16c0 3.47-5.78 7.903-9.317 10.292C5.123 26.344 4 27 4 27s1 3 3.5 8c1.894 3.788 4.075 5.854 5.02 6.633c.306.25.69.367 1.085.367h21.693c.455 0 .894-.154 1.217-.474c.86-.852 2.672-2.9 4.485-6.526c2.5-5 3-8 3-8s-1.278-.639-3-1.709c-3.554-2.207-9-6.25-9-10.291"/><path stroke="#fff" d="m32 15l2-9h8m-26 9l-2-9H6"/><path stroke="#000" d="M4 27s2 4 8 4h24c5 0 8-4 8-4"/><path stroke="#fff" d="M7.5 35C5 30 4 27 4 27s1.124-.655 2.683-1.709M41 35c2.5-5 3-8 3-8s-1.278-.639-3-1.709"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG3qWRDimI)"/></svg>

React

import type { SVGProps } from "react";

export function IconParkSolidBoosterCarSeat(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVG3qWRDimI"><g fill="none" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path fill="#fff" stroke="#fff" d="M32 15H16c0 3.47-5.78 7.903-9.317 10.292C5.123 26.344 4 27 4 27s1 3 3.5 8c1.894 3.788 4.075 5.854 5.02 6.633c.306.25.69.367 1.085.367h21.693c.455 0 .894-.154 1.217-.474c.86-.852 2.672-2.9 4.485-6.526c2.5-5 3-8 3-8s-1.278-.639-3-1.709c-3.554-2.207-9-6.25-9-10.291"/><path stroke="#fff" d="m32 15l2-9h8m-26 9l-2-9H6"/><path stroke="#000" d="M4 27s2 4 8 4h24c5 0 8-4 8-4"/><path stroke="#fff" d="M7.5 35C5 30 4 27 4 27s1.124-.655 2.683-1.709M41 35c2.5-5 3-8 3-8s-1.278-.639-3-1.709"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG3qWRDimI)"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVG3qWRDimI"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M32 15H16c0 3.47-5.78 7.903-9.317 10.292C5.123 26.344 4 27 4 27s1 3 3.5 8c1.894 3.788 4.075 5.854 5.02 6.633c.306.25.69.367 1.085.367h21.693c.455 0 .894-.154 1.217-.474c.86-.852 2.672-2.9 4.485-6.526c2.5-5 3-8 3-8s-1.278-.639-3-1.709c-3.554-2.207-9-6.25-9-10.291"/><path stroke="#fff" d="m32 15l2-9h8m-26 9l-2-9H6"/><path stroke="#000" d="M4 27s2 4 8 4h24c5 0 8-4 8-4"/><path stroke="#fff" d="M7.5 35C5 30 4 27 4 27s1.124-.655 2.683-1.709M41 35c2.5-5 3-8 3-8s-1.278-.639-3-1.709"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG3qWRDimI)"/></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%3Cdefs%3E%3Cmask%20id%3D%22SVG3qWRDimI%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%23fff%22%20stroke%3D%22%23fff%22%20d%3D%22M32%2015H16c0%203.47-5.78%207.903-9.317%2010.292C5.123%2026.344%204%2027%204%2027s1%203%203.5%208c1.894%203.788%204.075%205.854%205.02%206.633c.306.25.69.367%201.085.367h21.693c.455%200%20.894-.154%201.217-.474c.86-.852%202.672-2.9%204.485-6.526c2.5-5%203-8%203-8s-1.278-.639-3-1.709c-3.554-2.207-9-6.25-9-10.291%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m32%2015l2-9h8m-26%209l-2-9H6%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M4%2027s2%204%208%204h24c5%200%208-4%208-4%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M7.5%2035C5%2030%204%2027%204%2027s1.124-.655%202.683-1.709M41%2035c2.5-5%203-8%203-8s-1.278-.639-3-1.709%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVG3qWRDimI)%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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVG3qWRDimI%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%23fff%22%20stroke%3D%22%23fff%22%20d%3D%22M32%2015H16c0%203.47-5.78%207.903-9.317%2010.292C5.123%2026.344%204%2027%204%2027s1%203%203.5%208c1.894%203.788%204.075%205.854%205.02%206.633c.306.25.69.367%201.085.367h21.693c.455%200%20.894-.154%201.217-.474c.86-.852%202.672-2.9%204.485-6.526c2.5-5%203-8%203-8s-1.278-.639-3-1.709c-3.554-2.207-9-6.25-9-10.291%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22m32%2015l2-9h8m-26%209l-2-9H6%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20d%3D%22M4%2027s2%204%208%204h24c5%200%208-4%208-4%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20d%3D%22M7.5%2035C5%2030%204%2027%204%2027s1.124-.655%202.683-1.709M41%2035c2.5-5%203-8%203-8s-1.278-.639-3-1.709%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVG3qWRDimI)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-solid/booster-car-seat.svg?color=%231a73e8&size=48