code xml icon

code-xml-rounded from Material Symbols Light by Google · Rounded · Actions · Apache-2.0 Free for personal and commercial use.

Name: code-xml-rounded
Set: Material Symbols Light
Style: Rounded
Category: Actions
Viewbox: 24×24
License: Apache 2.0
Aliases: code-xml-outline-rounded

1 other variant in Material Symbols Light

code-xml

The same icon in other sets

code-xmlHuge Icons code-xmlLucide code-xmlMaterial Symbols

More actions icons from Material Symbols Light

Use the code xml icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.114 12l3.24 3.24q.14.147.143.348t-.143.347T6 16.08t-.354-.147l-3.369-3.368q-.242-.243-.242-.566t.242-.565l3.37-3.37Q5.791 7.92 6 7.92t.354.147q.146.145.146.346t-.146.347zm6.25 7.263q-.1-.19-.033-.379l4.4-14.08q.067-.189.247-.29t.368-.033t.3.247t.042.368l-4.419 14.1q-.067.188-.247.29q-.18.1-.368.033t-.29-.256M20.888 12l-3.24-3.24q-.147-.146-.147-.348t.146-.347T18 7.92t.354.147l3.369 3.368q.243.243.243.566t-.243.566l-3.37 3.368q-.145.147-.353.147t-.354-.147t-.146-.346t.146-.347z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightCodeXmlRounded(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="m3.114 12l3.24 3.24q.14.147.143.348t-.143.347T6 16.08t-.354-.147l-3.369-3.368q-.242-.243-.242-.566t.242-.565l3.37-3.37Q5.791 7.92 6 7.92t.354.147q.146.145.146.346t-.146.347zm6.25 7.263q-.1-.19-.033-.379l4.4-14.08q.067-.189.247-.29t.368-.033t.3.247t.042.368l-4.419 14.1q-.067.188-.247.29q-.18.1-.368.033t-.29-.256M20.888 12l-3.24-3.24q-.147-.146-.147-.348t.146-.347T18 7.92t.354.147l3.369 3.368q.243.243.243.566t-.243.566l-3.37 3.368q-.145.147-.353.147t-.354-.147t-.146-.346t.146-.347z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m3.114 12l3.24 3.24q.14.147.143.348t-.143.347T6 16.08t-.354-.147l-3.369-3.368q-.242-.243-.242-.566t.242-.565l3.37-3.37Q5.791 7.92 6 7.92t.354.147q.146.145.146.346t-.146.347zm6.25 7.263q-.1-.19-.033-.379l4.4-14.08q.067-.189.247-.29t.368-.033t.3.247t.042.368l-4.419 14.1q-.067.188-.247.29q-.18.1-.368.033t-.29-.256M20.888 12l-3.24-3.24q-.147-.146-.147-.348t.146-.347T18 7.92t.354.147l3.369 3.368q.243.243.243.566t-.243.566l-3.37 3.368q-.145.147-.353.147t-.354-.147t-.146-.346t.146-.347z"/></svg>
</template>

CSS

.icon-code-xml-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%22m3.114%2012l3.24%203.24q.14.147.143.348t-.143.347T6%2016.08t-.354-.147l-3.369-3.368q-.242-.243-.242-.566t.242-.565l3.37-3.37Q5.791%207.92%206%207.92t.354.147q.146.145.146.346t-.146.347zm6.25%207.263q-.1-.19-.033-.379l4.4-14.08q.067-.189.247-.29t.368-.033t.3.247t.042.368l-4.419%2014.1q-.067.188-.247.29q-.18.1-.368.033t-.29-.256M20.888%2012l-3.24-3.24q-.147-.146-.147-.348t.146-.347T18%207.92t.354.147l3.369%203.368q.243.243.243.566t-.243.566l-3.37%203.368q-.145.147-.353.147t-.354-.147t-.146-.346t.146-.347z%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%22m3.114%2012l3.24%203.24q.14.147.143.348t-.143.347T6%2016.08t-.354-.147l-3.369-3.368q-.242-.243-.242-.566t.242-.565l3.37-3.37Q5.791%207.92%206%207.92t.354.147q.146.145.146.346t-.146.347zm6.25%207.263q-.1-.19-.033-.379l4.4-14.08q.067-.189.247-.29t.368-.033t.3.247t.042.368l-4.419%2014.1q-.067.188-.247.29q-.18.1-.368.033t-.29-.256M20.888%2012l-3.24-3.24q-.147-.146-.147-.348t.146-.347T18%207.92t.354.147l3.369%203.368q.243.243.243.566t-.243.566l-3.37%203.368q-.145.147-.353.147t-.354-.147t-.146-.346t.146-.347z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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