¿Puedo agregar formas personalizadas a draw.io?

Me gusta la gran variedad de formas disponibles (General, Flechas, Eléctrico, etc.) pero necesito algunos símbolos eléctricos más. ¿Puedo agregar formas personalizadas de alguna manera?

En Archivo-> Nueva biblioteca, obtendrá un cuadro de diálogo que le permite arrastrar imágenes y SVG a él. También puede agregar imágenes / SVG utilizando el selector de sistema de archivos y por URL (los botones en la parte inferior del cuadro de diálogo).

Una vez que haya agregado sus formas personalizadas, asigne a la biblioteca un nombre de archivo y presione guardar. Esto guardará la biblioteca como un archivo de biblioteca en el almacenamiento seleccionado y agregará la biblioteca a las secciones en el lado izquierdo. Usando los iconos sobre la biblioteca, puede editarlo nuevamente o eliminarlo de su barra lateral. Las formas en esa biblioteca se comportarán como cualquier otra biblioteca.

Las bibliotecas personalizadas persisten en su barra lateral por navegador, si desea agregarlas a otro navegador use Archivo-> Abrir biblioteca para agregar nuevamente. Al actualizar, la biblioteca permanecerá en su lugar, solo la eliminará específicamente de la barra lateral utilizando el icono de cruz.

Hay un video un poco antiguo sobre formas personalizadas con Google Drive en YouTube .

Puedes crear tus propias formas. Para esto ve a Extras > Create shape. Requiere algunos detalles de forma con formato XML como vemos en SVG pero diferente. Puede consultar sus documentos oficiales para comprender los diferentes componentes.

Ejemplo

<shape aspect="variable" h="24" name="share2" strokewidth="inherit" w="24">
  <connections/>
  <foreground>
    <strokewidth width="0.5"/>
    <path>
      <move x="12" y="0"/>
      <line x="24" y="12"/>
      <line x="12" y="24"/>
      <line x="0" y="12"/>
      <close/>
      <close/>
      <move x="10" y="16"/>
      <line x="10" y="12"/>
      <line x="15" y="12"/>
      <line x="15" y="14"/>
      <line x="18" y="11"/>
      <line x="15" y="8"/>
      <line x="15" y="10"/>
      <line x="8" y="10"/>
      <line x="8" y="16"/>
      <close/>
    </path>
    <fillstroke/>
  </foreground>
</shape>

El código anterior se puede usar para crear la siguiente forma.

Puede cambiar el estilo desde el panel lateral derecho.

Estaba buscando lo mismo

Solo agrego la información más reciente:

https://www.youtube.com/watch?v=2jqTaZLuwkw