code icon

code-duotone from Reicon by REICON · Duotone · IT · MIT Free for personal and commercial use.

Name
code-duotone
Set
Reicon
Style
Duotone
Category
IT
Viewbox
24×24
License
MIT

2 other variants in Reicon

codecode-filled

The same icon in other sets

All code icons →
code-filledAnt Design IconscodeBootstrap IconscodeBoxIcons v2codeCarboncodeCodiconscodeDither Iconscode-fillEva IconscodeFont Awesome 6 SolidcodeFont Awesome SolidcodeFeather Iconscode-outlineFlowbite Iconscode-16-filledFluent UI System Iconscode-16Fluent UI System Color Iconscodecss.ggcodeHuge IconscodeHumbleiconscodeIconParkcodeIconPark OutlinecodeIconoircodeIonIconscodeJam IconscodeKeyline IconscodeLine AwesomecodeLucide

More it icons from Reicon

browser-codebrowser-terminalbugbug-slashbug2code-2code-circlecode-squarecommandhashtaghashtag-chathashtag-circlehashtag-squaremicrochipprogrammingrouterrouter2router3screencastscreencast2server4sidebarsidebar-codesidebar2

Use the code icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.443 7.328a.75.75 0 0 1 1.059-.056l1.737 1.564c.737.663 1.347 1.212 1.767 1.71c.44.525.754 1.088.754 1.784c0 .695-.313 1.258-.754 1.782c-.42.499-1.03 1.049-1.767 1.711l-1.737 1.564a.75.75 0 1 1-1.004-1.115l1.697-1.527c.788-.709 1.319-1.19 1.663-1.598c.33-.393.402-.622.402-.817c0-.196-.072-.425-.402-.818c-.344-.409-.875-.889-1.663-1.598l-1.697-1.527a.75.75 0 0 1-.056-1.06m-8.94 1.06a.75.75 0 0 0-1.004-1.115L4.761 8.836c-.737.663-1.347 1.212-1.767 1.71c-.44.525-.754 1.088-.754 1.784c0 .695.313 1.258.754 1.782c.42.499 1.03 1.049 1.767 1.711l1.737 1.564a.75.75 0 1 0 1.004-1.115l-1.697-1.527c-.788-.709-1.319-1.19-1.663-1.598c-.33-.393-.402-.622-.402-.817c0-.196.072-.425.402-.818c.344-.409.875-.889 1.663-1.598z"/><path d="M14.182 4.276a.75.75 0 0 1 .53.918l-3.974 14.83a.75.75 0 1 1-1.449-.389l3.974-14.83a.75.75 0 0 1 .919-.53" opacity=".5"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconCodeDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.443 7.328a.75.75 0 0 1 1.059-.056l1.737 1.564c.737.663 1.347 1.212 1.767 1.71c.44.525.754 1.088.754 1.784c0 .695-.313 1.258-.754 1.782c-.42.499-1.03 1.049-1.767 1.711l-1.737 1.564a.75.75 0 1 1-1.004-1.115l1.697-1.527c.788-.709 1.319-1.19 1.663-1.598c.33-.393.402-.622.402-.817c0-.196-.072-.425-.402-.818c-.344-.409-.875-.889-1.663-1.598l-1.697-1.527a.75.75 0 0 1-.056-1.06m-8.94 1.06a.75.75 0 0 0-1.004-1.115L4.761 8.836c-.737.663-1.347 1.212-1.767 1.71c-.44.525-.754 1.088-.754 1.784c0 .695.313 1.258.754 1.782c.42.499 1.03 1.049 1.767 1.711l1.737 1.564a.75.75 0 1 0 1.004-1.115l-1.697-1.527c-.788-.709-1.319-1.19-1.663-1.598c-.33-.393-.402-.622-.402-.817c0-.196.072-.425.402-.818c.344-.409.875-.889 1.663-1.598z"/><path d="M14.182 4.276a.75.75 0 0 1 .53.918l-3.974 14.83a.75.75 0 1 1-1.449-.389l3.974-14.83a.75.75 0 0 1 .919-.53" opacity=".5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16.443 7.328a.75.75 0 0 1 1.059-.056l1.737 1.564c.737.663 1.347 1.212 1.767 1.71c.44.525.754 1.088.754 1.784c0 .695-.313 1.258-.754 1.782c-.42.499-1.03 1.049-1.767 1.711l-1.737 1.564a.75.75 0 1 1-1.004-1.115l1.697-1.527c.788-.709 1.319-1.19 1.663-1.598c.33-.393.402-.622.402-.817c0-.196-.072-.425-.402-.818c-.344-.409-.875-.889-1.663-1.598l-1.697-1.527a.75.75 0 0 1-.056-1.06m-8.94 1.06a.75.75 0 0 0-1.004-1.115L4.761 8.836c-.737.663-1.347 1.212-1.767 1.71c-.44.525-.754 1.088-.754 1.784c0 .695.313 1.258.754 1.782c.42.499 1.03 1.049 1.767 1.711l1.737 1.564a.75.75 0 1 0 1.004-1.115l-1.697-1.527c-.788-.709-1.319-1.19-1.663-1.598c-.33-.393-.402-.622-.402-.817c0-.196.072-.425.402-.818c.344-.409.875-.889 1.663-1.598z"/><path d="M14.182 4.276a.75.75 0 0 1 .53.918l-3.974 14.83a.75.75 0 1 1-1.449-.389l3.974-14.83a.75.75 0 0 1 .919-.53" opacity=".5"/></g></svg>
</template>

CSS

.icon-code-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16.443%207.328a.75.75%200%200%201%201.059-.056l1.737%201.564c.737.663%201.347%201.212%201.767%201.71c.44.525.754%201.088.754%201.784c0%20.695-.313%201.258-.754%201.782c-.42.499-1.03%201.049-1.767%201.711l-1.737%201.564a.75.75%200%201%201-1.004-1.115l1.697-1.527c.788-.709%201.319-1.19%201.663-1.598c.33-.393.402-.622.402-.817c0-.196-.072-.425-.402-.818c-.344-.409-.875-.889-1.663-1.598l-1.697-1.527a.75.75%200%200%201-.056-1.06m-8.94%201.06a.75.75%200%200%200-1.004-1.115L4.761%208.836c-.737.663-1.347%201.212-1.767%201.71c-.44.525-.754%201.088-.754%201.784c0%20.695.313%201.258.754%201.782c.42.499%201.03%201.049%201.767%201.711l1.737%201.564a.75.75%200%201%200%201.004-1.115l-1.697-1.527c-.788-.709-1.319-1.19-1.663-1.598c-.33-.393-.402-.622-.402-.817c0-.196.072-.425.402-.818c.344-.409.875-.889%201.663-1.598z%22%2F%3E%3Cpath%20d%3D%22M14.182%204.276a.75.75%200%200%201%20.53.918l-3.974%2014.83a.75.75%200%201%201-1.449-.389l3.974-14.83a.75.75%200%200%201%20.919-.53%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M16.443%207.328a.75.75%200%200%201%201.059-.056l1.737%201.564c.737.663%201.347%201.212%201.767%201.71c.44.525.754%201.088.754%201.784c0%20.695-.313%201.258-.754%201.782c-.42.499-1.03%201.049-1.767%201.711l-1.737%201.564a.75.75%200%201%201-1.004-1.115l1.697-1.527c.788-.709%201.319-1.19%201.663-1.598c.33-.393.402-.622.402-.817c0-.196-.072-.425-.402-.818c-.344-.409-.875-.889-1.663-1.598l-1.697-1.527a.75.75%200%200%201-.056-1.06m-8.94%201.06a.75.75%200%200%200-1.004-1.115L4.761%208.836c-.737.663-1.347%201.212-1.767%201.71c-.44.525-.754%201.088-.754%201.784c0%20.695.313%201.258.754%201.782c.42.499%201.03%201.049%201.767%201.711l1.737%201.564a.75.75%200%201%200%201.004-1.115l-1.697-1.527c-.788-.709-1.319-1.19-1.663-1.598c-.33-.393-.402-.622-.402-.817c0-.196.072-.425.402-.818c.344-.409.875-.889%201.663-1.598z%22%2F%3E%3Cpath%20d%3D%22M14.182%204.276a.75.75%200%200%201%20.53.918l-3.974%2014.83a.75.75%200%201%201-1.449-.389l3.974-14.83a.75.75%200%200%201%20.919-.53%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

Code duotone icon — Reicon · IconsDB