code icon

code from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.

Name
code
Set
Jam Icons
Style
Outline
Viewbox
20×16
License
MIT

The same icon in other sets

codeBootstrap IconscodeBoxIcons v2codeCarboncode-fillEva IconscodeFont Awesome 6 SolidcodeFeather Iconscode-16-filledFluent UI System Iconscodecss.ggcodeHuge IconscodeHumbleiconscodeIconoircodeIonIconscodeLine AwesomecodeLucidecodeMajesticonscodeMaterial Symbolscode-fillMingCute IconcodeOcticonscodePhosphorcodePixelarticonscodeRadix Iconscode-fillRemix Iconcode-boldSolarcodeTabler Icons

Related icons in Jam Icons

code-sample

Use the code icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 16"><path fill="currentColor" d="M12.736.064c.52.2.787.805.598 1.353L8.546 15.305c-.19.548-.763.83-1.282.631c-.52-.2-.787-.805-.598-1.353L11.454.695c.19-.548.763-.83 1.282-.631M2.414 8.256L5.95 11.99c.39.412.39 1.08 0 1.492a.963.963 0 0 1-1.414 0L.293 9.003a1.1 1.1 0 0 1 0-1.493l4.243-4.48a.963.963 0 0 1 1.414 0a1.1 1.1 0 0 1 0 1.494zm15.172 0L14.05 4.524a1.1 1.1 0 0 1 0-1.493a.963.963 0 0 1 1.414 0l4.243 4.479c.39.412.39 1.08 0 1.493l-4.243 4.478a.963.963 0 0 1-1.414 0a1.1 1.1 0 0 1 0-1.492z"/></svg>

React

import type { SVGProps } from "react";

export function JamCode(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 16"><path fill="currentColor" d="M12.736.064c.52.2.787.805.598 1.353L8.546 15.305c-.19.548-.763.83-1.282.631c-.52-.2-.787-.805-.598-1.353L11.454.695c.19-.548.763-.83 1.282-.631M2.414 8.256L5.95 11.99c.39.412.39 1.08 0 1.492a.963.963 0 0 1-1.414 0L.293 9.003a1.1 1.1 0 0 1 0-1.493l4.243-4.48a.963.963 0 0 1 1.414 0a1.1 1.1 0 0 1 0 1.494zm15.172 0L14.05 4.524a1.1 1.1 0 0 1 0-1.493a.963.963 0 0 1 1.414 0l4.243 4.479c.39.412.39 1.08 0 1.493l-4.243 4.478a.963.963 0 0 1-1.414 0a1.1 1.1 0 0 1 0-1.492z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 16"><path fill="currentColor" d="M12.736.064c.52.2.787.805.598 1.353L8.546 15.305c-.19.548-.763.83-1.282.631c-.52-.2-.787-.805-.598-1.353L11.454.695c.19-.548.763-.83 1.282-.631M2.414 8.256L5.95 11.99c.39.412.39 1.08 0 1.492a.963.963 0 0 1-1.414 0L.293 9.003a1.1 1.1 0 0 1 0-1.493l4.243-4.48a.963.963 0 0 1 1.414 0a1.1 1.1 0 0 1 0 1.494zm15.172 0L14.05 4.524a1.1 1.1 0 0 1 0-1.493a.963.963 0 0 1 1.414 0l4.243 4.479c.39.412.39 1.08 0 1.493l-4.243 4.478a.963.963 0 0 1-1.414 0a1.1 1.1 0 0 1 0-1.492z"/></svg>
</template>

CSS

.icon-code {
  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%2020%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.736.064c.52.2.787.805.598%201.353L8.546%2015.305c-.19.548-.763.83-1.282.631c-.52-.2-.787-.805-.598-1.353L11.454.695c.19-.548.763-.83%201.282-.631M2.414%208.256L5.95%2011.99c.39.412.39%201.08%200%201.492a.963.963%200%200%201-1.414%200L.293%209.003a1.1%201.1%200%200%201%200-1.493l4.243-4.48a.963.963%200%200%201%201.414%200a1.1%201.1%200%200%201%200%201.494zm15.172%200L14.05%204.524a1.1%201.1%200%200%201%200-1.493a.963.963%200%200%201%201.414%200l4.243%204.479c.39.412.39%201.08%200%201.493l-4.243%204.478a.963.963%200%200%201-1.414%200a1.1%201.1%200%200%201%200-1.492z%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%2020%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.736.064c.52.2.787.805.598%201.353L8.546%2015.305c-.19.548-.763.83-1.282.631c-.52-.2-.787-.805-.598-1.353L11.454.695c.19-.548.763-.83%201.282-.631M2.414%208.256L5.95%2011.99c.39.412.39%201.08%200%201.492a.963.963%200%200%201-1.414%200L.293%209.003a1.1%201.1%200%200%201%200-1.493l4.243-4.48a.963.963%200%200%201%201.414%200a1.1%201.1%200%200%201%200%201.494zm15.172%200L14.05%204.524a1.1%201.1%200%200%201%200-1.493a.963.963%200%200%201%201.414%200l4.243%204.479c.39.412.39%201.08%200%201.493l-4.243%204.478a.963.963%200%200%201-1.414%200a1.1%201.1%200%200%201%200-1.492z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Code outline icon — Jam Icons · IconsDB