key chain icon

key-chain from Material Design Icons by Pictogrammers · Filled · Automotive · Apache-2.0 Free for personal and commercial use.

Name
key-chain
Set
Material Design Icons
Style
Filled
Category
Automotive
Viewbox
24×24
License
Apache 2.0

More automotive icons from Material Design Icons

air-conditionerairbagbatterybattery-10battery-20battery-30battery-40battery-50battery-60battery-70battery-80battery-90battery-chargingbattery-charging-10battery-charging-100battery-charging-20battery-charging-30battery-charging-40battery-charging-50battery-charging-60battery-charging-70battery-charging-80battery-charging-90bugle

Use the key chain icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.67 13.67c-.47.46-1.04.83-1.67 1.06V23H8v-2H5v-3h3v-3.28c-1.74-.62-3-2.26-3-4.22C5 8 7 6 9.5 6h.1c-.47.95-.68 2-.57 3.08c-.59.2-1.03.76-1.03 1.42c0 .83.67 1.5 1.5 1.5c.23 0 .45-.06.65-.15c.64.84 1.52 1.47 2.52 1.82m8.06 5.77l-2.76 1.16l-.78-1.84l-2.76 1.17l-1.17-2.77L16.03 16l-1.27-3c-1.85.08-3.65-.95-4.41-2.75c-.96-2.29.12-4.93 2.41-5.9c.24-.1.5-.17.74-.23C12.84 2.87 11.5 2 10 2C7.79 2 6 3.79 6 6v.24c-.3.26-.6.58-.85.91C5.06 6.78 5 6.4 5 6c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.42-.6 2.67-1.55 3.57c.42.43 1.05.56 1.63.31c.77-.32 1.12-1.2.8-1.96a1 1 0 0 0-.14-.26C15.9 7.13 16 6.58 16 6c0-.63-.1-1.24-.28-1.81c1.28.36 2.38 1.25 2.93 2.57c.76 1.8.24 3.81-1.15 5.05zM13 8.6c.37-.41.65-.89.82-1.42c-.54.27-.85.82-.82 1.42"/></svg>

React

import type { SVGProps } from "react";

export function MdiKeyChain(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="M12.67 13.67c-.47.46-1.04.83-1.67 1.06V23H8v-2H5v-3h3v-3.28c-1.74-.62-3-2.26-3-4.22C5 8 7 6 9.5 6h.1c-.47.95-.68 2-.57 3.08c-.59.2-1.03.76-1.03 1.42c0 .83.67 1.5 1.5 1.5c.23 0 .45-.06.65-.15c.64.84 1.52 1.47 2.52 1.82m8.06 5.77l-2.76 1.16l-.78-1.84l-2.76 1.17l-1.17-2.77L16.03 16l-1.27-3c-1.85.08-3.65-.95-4.41-2.75c-.96-2.29.12-4.93 2.41-5.9c.24-.1.5-.17.74-.23C12.84 2.87 11.5 2 10 2C7.79 2 6 3.79 6 6v.24c-.3.26-.6.58-.85.91C5.06 6.78 5 6.4 5 6c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.42-.6 2.67-1.55 3.57c.42.43 1.05.56 1.63.31c.77-.32 1.12-1.2.8-1.96a1 1 0 0 0-.14-.26C15.9 7.13 16 6.58 16 6c0-.63-.1-1.24-.28-1.81c1.28.36 2.38 1.25 2.93 2.57c.76 1.8.24 3.81-1.15 5.05zM13 8.6c.37-.41.65-.89.82-1.42c-.54.27-.85.82-.82 1.42"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.67 13.67c-.47.46-1.04.83-1.67 1.06V23H8v-2H5v-3h3v-3.28c-1.74-.62-3-2.26-3-4.22C5 8 7 6 9.5 6h.1c-.47.95-.68 2-.57 3.08c-.59.2-1.03.76-1.03 1.42c0 .83.67 1.5 1.5 1.5c.23 0 .45-.06.65-.15c.64.84 1.52 1.47 2.52 1.82m8.06 5.77l-2.76 1.16l-.78-1.84l-2.76 1.17l-1.17-2.77L16.03 16l-1.27-3c-1.85.08-3.65-.95-4.41-2.75c-.96-2.29.12-4.93 2.41-5.9c.24-.1.5-.17.74-.23C12.84 2.87 11.5 2 10 2C7.79 2 6 3.79 6 6v.24c-.3.26-.6.58-.85.91C5.06 6.78 5 6.4 5 6c0-2.76 2.24-5 5-5s5 2.24 5 5c0 1.42-.6 2.67-1.55 3.57c.42.43 1.05.56 1.63.31c.77-.32 1.12-1.2.8-1.96a1 1 0 0 0-.14-.26C15.9 7.13 16 6.58 16 6c0-.63-.1-1.24-.28-1.81c1.28.36 2.38 1.25 2.93 2.57c.76 1.8.24 3.81-1.15 5.05zM13 8.6c.37-.41.65-.89.82-1.42c-.54.27-.85.82-.82 1.42"/></svg>
</template>

CSS

.icon-key-chain {
  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%22M12.67%2013.67c-.47.46-1.04.83-1.67%201.06V23H8v-2H5v-3h3v-3.28c-1.74-.62-3-2.26-3-4.22C5%208%207%206%209.5%206h.1c-.47.95-.68%202-.57%203.08c-.59.2-1.03.76-1.03%201.42c0%20.83.67%201.5%201.5%201.5c.23%200%20.45-.06.65-.15c.64.84%201.52%201.47%202.52%201.82m8.06%205.77l-2.76%201.16l-.78-1.84l-2.76%201.17l-1.17-2.77L16.03%2016l-1.27-3c-1.85.08-3.65-.95-4.41-2.75c-.96-2.29.12-4.93%202.41-5.9c.24-.1.5-.17.74-.23C12.84%202.87%2011.5%202%2010%202C7.79%202%206%203.79%206%206v.24c-.3.26-.6.58-.85.91C5.06%206.78%205%206.4%205%206c0-2.76%202.24-5%205-5s5%202.24%205%205c0%201.42-.6%202.67-1.55%203.57c.42.43%201.05.56%201.63.31c.77-.32%201.12-1.2.8-1.96a1%201%200%200%200-.14-.26C15.9%207.13%2016%206.58%2016%206c0-.63-.1-1.24-.28-1.81c1.28.36%202.38%201.25%202.93%202.57c.76%201.8.24%203.81-1.15%205.05zM13%208.6c.37-.41.65-.89.82-1.42c-.54.27-.85.82-.82%201.42%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%22M12.67%2013.67c-.47.46-1.04.83-1.67%201.06V23H8v-2H5v-3h3v-3.28c-1.74-.62-3-2.26-3-4.22C5%208%207%206%209.5%206h.1c-.47.95-.68%202-.57%203.08c-.59.2-1.03.76-1.03%201.42c0%20.83.67%201.5%201.5%201.5c.23%200%20.45-.06.65-.15c.64.84%201.52%201.47%202.52%201.82m8.06%205.77l-2.76%201.16l-.78-1.84l-2.76%201.17l-1.17-2.77L16.03%2016l-1.27-3c-1.85.08-3.65-.95-4.41-2.75c-.96-2.29.12-4.93%202.41-5.9c.24-.1.5-.17.74-.23C12.84%202.87%2011.5%202%2010%202C7.79%202%206%203.79%206%206v.24c-.3.26-.6.58-.85.91C5.06%206.78%205%206.4%205%206c0-2.76%202.24-5%205-5s5%202.24%205%205c0%201.42-.6%202.67-1.55%203.57c.42.43%201.05.56%201.63.31c.77-.32%201.12-1.2.8-1.96a1%201%200%200%200-.14-.26C15.9%207.13%2016%206.58%2016%206c0-.63-.1-1.24-.28-1.81c1.28.36%202.38%201.25%202.93%202.57c.76%201.8.24%203.81-1.15%205.05zM13%208.6c.37-.41.65-.89.82-1.42c-.54.27-.85.82-.82%201.42%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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