markdown logo

markdown from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
markdown
Set
SVG Logos
Style
Color
Viewbox
256×158
License
CC0

The same logo in other sets

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

Use the markdown logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 158"><path d="M238.371 157.892H18.395C8.431 157.892 0 149.462 0 139.497V18.395C0 8.431 8.431 0 18.395 0h219.21C247.569 0 256 8.431 256 18.395v121.102c0 9.964-7.665 18.395-17.629 18.395M18.395 12.263c-3.066 0-6.132 3.066-6.132 6.132v121.102c0 3.832 3.066 6.132 6.132 6.132h219.21c3.832 0 6.132-3.066 6.132-6.132V18.395c0-3.832-3.066-6.132-6.132-6.132zM36.79 121.102V36.79h24.527l24.527 30.66l24.527-30.66h24.527v84.312h-24.527V72.814l-24.527 30.66l-24.527-30.66v48.288zm154.06 0l-36.79-40.623h24.527V36.79h24.527v42.923h24.527z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMarkdown(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 158"><path d="M238.371 157.892H18.395C8.431 157.892 0 149.462 0 139.497V18.395C0 8.431 8.431 0 18.395 0h219.21C247.569 0 256 8.431 256 18.395v121.102c0 9.964-7.665 18.395-17.629 18.395M18.395 12.263c-3.066 0-6.132 3.066-6.132 6.132v121.102c0 3.832 3.066 6.132 6.132 6.132h219.21c3.832 0 6.132-3.066 6.132-6.132V18.395c0-3.832-3.066-6.132-6.132-6.132zM36.79 121.102V36.79h24.527l24.527 30.66l24.527-30.66h24.527v84.312h-24.527V72.814l-24.527 30.66l-24.527-30.66v48.288zm154.06 0l-36.79-40.623h24.527V36.79h24.527v42.923h24.527z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 158"><path d="M238.371 157.892H18.395C8.431 157.892 0 149.462 0 139.497V18.395C0 8.431 8.431 0 18.395 0h219.21C247.569 0 256 8.431 256 18.395v121.102c0 9.964-7.665 18.395-17.629 18.395M18.395 12.263c-3.066 0-6.132 3.066-6.132 6.132v121.102c0 3.832 3.066 6.132 6.132 6.132h219.21c3.832 0 6.132-3.066 6.132-6.132V18.395c0-3.832-3.066-6.132-6.132-6.132zM36.79 121.102V36.79h24.527l24.527 30.66l24.527-30.66h24.527v84.312h-24.527V72.814l-24.527 30.66l-24.527-30.66v48.288zm154.06 0l-36.79-40.623h24.527V36.79h24.527v42.923h24.527z"/></svg>
</template>

CSS

.icon-markdown {
  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%20256%20158%22%3E%3Cpath%20d%3D%22M238.371%20157.892H18.395C8.431%20157.892%200%20149.462%200%20139.497V18.395C0%208.431%208.431%200%2018.395%200h219.21C247.569%200%20256%208.431%20256%2018.395v121.102c0%209.964-7.665%2018.395-17.629%2018.395M18.395%2012.263c-3.066%200-6.132%203.066-6.132%206.132v121.102c0%203.832%203.066%206.132%206.132%206.132h219.21c3.832%200%206.132-3.066%206.132-6.132V18.395c0-3.832-3.066-6.132-6.132-6.132zM36.79%20121.102V36.79h24.527l24.527%2030.66l24.527-30.66h24.527v84.312h-24.527V72.814l-24.527%2030.66l-24.527-30.66v48.288zm154.06%200l-36.79-40.623h24.527V36.79h24.527v42.923h24.527z%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%20256%20158%22%3E%3Cpath%20d%3D%22M238.371%20157.892H18.395C8.431%20157.892%200%20149.462%200%20139.497V18.395C0%208.431%208.431%200%2018.395%200h219.21C247.569%200%20256%208.431%20256%2018.395v121.102c0%209.964-7.665%2018.395-17.629%2018.395M18.395%2012.263c-3.066%200-6.132%203.066-6.132%206.132v121.102c0%203.832%203.066%206.132%206.132%206.132h219.21c3.832%200%206.132-3.066%206.132-6.132V18.395c0-3.832-3.066-6.132-6.132-6.132zM36.79%20121.102V36.79h24.527l24.527%2030.66l24.527-30.66h24.527v84.312h-24.527V72.814l-24.527%2030.66l-24.527-30.66v48.288zm154.06%200l-36.79-40.623h24.527V36.79h24.527v42.923h24.527z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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