microsoftvisio logo
microsoftvisio from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- microsoftvisio
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the microsoftvisio logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24 7.609v9.556q0 .424-.302.726q-.303.303-.726.303h-5.19q-.072 1.149-.556 2.135t-1.264 1.717q-.78.732-1.803 1.15T12 23.613q-1.016 0-1.96-.35q-.943-.352-1.705-.969t-1.295-1.47t-.713-1.856H1.028q-.423 0-.726-.303Q0 18.363 0 17.94V7.609q0-.424.302-.726q.303-.302.726-.302h5.238q-.072-.182-.072-.387q0-.424.302-.726L11.274.69q.303-.303.726-.303t.726.303l4.778 4.778q.302.302.302.726q0 .205-.072.387h5.238q.423 0 .726.302q.302.302.302.726M12 2.153l-4.04 4.04l.387.388h3.012q.423 0 .726.302q.302.302.302.726v2.238l3.653-3.653zM7.161 16.84l3.085-8.13H8.238q-.508 1.489-1.028 2.952q-.52 1.464-1.004 2.964q-.496-1.488-.992-2.958T4.21 8.711H2.153L5.19 16.84zM12 22.065q.883 0 1.657-.333t1.355-.913t.913-1.355t.333-1.658q0-.81-.302-1.548q-.303-.738-.823-1.318t-1.228-.944q-.707-.363-1.518-.423v4.367q0 .423-.302.725q-.303.303-.726.303H7.923q.206.677.593 1.246q.387.568.92.98q.532.41 1.185.64t1.379.23zm10.452-5.42V8.13h-6.158q-.133.133-.441.454q-.309.32-.714.725q-.405.406-.847.853q-.441.448-.828.823t-.684.641q-.296.266-.393.302v.097q.968.036 1.845.411t1.578.998q.702.623 1.186 1.446t.677 1.766Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsMicrosoftvisio(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="M24 7.609v9.556q0 .424-.302.726q-.303.303-.726.303h-5.19q-.072 1.149-.556 2.135t-1.264 1.717q-.78.732-1.803 1.15T12 23.613q-1.016 0-1.96-.35q-.943-.352-1.705-.969t-1.295-1.47t-.713-1.856H1.028q-.423 0-.726-.303Q0 18.363 0 17.94V7.609q0-.424.302-.726q.303-.302.726-.302h5.238q-.072-.182-.072-.387q0-.424.302-.726L11.274.69q.303-.303.726-.303t.726.303l4.778 4.778q.302.302.302.726q0 .205-.072.387h5.238q.423 0 .726.302q.302.302.302.726M12 2.153l-4.04 4.04l.387.388h3.012q.423 0 .726.302q.302.302.302.726v2.238l3.653-3.653zM7.161 16.84l3.085-8.13H8.238q-.508 1.489-1.028 2.952q-.52 1.464-1.004 2.964q-.496-1.488-.992-2.958T4.21 8.711H2.153L5.19 16.84zM12 22.065q.883 0 1.657-.333t1.355-.913t.913-1.355t.333-1.658q0-.81-.302-1.548q-.303-.738-.823-1.318t-1.228-.944q-.707-.363-1.518-.423v4.367q0 .423-.302.725q-.303.303-.726.303H7.923q.206.677.593 1.246q.387.568.92.98q.532.41 1.185.64t1.379.23zm10.452-5.42V8.13h-6.158q-.133.133-.441.454q-.309.32-.714.725q-.405.406-.847.853q-.441.448-.828.823t-.684.641q-.296.266-.393.302v.097q.968.036 1.845.411t1.578.998q.702.623 1.186 1.446t.677 1.766Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M24 7.609v9.556q0 .424-.302.726q-.303.303-.726.303h-5.19q-.072 1.149-.556 2.135t-1.264 1.717q-.78.732-1.803 1.15T12 23.613q-1.016 0-1.96-.35q-.943-.352-1.705-.969t-1.295-1.47t-.713-1.856H1.028q-.423 0-.726-.303Q0 18.363 0 17.94V7.609q0-.424.302-.726q.303-.302.726-.302h5.238q-.072-.182-.072-.387q0-.424.302-.726L11.274.69q.303-.303.726-.303t.726.303l4.778 4.778q.302.302.302.726q0 .205-.072.387h5.238q.423 0 .726.302q.302.302.302.726M12 2.153l-4.04 4.04l.387.388h3.012q.423 0 .726.302q.302.302.302.726v2.238l3.653-3.653zM7.161 16.84l3.085-8.13H8.238q-.508 1.489-1.028 2.952q-.52 1.464-1.004 2.964q-.496-1.488-.992-2.958T4.21 8.711H2.153L5.19 16.84zM12 22.065q.883 0 1.657-.333t1.355-.913t.913-1.355t.333-1.658q0-.81-.302-1.548q-.303-.738-.823-1.318t-1.228-.944q-.707-.363-1.518-.423v4.367q0 .423-.302.725q-.303.303-.726.303H7.923q.206.677.593 1.246q.387.568.92.98q.532.41 1.185.64t1.379.23zm10.452-5.42V8.13h-6.158q-.133.133-.441.454q-.309.32-.714.725q-.405.406-.847.853q-.441.448-.828.823t-.684.641q-.296.266-.393.302v.097q.968.036 1.845.411t1.578.998q.702.623 1.186 1.446t.677 1.766Z"/></svg> </template>
CSS
.icon-microsoftvisio {
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%22M24%207.609v9.556q0%20.424-.302.726q-.303.303-.726.303h-5.19q-.072%201.149-.556%202.135t-1.264%201.717q-.78.732-1.803%201.15T12%2023.613q-1.016%200-1.96-.35q-.943-.352-1.705-.969t-1.295-1.47t-.713-1.856H1.028q-.423%200-.726-.303Q0%2018.363%200%2017.94V7.609q0-.424.302-.726q.303-.302.726-.302h5.238q-.072-.182-.072-.387q0-.424.302-.726L11.274.69q.303-.303.726-.303t.726.303l4.778%204.778q.302.302.302.726q0%20.205-.072.387h5.238q.423%200%20.726.302q.302.302.302.726M12%202.153l-4.04%204.04l.387.388h3.012q.423%200%20.726.302q.302.302.302.726v2.238l3.653-3.653zM7.161%2016.84l3.085-8.13H8.238q-.508%201.489-1.028%202.952q-.52%201.464-1.004%202.964q-.496-1.488-.992-2.958T4.21%208.711H2.153L5.19%2016.84zM12%2022.065q.883%200%201.657-.333t1.355-.913t.913-1.355t.333-1.658q0-.81-.302-1.548q-.303-.738-.823-1.318t-1.228-.944q-.707-.363-1.518-.423v4.367q0%20.423-.302.725q-.303.303-.726.303H7.923q.206.677.593%201.246q.387.568.92.98q.532.41%201.185.64t1.379.23zm10.452-5.42V8.13h-6.158q-.133.133-.441.454q-.309.32-.714.725q-.405.406-.847.853q-.441.448-.828.823t-.684.641q-.296.266-.393.302v.097q.968.036%201.845.411t1.578.998q.702.623%201.186%201.446t.677%201.766Z%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%22M24%207.609v9.556q0%20.424-.302.726q-.303.303-.726.303h-5.19q-.072%201.149-.556%202.135t-1.264%201.717q-.78.732-1.803%201.15T12%2023.613q-1.016%200-1.96-.35q-.943-.352-1.705-.969t-1.295-1.47t-.713-1.856H1.028q-.423%200-.726-.303Q0%2018.363%200%2017.94V7.609q0-.424.302-.726q.303-.302.726-.302h5.238q-.072-.182-.072-.387q0-.424.302-.726L11.274.69q.303-.303.726-.303t.726.303l4.778%204.778q.302.302.302.726q0%20.205-.072.387h5.238q.423%200%20.726.302q.302.302.302.726M12%202.153l-4.04%204.04l.387.388h3.012q.423%200%20.726.302q.302.302.302.726v2.238l3.653-3.653zM7.161%2016.84l3.085-8.13H8.238q-.508%201.489-1.028%202.952q-.52%201.464-1.004%202.964q-.496-1.488-.992-2.958T4.21%208.711H2.153L5.19%2016.84zM12%2022.065q.883%200%201.657-.333t1.355-.913t.913-1.355t.333-1.658q0-.81-.302-1.548q-.303-.738-.823-1.318t-1.228-.944q-.707-.363-1.518-.423v4.367q0%20.423-.302.725q-.303.303-.726.303H7.923q.206.677.593%201.246q.387.568.92.98q.532.41%201.185.64t1.379.23zm10.452-5.42V8.13h-6.158q-.133.133-.441.454q-.309.32-.714.725q-.405.406-.847.853q-.441.448-.828.823t-.684.641q-.296.266-.393.302v.097q.968.036%201.845.411t1.578.998q.702.623%201.186%201.446t.677%201.766Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/microsoftvisio.svg?color=%231a73e8&size=48
