prosemirror logo

prosemirror from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
prosemirror
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the prosemirror logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.47 10.47c0 2.831-1.123 5.4-2.948 7.284c.659 1.65 1.139 3.287 2.179 6.246c-2.687-1.972-4.4-2.744-5.883-3.546h.001c-1.008-.545-1.917-1.106-2.946-2.07c-1.02-.954-2.193-2.225-2.787-3.393c1.45 3.263 4.86 5.53 4.86 5.53l.003-.001a10.5 10.5 0 0 1-2.949.42c-5.783 0-10.47-4.688-10.47-10.47S6.217 0 12 0s10.47 4.688 10.47 10.47M12 1.53a8.94 8.94 0 0 0-8.941 8.94a8.94 8.94 0 0 0 7.517 8.827a6.5 6.5 0 0 1-1.532-.748c-3.131-2.145-2.67-6.929-2.66-9.71c.011-2.916 2.629-4.702 5.123-4.65c2.987.05 5.153 2.216 4.917 5.122a49 49 0 0 0-.143 2.49c.337.352.659.78.954 1.308a48 48 0 0 1 1.619 3.103A8.941 8.941 0 0 0 12 1.53m.39 10.224c4.065-.01 4.024-5.071 1.653-5.092c-1.047-.02-1.54.934-1.54.934s-.41-1.19-1.848-1.18c-3.08.02-2.956 5.348 1.735 5.338m.164-2.207c1.109 0 .206 1.53-.061 2.145c-.185-.862-1.047-2.145.061-2.145m-.626-.483c0 .585-.472 1.047-1.047 1.047a1.045 1.045 0 0 1-1.047-1.047c0-.585.472-1.047 1.047-1.047c.585 0 1.047.472 1.047 1.047m2.987-.01c0 .585-.41 1.047-.903 1.047c-.503 0-.903-.472-.903-1.047c0-.585.41-1.047.903-1.047c.503 0 .903.472.903 1.047"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsProsemirror(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.47 10.47c0 2.831-1.123 5.4-2.948 7.284c.659 1.65 1.139 3.287 2.179 6.246c-2.687-1.972-4.4-2.744-5.883-3.546h.001c-1.008-.545-1.917-1.106-2.946-2.07c-1.02-.954-2.193-2.225-2.787-3.393c1.45 3.263 4.86 5.53 4.86 5.53l.003-.001a10.5 10.5 0 0 1-2.949.42c-5.783 0-10.47-4.688-10.47-10.47S6.217 0 12 0s10.47 4.688 10.47 10.47M12 1.53a8.94 8.94 0 0 0-8.941 8.94a8.94 8.94 0 0 0 7.517 8.827a6.5 6.5 0 0 1-1.532-.748c-3.131-2.145-2.67-6.929-2.66-9.71c.011-2.916 2.629-4.702 5.123-4.65c2.987.05 5.153 2.216 4.917 5.122a49 49 0 0 0-.143 2.49c.337.352.659.78.954 1.308a48 48 0 0 1 1.619 3.103A8.941 8.941 0 0 0 12 1.53m.39 10.224c4.065-.01 4.024-5.071 1.653-5.092c-1.047-.02-1.54.934-1.54.934s-.41-1.19-1.848-1.18c-3.08.02-2.956 5.348 1.735 5.338m.164-2.207c1.109 0 .206 1.53-.061 2.145c-.185-.862-1.047-2.145.061-2.145m-.626-.483c0 .585-.472 1.047-1.047 1.047a1.045 1.045 0 0 1-1.047-1.047c0-.585.472-1.047 1.047-1.047c.585 0 1.047.472 1.047 1.047m2.987-.01c0 .585-.41 1.047-.903 1.047c-.503 0-.903-.472-.903-1.047c0-.585.41-1.047.903-1.047c.503 0 .903.472.903 1.047"/></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.47 10.47c0 2.831-1.123 5.4-2.948 7.284c.659 1.65 1.139 3.287 2.179 6.246c-2.687-1.972-4.4-2.744-5.883-3.546h.001c-1.008-.545-1.917-1.106-2.946-2.07c-1.02-.954-2.193-2.225-2.787-3.393c1.45 3.263 4.86 5.53 4.86 5.53l.003-.001a10.5 10.5 0 0 1-2.949.42c-5.783 0-10.47-4.688-10.47-10.47S6.217 0 12 0s10.47 4.688 10.47 10.47M12 1.53a8.94 8.94 0 0 0-8.941 8.94a8.94 8.94 0 0 0 7.517 8.827a6.5 6.5 0 0 1-1.532-.748c-3.131-2.145-2.67-6.929-2.66-9.71c.011-2.916 2.629-4.702 5.123-4.65c2.987.05 5.153 2.216 4.917 5.122a49 49 0 0 0-.143 2.49c.337.352.659.78.954 1.308a48 48 0 0 1 1.619 3.103A8.941 8.941 0 0 0 12 1.53m.39 10.224c4.065-.01 4.024-5.071 1.653-5.092c-1.047-.02-1.54.934-1.54.934s-.41-1.19-1.848-1.18c-3.08.02-2.956 5.348 1.735 5.338m.164-2.207c1.109 0 .206 1.53-.061 2.145c-.185-.862-1.047-2.145.061-2.145m-.626-.483c0 .585-.472 1.047-1.047 1.047a1.045 1.045 0 0 1-1.047-1.047c0-.585.472-1.047 1.047-1.047c.585 0 1.047.472 1.047 1.047m2.987-.01c0 .585-.41 1.047-.903 1.047c-.503 0-.903-.472-.903-1.047c0-.585.41-1.047.903-1.047c.503 0 .903.472.903 1.047"/></svg>
</template>

CSS

.icon-prosemirror {
  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.47%2010.47c0%202.831-1.123%205.4-2.948%207.284c.659%201.65%201.139%203.287%202.179%206.246c-2.687-1.972-4.4-2.744-5.883-3.546h.001c-1.008-.545-1.917-1.106-2.946-2.07c-1.02-.954-2.193-2.225-2.787-3.393c1.45%203.263%204.86%205.53%204.86%205.53l.003-.001a10.5%2010.5%200%200%201-2.949.42c-5.783%200-10.47-4.688-10.47-10.47S6.217%200%2012%200s10.47%204.688%2010.47%2010.47M12%201.53a8.94%208.94%200%200%200-8.941%208.94a8.94%208.94%200%200%200%207.517%208.827a6.5%206.5%200%200%201-1.532-.748c-3.131-2.145-2.67-6.929-2.66-9.71c.011-2.916%202.629-4.702%205.123-4.65c2.987.05%205.153%202.216%204.917%205.122a49%2049%200%200%200-.143%202.49c.337.352.659.78.954%201.308a48%2048%200%200%201%201.619%203.103A8.941%208.941%200%200%200%2012%201.53m.39%2010.224c4.065-.01%204.024-5.071%201.653-5.092c-1.047-.02-1.54.934-1.54.934s-.41-1.19-1.848-1.18c-3.08.02-2.956%205.348%201.735%205.338m.164-2.207c1.109%200%20.206%201.53-.061%202.145c-.185-.862-1.047-2.145.061-2.145m-.626-.483c0%20.585-.472%201.047-1.047%201.047a1.045%201.045%200%200%201-1.047-1.047c0-.585.472-1.047%201.047-1.047c.585%200%201.047.472%201.047%201.047m2.987-.01c0%20.585-.41%201.047-.903%201.047c-.503%200-.903-.472-.903-1.047c0-.585.41-1.047.903-1.047c.503%200%20.903.472.903%201.047%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.47%2010.47c0%202.831-1.123%205.4-2.948%207.284c.659%201.65%201.139%203.287%202.179%206.246c-2.687-1.972-4.4-2.744-5.883-3.546h.001c-1.008-.545-1.917-1.106-2.946-2.07c-1.02-.954-2.193-2.225-2.787-3.393c1.45%203.263%204.86%205.53%204.86%205.53l.003-.001a10.5%2010.5%200%200%201-2.949.42c-5.783%200-10.47-4.688-10.47-10.47S6.217%200%2012%200s10.47%204.688%2010.47%2010.47M12%201.53a8.94%208.94%200%200%200-8.941%208.94a8.94%208.94%200%200%200%207.517%208.827a6.5%206.5%200%200%201-1.532-.748c-3.131-2.145-2.67-6.929-2.66-9.71c.011-2.916%202.629-4.702%205.123-4.65c2.987.05%205.153%202.216%204.917%205.122a49%2049%200%200%200-.143%202.49c.337.352.659.78.954%201.308a48%2048%200%200%201%201.619%203.103A8.941%208.941%200%200%200%2012%201.53m.39%2010.224c4.065-.01%204.024-5.071%201.653-5.092c-1.047-.02-1.54.934-1.54.934s-.41-1.19-1.848-1.18c-3.08.02-2.956%205.348%201.735%205.338m.164-2.207c1.109%200%20.206%201.53-.061%202.145c-.185-.862-1.047-2.145.061-2.145m-.626-.483c0%20.585-.472%201.047-1.047%201.047a1.045%201.045%200%200%201-1.047-1.047c0-.585.472-1.047%201.047-1.047c.585%200%201.047.472%201.047%201.047m2.987-.01c0%20.585-.41%201.047-.903%201.047c-.503%200-.903-.472-.903-1.047c0-.585.41-1.047.903-1.047c.503%200%20.903.472.903%201.047%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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