markdown icon

markdown-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.

Name
markdown-24
Set
Octicons
Style
24
Viewbox
24×24
License
MIT

1 other variant in Octicons

markdown-16

The same icon in other sets

markdownBootstrap IconsmarkdownBoxicons BrandsmarkdownCatppuccin IconsmarkdownCoreUI BrandsmarkdownCodiconsmarkdownDeviconmarkdownFont Awesome 6 BrandsmarkdownFont Awesome Brandsmarkdown-16-filledFluent UI System IconsmarkdownLine AwesomemarkdownSVG LogosmarkdownMaterial Icon ThememarkdownMaterial SymbolsmarkdownMaterial Symbols Lightmarkdown-fillMingCute IconmarkdownOpenMojimarkdown-fillRemix IconmarkdownSimple Iconsmarkdown-darkSkill IconsmarkdownTabler Iconsmarkdown-outlineTeenyicons

Use the markdown icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.289 4.5A1.71 1.71 0 0 1 24 6.226v11.557c0 .946-.766 1.726-1.726 1.726H1.726A1.74 1.74 0 0 1 0 17.768V6.226C0 5.28.78 4.5 1.726 4.5Zm-8.781 12.007V7.501h-3.002l-2.251 3.002l-2.252-3.002H3.002v9.006h3.001v-4.503l2.252 2.882l2.251-2.882v4.503Zm4.489.75l3.767-5.253h-2.251V7.501h-3.002v4.503h-2.252Z"/></svg>

React

import type { SVGProps } from "react";

export function OcticonMarkdown24(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="M22.289 4.5A1.71 1.71 0 0 1 24 6.226v11.557c0 .946-.766 1.726-1.726 1.726H1.726A1.74 1.74 0 0 1 0 17.768V6.226C0 5.28.78 4.5 1.726 4.5Zm-8.781 12.007V7.501h-3.002l-2.251 3.002l-2.252-3.002H3.002v9.006h3.001v-4.503l2.252 2.882l2.251-2.882v4.503Zm4.489.75l3.767-5.253h-2.251V7.501h-3.002v4.503h-2.252Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.289 4.5A1.71 1.71 0 0 1 24 6.226v11.557c0 .946-.766 1.726-1.726 1.726H1.726A1.74 1.74 0 0 1 0 17.768V6.226C0 5.28.78 4.5 1.726 4.5Zm-8.781 12.007V7.501h-3.002l-2.251 3.002l-2.252-3.002H3.002v9.006h3.001v-4.503l2.252 2.882l2.251-2.882v4.503Zm4.489.75l3.767-5.253h-2.251V7.501h-3.002v4.503h-2.252Z"/></svg>
</template>

CSS

.icon-markdown-24 {
  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%22M22.289%204.5A1.71%201.71%200%200%201%2024%206.226v11.557c0%20.946-.766%201.726-1.726%201.726H1.726A1.74%201.74%200%200%201%200%2017.768V6.226C0%205.28.78%204.5%201.726%204.5Zm-8.781%2012.007V7.501h-3.002l-2.251%203.002l-2.252-3.002H3.002v9.006h3.001v-4.503l2.252%202.882l2.251-2.882v4.503Zm4.489.75l3.767-5.253h-2.251V7.501h-3.002v4.503h-2.252Z%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%22M22.289%204.5A1.71%201.71%200%200%201%2024%206.226v11.557c0%20.946-.766%201.726-1.726%201.726H1.726A1.74%201.74%200%200%201%200%2017.768V6.226C0%205.28.78%204.5%201.726%204.5Zm-8.781%2012.007V7.501h-3.002l-2.251%203.002l-2.252-3.002H3.002v9.006h3.001v-4.503l2.252%202.882l2.251-2.882v4.503Zm4.489.75l3.767-5.253h-2.251V7.501h-3.002v4.503h-2.252Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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