Home/Libraries/Devicon (Iconify)/shotgrid

Devicon (Iconify)

Shotgrid

License: MITCommercial 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 128 128"><circle cx="64" cy="64" r="62"/><path fill="#818cf8" d="m36 70.7l-15.4 1.5c.9 3.9 2.9 7 6.1 9.2c3.1 2.1 8.4 3.2 15.9 3.2c5.2 0 9.4-.7 12.5-2c3-1.3 5.3-3.1 6.7-5.4s2.1-4.6 2.1-7s-.7-4.5-2-6.5s-3.3-3.5-5.8-4.6s-6.4-1.9-11.6-2.5c-3.4-.4-5.6-.9-6.7-1.4c-1-.5-1.5-1.3-1.5-2.3c0-.9.4-1.7 1.2-2.3q1.2-.9 3.9-.9c1.7 0 3.2.4 4.4 1.2c.9.6 1.5 1.6 1.9 2.9l14.8-1.5c-1-2.7-2.3-4.8-3.9-6.4c-1.5-1.6-3.5-2.8-5.8-3.5c-2.3-.8-5.9-1.1-10.8-1.1c-4.6 0-8.3.5-11 1.5s-4.9 2.4-6.4 4.4c-1.6 2-2.3 4.3-2.3 7c0 2.5.7 4.7 2.2 6.7c1.4 2 3.2 3.3 5.3 4.1s5.9 1.7 11.3 2.7c3.6.6 5.9 1.2 6.7 1.6c1.2.6 1.7 1.5 1.7 2.7c0 1-.4 1.9-1.3 2.5c-1.2.9-2.8 1.4-4.9 1.4c-1.9 0-3.4-.4-4.6-1.2s-2.1-2.1-2.7-4m31.1-8.2c0-12.3 9.7-22.2 23.2-22.2c6.3 0 11 1.5 13.9 2.8l.2.1v10.6l-.6-.3c-2.7-1.2-6.8-2.8-12.6-2.8c-4 0-7.1 1.4-9.2 3.5s-3.2 5-3.2 8.1c0 6.3 4.4 11.7 11.8 11.7c1.4 0 2.9-.2 4-.4V62.8h11.2v18.5l-.2.1c-4.1 2-9.7 3.2-15 3.2c-13.9.1-23.5-9.6-23.5-22.1"/></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. ShotgridIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.