mobile hand off icon

mobile-hand-off-outline-sharp from Material Symbols by Google · Outline Sharp · Hardware · Apache-2.0 Free for personal and commercial use.

Name
mobile-hand-off-outline-sharp
Set
Material Symbols
Style
Outline Sharp
Category
Hardware
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols

The same icon in other sets

More hardware icons from Material Symbols

Use the mobile hand off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 12.2V7h2l4 4v7.2l-2-2v-4.35l-2-2v4.35zm.925 10.8q-.65 0-1.225-.262t-1-.738l-5.05-6.05l2.125-2.175l5.975 2.975l3.875 3.9q-.475 1.05-1.45 1.7T17 23zM15 7V4H6.8L4.775 2H17v5zm.925 14H17q.25 0 .488-.05t.437-.175l-2.35-2.35L11.7 16.45l3.45 4.2q.15.175.35.262t.425.088m5.975.9l-1.425 1.4L6 8.825V20h6.025l1.675 2H4V6.825L.7 3.5l1.4-1.4zM11.213 6.713Q11.5 6.425 11.5 6t-.288-.712T10.5 5t-.712.288T9.5 6t.288.713T10.5 7t.713-.288"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsMobileHandOffOutlineSharp(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="M15 12.2V7h2l4 4v7.2l-2-2v-4.35l-2-2v4.35zm.925 10.8q-.65 0-1.225-.262t-1-.738l-5.05-6.05l2.125-2.175l5.975 2.975l3.875 3.9q-.475 1.05-1.45 1.7T17 23zM15 7V4H6.8L4.775 2H17v5zm.925 14H17q.25 0 .488-.05t.437-.175l-2.35-2.35L11.7 16.45l3.45 4.2q.15.175.35.262t.425.088m5.975.9l-1.425 1.4L6 8.825V20h6.025l1.675 2H4V6.825L.7 3.5l1.4-1.4zM11.213 6.713Q11.5 6.425 11.5 6t-.288-.712T10.5 5t-.712.288T9.5 6t.288.713T10.5 7t.713-.288"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15 12.2V7h2l4 4v7.2l-2-2v-4.35l-2-2v4.35zm.925 10.8q-.65 0-1.225-.262t-1-.738l-5.05-6.05l2.125-2.175l5.975 2.975l3.875 3.9q-.475 1.05-1.45 1.7T17 23zM15 7V4H6.8L4.775 2H17v5zm.925 14H17q.25 0 .488-.05t.437-.175l-2.35-2.35L11.7 16.45l3.45 4.2q.15.175.35.262t.425.088m5.975.9l-1.425 1.4L6 8.825V20h6.025l1.675 2H4V6.825L.7 3.5l1.4-1.4zM11.213 6.713Q11.5 6.425 11.5 6t-.288-.712T10.5 5t-.712.288T9.5 6t.288.713T10.5 7t.713-.288"/></svg>
</template>

CSS

.icon-mobile-hand-off-outline-sharp {
  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%22M15%2012.2V7h2l4%204v7.2l-2-2v-4.35l-2-2v4.35zm.925%2010.8q-.65%200-1.225-.262t-1-.738l-5.05-6.05l2.125-2.175l5.975%202.975l3.875%203.9q-.475%201.05-1.45%201.7T17%2023zM15%207V4H6.8L4.775%202H17v5zm.925%2014H17q.25%200%20.488-.05t.437-.175l-2.35-2.35L11.7%2016.45l3.45%204.2q.15.175.35.262t.425.088m5.975.9l-1.425%201.4L6%208.825V20h6.025l1.675%202H4V6.825L.7%203.5l1.4-1.4zM11.213%206.713Q11.5%206.425%2011.5%206t-.288-.712T10.5%205t-.712.288T9.5%206t.288.713T10.5%207t.713-.288%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%22M15%2012.2V7h2l4%204v7.2l-2-2v-4.35l-2-2v4.35zm.925%2010.8q-.65%200-1.225-.262t-1-.738l-5.05-6.05l2.125-2.175l5.975%202.975l3.875%203.9q-.475%201.05-1.45%201.7T17%2023zM15%207V4H6.8L4.775%202H17v5zm.925%2014H17q.25%200%20.488-.05t.437-.175l-2.35-2.35L11.7%2016.45l3.45%204.2q.15.175.35.262t.425.088m5.975.9l-1.425%201.4L6%208.825V20h6.025l1.675%202H4V6.825L.7%203.5l1.4-1.4zM11.213%206.713Q11.5%206.425%2011.5%206t-.288-.712T10.5%205t-.712.288T9.5%206t.288.713T10.5%207t.713-.288%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/mobile-hand-off-outline-sharp.svg?color=%231a73e8&size=48