do-not-touch-rounded from Material Symbols by Google · Rounded · Travel · Apache-2.0 Free for personal and commercial use.

Name
do-not-touch-rounded
Set
Material Symbols
Style
Rounded
Category
Travel
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols

The same icon in other sets

More travel icons from Material Symbols

Use the do not touch icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.05 23q-.75 0-1.4-.337T7.575 21.7l-5.9-8.65q-.2-.3-.175-.65t.3-.6q.475-.475 1.125-.55t1.175.3L7 13.575v-3.75L1.375 4.2q-.3-.3-.3-.712t.3-.713t.713-.3t.712.3l18.4 18.4q.3.3.3.7t-.3.7t-.712.3t-.713-.3l-.4-.375q-.5.375-1.1.588T17 23zM15 11.325V3q0-.425.288-.712T16 2t.713.288T17 3v9.175h2V5q0-.425.288-.712T20 4t.713.288T21 5v10.725q0 .675-.612.938T19.3 16.45l-3.725-3.725q-.275-.275-.425-.637t-.15-.763M7 4.25V3.5q0-.425.288-.712T8 2.5t.713.288T9 3.5v.75q0 .425-.288.713T8 5.25t-.712-.288T7 4.25M11 8V2q0-.425.288-.712T12 1t.713.288T13 2v6.025q0 .425-.288.7T12 9t-.712-.288T11 8"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsDoNotTouchRounded(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="M10.05 23q-.75 0-1.4-.337T7.575 21.7l-5.9-8.65q-.2-.3-.175-.65t.3-.6q.475-.475 1.125-.55t1.175.3L7 13.575v-3.75L1.375 4.2q-.3-.3-.3-.712t.3-.713t.713-.3t.712.3l18.4 18.4q.3.3.3.7t-.3.7t-.712.3t-.713-.3l-.4-.375q-.5.375-1.1.588T17 23zM15 11.325V3q0-.425.288-.712T16 2t.713.288T17 3v9.175h2V5q0-.425.288-.712T20 4t.713.288T21 5v10.725q0 .675-.612.938T19.3 16.45l-3.725-3.725q-.275-.275-.425-.637t-.15-.763M7 4.25V3.5q0-.425.288-.712T8 2.5t.713.288T9 3.5v.75q0 .425-.288.713T8 5.25t-.712-.288T7 4.25M11 8V2q0-.425.288-.712T12 1t.713.288T13 2v6.025q0 .425-.288.7T12 9t-.712-.288T11 8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.05 23q-.75 0-1.4-.337T7.575 21.7l-5.9-8.65q-.2-.3-.175-.65t.3-.6q.475-.475 1.125-.55t1.175.3L7 13.575v-3.75L1.375 4.2q-.3-.3-.3-.712t.3-.713t.713-.3t.712.3l18.4 18.4q.3.3.3.7t-.3.7t-.712.3t-.713-.3l-.4-.375q-.5.375-1.1.588T17 23zM15 11.325V3q0-.425.288-.712T16 2t.713.288T17 3v9.175h2V5q0-.425.288-.712T20 4t.713.288T21 5v10.725q0 .675-.612.938T19.3 16.45l-3.725-3.725q-.275-.275-.425-.637t-.15-.763M7 4.25V3.5q0-.425.288-.712T8 2.5t.713.288T9 3.5v.75q0 .425-.288.713T8 5.25t-.712-.288T7 4.25M11 8V2q0-.425.288-.712T12 1t.713.288T13 2v6.025q0 .425-.288.7T12 9t-.712-.288T11 8"/></svg>
</template>

CSS

.icon-do-not-touch-rounded {
  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%22M10.05%2023q-.75%200-1.4-.337T7.575%2021.7l-5.9-8.65q-.2-.3-.175-.65t.3-.6q.475-.475%201.125-.55t1.175.3L7%2013.575v-3.75L1.375%204.2q-.3-.3-.3-.712t.3-.713t.713-.3t.712.3l18.4%2018.4q.3.3.3.7t-.3.7t-.712.3t-.713-.3l-.4-.375q-.5.375-1.1.588T17%2023zM15%2011.325V3q0-.425.288-.712T16%202t.713.288T17%203v9.175h2V5q0-.425.288-.712T20%204t.713.288T21%205v10.725q0%20.675-.612.938T19.3%2016.45l-3.725-3.725q-.275-.275-.425-.637t-.15-.763M7%204.25V3.5q0-.425.288-.712T8%202.5t.713.288T9%203.5v.75q0%20.425-.288.713T8%205.25t-.712-.288T7%204.25M11%208V2q0-.425.288-.712T12%201t.713.288T13%202v6.025q0%20.425-.288.7T12%209t-.712-.288T11%208%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%22M10.05%2023q-.75%200-1.4-.337T7.575%2021.7l-5.9-8.65q-.2-.3-.175-.65t.3-.6q.475-.475%201.125-.55t1.175.3L7%2013.575v-3.75L1.375%204.2q-.3-.3-.3-.712t.3-.713t.713-.3t.712.3l18.4%2018.4q.3.3.3.7t-.3.7t-.712.3t-.713-.3l-.4-.375q-.5.375-1.1.588T17%2023zM15%2011.325V3q0-.425.288-.712T16%202t.713.288T17%203v9.175h2V5q0-.425.288-.712T20%204t.713.288T21%205v10.725q0%20.675-.612.938T19.3%2016.45l-3.725-3.725q-.275-.275-.425-.637t-.15-.763M7%204.25V3.5q0-.425.288-.712T8%202.5t.713.288T9%203.5v.75q0%20.425-.288.713T8%205.25t-.712-.288T7%204.25M11%208V2q0-.425.288-.712T12%201t.713.288T13%202v6.025q0%20.425-.288.7T12%209t-.712-.288T11%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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