code hide icon

code-hide from Carbon by IBM · Outline · Tools · Apache-2.0 Free for personal and commercial use.

Name: code-hide
Set: Carbon
Style: Outline
Category: Tools
Viewbox: 32×32
License: Apache 2.0

Use the code hide icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m17.713 13.471l1.863-6.953L17.645 6l-1.565 5.838zm6.494 6.494l1.414 1.414L31 16l-7-7l-1.414 1.414L28.172 16zM30 28.586L3.414 2L2 3.414l5.793 5.793L1 16l7 7l1.414-1.414L3.828 16l5.379-5.379l5.677 5.677l-2.461 9.184l1.932.518l2.162-8.069L28.586 30z"/></svg>

React

import type { SVGProps } from "react";

export function CarbonCodeHide(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m17.713 13.471l1.863-6.953L17.645 6l-1.565 5.838zm6.494 6.494l1.414 1.414L31 16l-7-7l-1.414 1.414L28.172 16zM30 28.586L3.414 2L2 3.414l5.793 5.793L1 16l7 7l1.414-1.414L3.828 16l5.379-5.379l5.677 5.677l-2.461 9.184l1.932.518l2.162-8.069L28.586 30z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m17.713 13.471l1.863-6.953L17.645 6l-1.565 5.838zm6.494 6.494l1.414 1.414L31 16l-7-7l-1.414 1.414L28.172 16zM30 28.586L3.414 2L2 3.414l5.793 5.793L1 16l7 7l1.414-1.414L3.828 16l5.379-5.379l5.677 5.677l-2.461 9.184l1.932.518l2.162-8.069L28.586 30z"/></svg>
</template>

CSS

.icon-code-hide {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.713%2013.471l1.863-6.953L17.645%206l-1.565%205.838zm6.494%206.494l1.414%201.414L31%2016l-7-7l-1.414%201.414L28.172%2016zM30%2028.586L3.414%202L2%203.414l5.793%205.793L1%2016l7%207l1.414-1.414L3.828%2016l5.379-5.379l5.677%205.677l-2.461%209.184l1.932.518l2.162-8.069L28.586%2030z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.713%2013.471l1.863-6.953L17.645%206l-1.565%205.838zm6.494%206.494l1.414%201.414L31%2016l-7-7l-1.414%201.414L28.172%2016zM30%2028.586L3.414%202L2%203.414l5.793%205.793L1%2016l7%207l1.414-1.414L3.828%2016l5.379-5.379l5.677%205.677l-2.461%209.184l1.932.518l2.162-8.069L28.586%2030z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/code-hide.svg?color=%231a73e8&size=48

code hide icon

More tools icons from Carbon

Use the code hide icon

SVG

React

Vue

CSS