unknown 5 icon

unknown-5 from Material Symbols Light by Google · Regular · UI Actions · Apache-2.0 Free for personal and commercial use.

Name: unknown-5
Set: Material Symbols Light
Style: Regular
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: unknown-5-outline, unknown-5-outline-sharp, unknown-5-sharp

1 other variant in Material Symbols Light

unknown-5-rounded

The same icon in other sets

unknown-5Material Symbols

More ui actions icons from Material Symbols Light

Use the unknown 5 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 12v-1h7v1zm7 9q-1.789 0-3.434-.67t-2.935-1.96l.707-.708q1.175 1.1 2.631 1.719T12 20q3.325 0 5.663-2.337T20 12t-2.337-5.663T12 4V3q1.864 0 3.503.71q1.64.711 2.858 1.93t1.929 2.857q.71 1.64.71 3.5t-.71 3.503q-.711 1.642-1.93 2.86t-2.857 1.93T12 21"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightUnknown5(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="M5 12v-1h7v1zm7 9q-1.789 0-3.434-.67t-2.935-1.96l.707-.708q1.175 1.1 2.631 1.719T12 20q3.325 0 5.663-2.337T20 12t-2.337-5.663T12 4V3q1.864 0 3.503.71q1.64.711 2.858 1.93t1.929 2.857q.71 1.64.71 3.5t-.71 3.503q-.711 1.642-1.93 2.86t-2.857 1.93T12 21"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 12v-1h7v1zm7 9q-1.789 0-3.434-.67t-2.935-1.96l.707-.708q1.175 1.1 2.631 1.719T12 20q3.325 0 5.663-2.337T20 12t-2.337-5.663T12 4V3q1.864 0 3.503.71q1.64.711 2.858 1.93t1.929 2.857q.71 1.64.71 3.5t-.71 3.503q-.711 1.642-1.93 2.86t-2.857 1.93T12 21"/></svg>
</template>

CSS

.icon-unknown-5 {
  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%22M5%2012v-1h7v1zm7%209q-1.789%200-3.434-.67t-2.935-1.96l.707-.708q1.175%201.1%202.631%201.719T12%2020q3.325%200%205.663-2.337T20%2012t-2.337-5.663T12%204V3q1.864%200%203.503.71q1.64.711%202.858%201.93t1.929%202.857q.71%201.64.71%203.5t-.71%203.503q-.711%201.642-1.93%202.86t-2.857%201.93T12%2021%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%22M5%2012v-1h7v1zm7%209q-1.789%200-3.434-.67t-2.935-1.96l.707-.708q1.175%201.1%202.631%201.719T12%2020q3.325%200%205.663-2.337T20%2012t-2.337-5.663T12%204V3q1.864%200%203.503.71q1.64.711%202.858%201.93t1.929%202.857q.71%201.64.71%203.5t-.71%203.503q-.711%201.642-1.93%202.86t-2.857%201.93T12%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/unknown-5.svg?color=%231a73e8&size=48