ink highlighter off icon

ink-highlighter-off-outline-rounded from Material Symbols Light by Google · Outline Rounded · Text · Apache-2.0 Free for personal and commercial use.

Name
ink-highlighter-off-outline-rounded
Set
Material Symbols Light
Style
Outline Rounded
Category
Text
Viewbox
24×24
License
Apache 2.0

5 other variants in Material Symbols Light

The same icon in other sets

More text icons from Material Symbols Light

Use the ink highlighter off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.223 4.716l1.754 1.753q.485.485.485 1.131t-.485 1.13l-3.844 3.845q-.147.146-.348.156t-.366-.156q-.165-.165-.165-.354t.165-.354l3.831-3.825q.173-.173.173-.442t-.173-.442l-1.716-1.716q-.172-.173-.442-.173t-.442.173l-3.825 3.825q-.146.147-.347.156t-.366-.156t-.166-.353t.166-.354l3.85-3.844q.484-.485 1.13-.485q.647 0 1.131.485m1.898 16.101q-.165.166-.356.166q-.192 0-.357-.166l-5.762-5.755l-4.223 4.229q-.484.484-1.133.484t-1.134-.484l-.192-.193l-.683.677q-.217.206-.514.33q-.296.126-.607.126H4.014q-.273 0-.373-.252t.094-.444l1.838-1.833l-.154-.154q-.484-.484-.49-1.14q-.006-.654.479-1.139l4.223-4.223l-6.454-6.454q-.146-.146-.156-.347t.156-.366t.357-.166t.357.166l16.23 16.23q.146.147.156.345t-.156.363M6.116 16.823l1.753 1.754q.173.173.423.173t.424-.173l4.223-4.223l-2.6-2.6l-4.223 4.223q-.174.173-.174.423t.174.423m5.523-3.77"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightInkHighlighterOffOutlineRounded(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.223 4.716l1.754 1.753q.485.485.485 1.131t-.485 1.13l-3.844 3.845q-.147.146-.348.156t-.366-.156q-.165-.165-.165-.354t.165-.354l3.831-3.825q.173-.173.173-.442t-.173-.442l-1.716-1.716q-.172-.173-.442-.173t-.442.173l-3.825 3.825q-.146.147-.347.156t-.366-.156t-.166-.353t.166-.354l3.85-3.844q.484-.485 1.13-.485q.647 0 1.131.485m1.898 16.101q-.165.166-.356.166q-.192 0-.357-.166l-5.762-5.755l-4.223 4.229q-.484.484-1.133.484t-1.134-.484l-.192-.193l-.683.677q-.217.206-.514.33q-.296.126-.607.126H4.014q-.273 0-.373-.252t.094-.444l1.838-1.833l-.154-.154q-.484-.484-.49-1.14q-.006-.654.479-1.139l4.223-4.223l-6.454-6.454q-.146-.146-.156-.347t.156-.366t.357-.166t.357.166l16.23 16.23q.146.147.156.345t-.156.363M6.116 16.823l1.753 1.754q.173.173.423.173t.424-.173l4.223-4.223l-2.6-2.6l-4.223 4.223q-.174.173-.174.423t.174.423m5.523-3.77"/></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.223 4.716l1.754 1.753q.485.485.485 1.131t-.485 1.13l-3.844 3.845q-.147.146-.348.156t-.366-.156q-.165-.165-.165-.354t.165-.354l3.831-3.825q.173-.173.173-.442t-.173-.442l-1.716-1.716q-.172-.173-.442-.173t-.442.173l-3.825 3.825q-.146.147-.347.156t-.366-.156t-.166-.353t.166-.354l3.85-3.844q.484-.485 1.13-.485q.647 0 1.131.485m1.898 16.101q-.165.166-.356.166q-.192 0-.357-.166l-5.762-5.755l-4.223 4.229q-.484.484-1.133.484t-1.134-.484l-.192-.193l-.683.677q-.217.206-.514.33q-.296.126-.607.126H4.014q-.273 0-.373-.252t.094-.444l1.838-1.833l-.154-.154q-.484-.484-.49-1.14q-.006-.654.479-1.139l4.223-4.223l-6.454-6.454q-.146-.146-.156-.347t.156-.366t.357-.166t.357.166l16.23 16.23q.146.147.156.345t-.156.363M6.116 16.823l1.753 1.754q.173.173.423.173t.424-.173l4.223-4.223l-2.6-2.6l-4.223 4.223q-.174.173-.174.423t.174.423m5.523-3.77"/></svg>
</template>

CSS

.icon-ink-highlighter-off-outline-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%22m18.223%204.716l1.754%201.753q.485.485.485%201.131t-.485%201.13l-3.844%203.845q-.147.146-.348.156t-.366-.156q-.165-.165-.165-.354t.165-.354l3.831-3.825q.173-.173.173-.442t-.173-.442l-1.716-1.716q-.172-.173-.442-.173t-.442.173l-3.825%203.825q-.146.147-.347.156t-.366-.156t-.166-.353t.166-.354l3.85-3.844q.484-.485%201.13-.485q.647%200%201.131.485m1.898%2016.101q-.165.166-.356.166q-.192%200-.357-.166l-5.762-5.755l-4.223%204.229q-.484.484-1.133.484t-1.134-.484l-.192-.193l-.683.677q-.217.206-.514.33q-.296.126-.607.126H4.014q-.273%200-.373-.252t.094-.444l1.838-1.833l-.154-.154q-.484-.484-.49-1.14q-.006-.654.479-1.139l4.223-4.223l-6.454-6.454q-.146-.146-.156-.347t.156-.366t.357-.166t.357.166l16.23%2016.23q.146.147.156.345t-.156.363M6.116%2016.823l1.753%201.754q.173.173.423.173t.424-.173l4.223-4.223l-2.6-2.6l-4.223%204.223q-.174.173-.174.423t.174.423m5.523-3.77%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.223%204.716l1.754%201.753q.485.485.485%201.131t-.485%201.13l-3.844%203.845q-.147.146-.348.156t-.366-.156q-.165-.165-.165-.354t.165-.354l3.831-3.825q.173-.173.173-.442t-.173-.442l-1.716-1.716q-.172-.173-.442-.173t-.442.173l-3.825%203.825q-.146.147-.347.156t-.366-.156t-.166-.353t.166-.354l3.85-3.844q.484-.485%201.13-.485q.647%200%201.131.485m1.898%2016.101q-.165.166-.356.166q-.192%200-.357-.166l-5.762-5.755l-4.223%204.229q-.484.484-1.133.484t-1.134-.484l-.192-.193l-.683.677q-.217.206-.514.33q-.296.126-.607.126H4.014q-.273%200-.373-.252t.094-.444l1.838-1.833l-.154-.154q-.484-.484-.49-1.14q-.006-.654.479-1.139l4.223-4.223l-6.454-6.454q-.146-.146-.156-.347t.156-.366t.357-.166t.357.166l16.23%2016.23q.146.147.156.345t-.156.363M6.116%2016.823l1.753%201.754q.173.173.423.173t.424-.173l4.223-4.223l-2.6-2.6l-4.223%204.223q-.174.173-.174.423t.174.423m5.523-3.77%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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