Home/Libraries/SVG Logos (Iconify)/nightwatch

SVG Logos (Iconify)

Nightwatch

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 272"><path fill="#818cf8" d="m5.303 184.602l49.275 49.275H256v7.498H54.576L24.05 271.898l-5.303-5.299l28.975-28.972L0 189.905z"/><ellipse cx="145.135" cy="141.718" fill="#818cf8" rx="101.677" ry="87.283"/><path fill="#818cf8" d="M145.132 0c13.212 0 25.713 4.266 36.839 11.87L213.175.387c3.004-1.108 6.12 1.23 5.97 4.374l-.023.297l-5.068 45.195c9.587 19.144 15.213 42.464 15.213 67.626c0 65.096-37.668 117.87-84.133 117.87s-84.13-52.774-84.13-117.87c0-24.456 5.315-47.173 14.414-66.005l-5.26-46.816c-.364-3.292 2.852-5.814 5.956-4.67l31.84 11.718C119.163 4.355 131.783 0 145.131 0"/><path fill="#818cf8" d="M178.35 33.07c21.674-.003 39.238 20.012 39.238 44.7c0 24.222-16.911 43.943-38.022 44.675c14.646 9.916 24.166 25.993 24.166 44.14c0 30.12-26.236 54.54-58.6 54.54c-32.363 0-58.597-24.42-58.597-54.54c0-18.137 9.509-34.207 24.139-44.124l-.802-.018c-21.069-.779-37.94-20.481-37.94-44.672c0-24.685 17.567-44.696 39.235-44.696c14.247 0 26.721 8.652 33.594 21.595c6.871-12.947 19.345-21.6 33.59-21.6m-33.59 67.802c-2.42 4.559-5.535 8.585-9.178 11.888a63 63 0 0 1 9.55-.722c2.945 0 5.84.202 8.67.593c-3.585-3.277-6.652-7.258-9.042-11.759"/><path fill="#818cf8" d="M141.912 93.002a8.96 8.96 0 0 1 6.736.07c6.84 2.845 11.737 6.34 16.041 11.422c1.426 1.687 1.511 4.119.338 5.987c-4.483 7.145-9.916 12.516-16.844 17.842a4.74 4.74 0 0 1-5.764 0c-6.928-5.324-12.362-10.697-16.847-17.842c-1.163-1.851-1.061-4.256.35-5.927c4.47-5.28 8.832-8.735 15.99-11.552"/><path fill="#818cf8" d="M141.238 138.933a7.84 7.84 0 0 1-7.839 7.844a7.844 7.844 0 0 1-7.846-7.844zm23.827 0a7.843 7.843 0 0 1-7.844 7.844a7.843 7.843 0 0 1-7.844-7.844zm-35.737 15.634a7.84 7.84 0 0 1-7.846 7.844a7.84 7.84 0 0 1-7.842-7.844zm23.822 0a7.84 7.84 0 0 1-7.84 7.844a7.844 7.844 0 0 1-7.847-7.844zm23.829 0a7.843 7.843 0 0 1-7.845 7.844a7.84 7.84 0 0 1-7.842-7.844zm-59.566 15.291a7.84 7.84 0 0 1-7.843 7.844a7.837 7.837 0 0 1-7.84-7.844zm23.825 0a7.837 7.837 0 0 1-7.839 7.844a7.84 7.84 0 0 1-7.846-7.844zm23.827 0a7.84 7.84 0 0 1-7.844 7.844a7.84 7.84 0 0 1-7.844-7.844zm23.822 0a7.837 7.837 0 0 1-7.84 7.844a7.84 7.84 0 0 1-7.845-7.844zm-59.559 15.637a7.84 7.84 0 0 1-7.846 7.844a7.84 7.84 0 0 1-7.842-7.844zm23.822 0a7.84 7.84 0 0 1-7.84 7.844a7.844 7.844 0 0 1-7.847-7.844zm23.829 0a7.843 7.843 0 0 1-7.845 7.844a7.84 7.84 0 0 1-7.842-7.844zm-35.741 15.292a7.84 7.84 0 0 1-7.839 7.844a7.84 7.84 0 0 1-7.846-7.844zm23.827 0a7.84 7.84 0 0 1-7.844 7.844a7.84 7.84 0 0 1-7.844-7.844z"/><path fill="#818cf8" d="M116.29 95.596c12.609 0 22.83-10.221 22.83-22.83s-10.221-22.83-22.83-22.83s-22.83 10.222-22.83 22.83c0 12.609 10.222 22.83 22.83 22.83m55.856.003c12.61 0 22.833-10.222 22.833-22.833s-10.223-22.833-22.833-22.833s-22.833 10.223-22.833 22.833S159.535 95.6 172.146 95.6"/><path d="M116.29 87.05c7.89 0 14.285-6.395 14.285-14.284s-6.395-14.284-14.285-14.284c-7.889 0-14.284 6.395-14.284 14.284s6.395 14.285 14.284 14.285m55.856 0c7.89 0 14.285-6.395 14.285-14.284s-6.396-14.284-14.285-14.284s-14.285 6.395-14.285 14.284s6.396 14.285 14.285 14.285"/><path fill="#818cf8" d="M119.888 72.764a5.286 5.286 0 1 0 0-10.572a5.286 5.286 0 0 0 0 10.572m55.855.002a5.288 5.288 0 1 0 0-10.576a5.288 5.288 0 0 0 0 10.576"/><path fill="#818cf8" d="M192.521 235.774c0 6.019-3.325 10.897-7.413 10.897c-4.098 0-7.42-4.878-7.42-10.897c0 6.019-3.322 10.897-7.42 10.897c-4.094 0-7.419-4.878-7.419-10.897c0 6.019-3.318 10.897-7.417 10.897c-4.092 0-7.415-4.878-7.415-10.897c0-8.51 9.931-15.401 22.185-15.401c12.25 0 22.183 6.892 22.183 15.4zm-50.603 0c0 6.019-3.323 10.897-7.417 10.897c-4.096 0-7.42-4.878-7.42-10.897c0 6.019-3.317 10.897-7.416 10.897c-4.096 0-7.412-4.878-7.412-10.897c0 6.019-3.325 10.897-7.42 10.897s-7.416-4.878-7.416-10.897c0-8.51 9.932-15.401 22.183-15.401c12.254 0 22.191 6.892 22.191 15.4z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. NightwatchIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.