ndi logo
ndi from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- ndi
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the ndi logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 6.78v10.438h2.565V12.81c0-.275.165-.47.43-.47c.221 0 .371.124.624.511l2.756 4.368h2.798V6.781H6.61v4.465c0 .275-.166.47-.43.47c-.222 0-.373-.123-.625-.511L2.798 6.78Zm9.798 0v10.438h4.127c2.982 0 5.393-2.35 5.393-5.226s-2.425-5.211-5.39-5.211zm10.077 0v10.438h2.564V6.781Zm-7.177 2.35h1.066c1.69 0 2.922 1.216 2.922 2.846c0 1.673-1.231 2.89-2.922 2.89h-1.066a.336.336 0 0 1-.335-.336V9.466c0-.185.15-.336.335-.336m10.792 7.068a.513.513 0 0 0-.528.509c0 .286.23.511.528.511a.51.51 0 1 0 0-1.02m0 .082c.24 0 .43.185.43.426c0 .24-.19.425-.43.425a.423.423 0 0 1-.43-.425a.42.42 0 0 1 .43-.426m-.17.155v.545h.1v-.222l.177.222h.112l-.14-.173a.06.06 0 0 1-.01-.034q-.002-.028.03-.033h.004a.15.15 0 0 0 .113-.143c0-.095-.08-.162-.188-.162zm.1.086h.094c.053 0 .09.03.09.08c0 .048-.034.075-.09.075h-.094z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsNdi(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="M0 6.78v10.438h2.565V12.81c0-.275.165-.47.43-.47c.221 0 .371.124.624.511l2.756 4.368h2.798V6.781H6.61v4.465c0 .275-.166.47-.43.47c-.222 0-.373-.123-.625-.511L2.798 6.78Zm9.798 0v10.438h4.127c2.982 0 5.393-2.35 5.393-5.226s-2.425-5.211-5.39-5.211zm10.077 0v10.438h2.564V6.781Zm-7.177 2.35h1.066c1.69 0 2.922 1.216 2.922 2.846c0 1.673-1.231 2.89-2.922 2.89h-1.066a.336.336 0 0 1-.335-.336V9.466c0-.185.15-.336.335-.336m10.792 7.068a.513.513 0 0 0-.528.509c0 .286.23.511.528.511a.51.51 0 1 0 0-1.02m0 .082c.24 0 .43.185.43.426c0 .24-.19.425-.43.425a.423.423 0 0 1-.43-.425a.42.42 0 0 1 .43-.426m-.17.155v.545h.1v-.222l.177.222h.112l-.14-.173a.06.06 0 0 1-.01-.034q-.002-.028.03-.033h.004a.15.15 0 0 0 .113-.143c0-.095-.08-.162-.188-.162zm.1.086h.094c.053 0 .09.03.09.08c0 .048-.034.075-.09.075h-.094z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M0 6.78v10.438h2.565V12.81c0-.275.165-.47.43-.47c.221 0 .371.124.624.511l2.756 4.368h2.798V6.781H6.61v4.465c0 .275-.166.47-.43.47c-.222 0-.373-.123-.625-.511L2.798 6.78Zm9.798 0v10.438h4.127c2.982 0 5.393-2.35 5.393-5.226s-2.425-5.211-5.39-5.211zm10.077 0v10.438h2.564V6.781Zm-7.177 2.35h1.066c1.69 0 2.922 1.216 2.922 2.846c0 1.673-1.231 2.89-2.922 2.89h-1.066a.336.336 0 0 1-.335-.336V9.466c0-.185.15-.336.335-.336m10.792 7.068a.513.513 0 0 0-.528.509c0 .286.23.511.528.511a.51.51 0 1 0 0-1.02m0 .082c.24 0 .43.185.43.426c0 .24-.19.425-.43.425a.423.423 0 0 1-.43-.425a.42.42 0 0 1 .43-.426m-.17.155v.545h.1v-.222l.177.222h.112l-.14-.173a.06.06 0 0 1-.01-.034q-.002-.028.03-.033h.004a.15.15 0 0 0 .113-.143c0-.095-.08-.162-.188-.162zm.1.086h.094c.053 0 .09.03.09.08c0 .048-.034.075-.09.075h-.094z"/></svg> </template>
CSS
.icon-ndi {
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%22M0%206.78v10.438h2.565V12.81c0-.275.165-.47.43-.47c.221%200%20.371.124.624.511l2.756%204.368h2.798V6.781H6.61v4.465c0%20.275-.166.47-.43.47c-.222%200-.373-.123-.625-.511L2.798%206.78Zm9.798%200v10.438h4.127c2.982%200%205.393-2.35%205.393-5.226s-2.425-5.211-5.39-5.211zm10.077%200v10.438h2.564V6.781Zm-7.177%202.35h1.066c1.69%200%202.922%201.216%202.922%202.846c0%201.673-1.231%202.89-2.922%202.89h-1.066a.336.336%200%200%201-.335-.336V9.466c0-.185.15-.336.335-.336m10.792%207.068a.513.513%200%200%200-.528.509c0%20.286.23.511.528.511a.51.51%200%201%200%200-1.02m0%20.082c.24%200%20.43.185.43.426c0%20.24-.19.425-.43.425a.423.423%200%200%201-.43-.425a.42.42%200%200%201%20.43-.426m-.17.155v.545h.1v-.222l.177.222h.112l-.14-.173a.06.06%200%200%201-.01-.034q-.002-.028.03-.033h.004a.15.15%200%200%200%20.113-.143c0-.095-.08-.162-.188-.162zm.1.086h.094c.053%200%20.09.03.09.08c0%20.048-.034.075-.09.075h-.094z%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%22M0%206.78v10.438h2.565V12.81c0-.275.165-.47.43-.47c.221%200%20.371.124.624.511l2.756%204.368h2.798V6.781H6.61v4.465c0%20.275-.166.47-.43.47c-.222%200-.373-.123-.625-.511L2.798%206.78Zm9.798%200v10.438h4.127c2.982%200%205.393-2.35%205.393-5.226s-2.425-5.211-5.39-5.211zm10.077%200v10.438h2.564V6.781Zm-7.177%202.35h1.066c1.69%200%202.922%201.216%202.922%202.846c0%201.673-1.231%202.89-2.922%202.89h-1.066a.336.336%200%200%201-.335-.336V9.466c0-.185.15-.336.335-.336m10.792%207.068a.513.513%200%200%200-.528.509c0%20.286.23.511.528.511a.51.51%200%201%200%200-1.02m0%20.082c.24%200%20.43.185.43.426c0%20.24-.19.425-.43.425a.423.423%200%200%201-.43-.425a.42.42%200%200%201%20.43-.426m-.17.155v.545h.1v-.222l.177.222h.112l-.14-.173a.06.06%200%200%201-.01-.034q-.002-.028.03-.033h.004a.15.15%200%200%200%20.113-.143c0-.095-.08-.162-.188-.162zm.1.086h.094c.053%200%20.09.03.09.08c0%20.048-.034.075-.09.075h-.094z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/ndi.svg?color=%231a73e8&size=48
