outline-toys from Google Material Icons by Material Design Authors · Baseline · Hardware · Apache-2.0 Free for personal and commercial use.

Name
outline-toys
Set
Google Material Icons
Style
Baseline
Category
Hardware
Viewbox
24×24
License
Apache 2.0

More hardware icons from Google Material Icons

Use the outline toys icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.75 10.08L17.4 6.05A2.98 2.98 0 0 0 14.56 4H9.44C8.15 4 7 4.82 6.6 6.05L5.81 8.4L4.41 7l.29-.29A.996.996 0 1 0 3.29 5.3l-2 2A.996.996 0 1 0 2.7 8.71l.3-.3l1.79 1.79C3.18 10.72 2 12.22 2 14c0 1.49.83 2.78 2.05 3.47A2.99 2.99 0 0 0 7 20c1.3 0 2.4-.84 2.82-2h4.37c.41 1.16 1.51 2 2.82 2c1.49 0 2.73-1.1 2.95-2.53C21.17 16.78 22 15.49 22 14c0-1.95-1.4-3.57-3.25-3.92M13 6h1.56a1 1 0 0 1 .95.68l1.1 3.32H13zm-4.51.68A1 1 0 0 1 9.44 6H11v4H7.41l-.02-.02zM7 18c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m10 0c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m2.49-2.68A3.03 3.03 0 0 0 17 14c-1.3 0-2.4.84-2.82 2H9.82C9.4 14.84 8.3 14 7 14c-1.03 0-1.95.53-2.49 1.32C4.2 14.97 4 14.51 4 14c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2c0 .51-.2.97-.51 1.32"/></svg>

React

import type { SVGProps } from "react";

export function IcOutlineToys(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.75 10.08L17.4 6.05A2.98 2.98 0 0 0 14.56 4H9.44C8.15 4 7 4.82 6.6 6.05L5.81 8.4L4.41 7l.29-.29A.996.996 0 1 0 3.29 5.3l-2 2A.996.996 0 1 0 2.7 8.71l.3-.3l1.79 1.79C3.18 10.72 2 12.22 2 14c0 1.49.83 2.78 2.05 3.47A2.99 2.99 0 0 0 7 20c1.3 0 2.4-.84 2.82-2h4.37c.41 1.16 1.51 2 2.82 2c1.49 0 2.73-1.1 2.95-2.53C21.17 16.78 22 15.49 22 14c0-1.95-1.4-3.57-3.25-3.92M13 6h1.56a1 1 0 0 1 .95.68l1.1 3.32H13zm-4.51.68A1 1 0 0 1 9.44 6H11v4H7.41l-.02-.02zM7 18c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m10 0c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m2.49-2.68A3.03 3.03 0 0 0 17 14c-1.3 0-2.4.84-2.82 2H9.82C9.4 14.84 8.3 14 7 14c-1.03 0-1.95.53-2.49 1.32C4.2 14.97 4 14.51 4 14c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2c0 .51-.2.97-.51 1.32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.75 10.08L17.4 6.05A2.98 2.98 0 0 0 14.56 4H9.44C8.15 4 7 4.82 6.6 6.05L5.81 8.4L4.41 7l.29-.29A.996.996 0 1 0 3.29 5.3l-2 2A.996.996 0 1 0 2.7 8.71l.3-.3l1.79 1.79C3.18 10.72 2 12.22 2 14c0 1.49.83 2.78 2.05 3.47A2.99 2.99 0 0 0 7 20c1.3 0 2.4-.84 2.82-2h4.37c.41 1.16 1.51 2 2.82 2c1.49 0 2.73-1.1 2.95-2.53C21.17 16.78 22 15.49 22 14c0-1.95-1.4-3.57-3.25-3.92M13 6h1.56a1 1 0 0 1 .95.68l1.1 3.32H13zm-4.51.68A1 1 0 0 1 9.44 6H11v4H7.41l-.02-.02zM7 18c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m10 0c-.55 0-1-.45-1-1s.45-1 1-1s1 .45 1 1s-.45 1-1 1m2.49-2.68A3.03 3.03 0 0 0 17 14c-1.3 0-2.4.84-2.82 2H9.82C9.4 14.84 8.3 14 7 14c-1.03 0-1.95.53-2.49 1.32C4.2 14.97 4 14.51 4 14c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2c0 .51-.2.97-.51 1.32"/></svg>
</template>

CSS

.icon-outline-toys {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.75%2010.08L17.4%206.05A2.98%202.98%200%200%200%2014.56%204H9.44C8.15%204%207%204.82%206.6%206.05L5.81%208.4L4.41%207l.29-.29A.996.996%200%201%200%203.29%205.3l-2%202A.996.996%200%201%200%202.7%208.71l.3-.3l1.79%201.79C3.18%2010.72%202%2012.22%202%2014c0%201.49.83%202.78%202.05%203.47A2.99%202.99%200%200%200%207%2020c1.3%200%202.4-.84%202.82-2h4.37c.41%201.16%201.51%202%202.82%202c1.49%200%202.73-1.1%202.95-2.53C21.17%2016.78%2022%2015.49%2022%2014c0-1.95-1.4-3.57-3.25-3.92M13%206h1.56a1%201%200%200%201%20.95.68l1.1%203.32H13zm-4.51.68A1%201%200%200%201%209.44%206H11v4H7.41l-.02-.02zM7%2018c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201m10%200c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201m2.49-2.68A3.03%203.03%200%200%200%2017%2014c-1.3%200-2.4.84-2.82%202H9.82C9.4%2014.84%208.3%2014%207%2014c-1.03%200-1.95.53-2.49%201.32C4.2%2014.97%204%2014.51%204%2014c0-1.1.9-2%202-2h12c1.1%200%202%20.9%202%202c0%20.51-.2.97-.51%201.32%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M18.75%2010.08L17.4%206.05A2.98%202.98%200%200%200%2014.56%204H9.44C8.15%204%207%204.82%206.6%206.05L5.81%208.4L4.41%207l.29-.29A.996.996%200%201%200%203.29%205.3l-2%202A.996.996%200%201%200%202.7%208.71l.3-.3l1.79%201.79C3.18%2010.72%202%2012.22%202%2014c0%201.49.83%202.78%202.05%203.47A2.99%202.99%200%200%200%207%2020c1.3%200%202.4-.84%202.82-2h4.37c.41%201.16%201.51%202%202.82%202c1.49%200%202.73-1.1%202.95-2.53C21.17%2016.78%2022%2015.49%2022%2014c0-1.95-1.4-3.57-3.25-3.92M13%206h1.56a1%201%200%200%201%20.95.68l1.1%203.32H13zm-4.51.68A1%201%200%200%201%209.44%206H11v4H7.41l-.02-.02zM7%2018c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201m10%200c-.55%200-1-.45-1-1s.45-1%201-1s1%20.45%201%201s-.45%201-1%201m2.49-2.68A3.03%203.03%200%200%200%2017%2014c-1.3%200-2.4.84-2.82%202H9.82C9.4%2014.84%208.3%2014%207%2014c-1.03%200-1.95.53-2.49%201.32C4.2%2014.97%204%2014.51%204%2014c0-1.1.9-2%202-2h12c1.1%200%202%20.9%202%202c0%20.51-.2.97-.51%201.32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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