Home/Libraries/Font-GIS (Iconify)/intersection

Font-GIS (Iconify)

Intersection

License: CC-BY-4.0

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 100 100"><path fill="#818cf8" d="m66.076 10.865l-.144 4.996c3.075.09 6.141.656 9.043 1.67l1.65-4.722a35.1 35.1 0 0 0-10.549-1.944m-5.369.254a34.8 34.8 0 0 0-10.32 2.945l2.1 4.54a29.8 29.8 0 0 1 8.835-2.524zm20.844 3.848l-2.352 4.414a29.8 29.8 0 0 1 7.342 5.525l3.586-3.486a34.8 34.8 0 0 0-8.576-6.453M31.67 19.289a35 35 0 0 0-5.299.926a35.4 35.4 0 0 0-5.092 1.72l1.955 4.602a30.3 30.3 0 0 1 8.914-2.271zm10.04.488q-.622.558-1.216 1.145c-.162.159-.317.324-.476.486q-.326.329-.641.666q-.314.34-.62.69a36 36 0 0 0-1.105 1.316l-.13.158h.005C32.822 30.198 30 37.708 30 45.875c0 15.41 10.01 28.518 23.87 33.178a35 35 0 0 0 4.42 1.17q.621-.558 1.216-1.145c.162-.159.317-.324.476-.486q.326-.328.641-.666q.314-.34.62-.69a36 36 0 0 0 1.105-1.316l.13-.158h-.005C67.178 69.802 70 62.292 70 54.125c0-15.41-10.01-28.518-23.87-33.178a35 35 0 0 0-4.42-1.17m-25.206 4.637a34.8 34.8 0 0 0-8.133 7.002l3.809 3.242a29.8 29.8 0 0 1 6.96-5.996zm77.066 1.129l-4.068 2.906a29.8 29.8 0 0 1 4.125 8.21l4.762-1.526a34.8 34.8 0 0 0-4.819-9.59M5.21 35.766a35.1 35.1 0 0 0-4.167 9.882l4.85 1.215a30.2 30.2 0 0 1 3.572-8.474zm94.423 4.6l-4.938.779c.481 3.036.488 6.154.028 9.197l4.943.748c.537-3.55.529-7.176-.033-10.725M.14 50.948c-.33 3.582-.1 7.205.678 10.712L5.7 60.578a29.8 29.8 0 0 1-.582-9.168zm93.547 3.889a29.8 29.8 0 0 1-4.06 8.242l4.09 2.877a34.8 34.8 0 0 0 4.743-9.629zM7.037 65l-4.665 1.8a34.8 34.8 0 0 0 5.365 9.298l3.893-3.141A29.8 29.8 0 0 1 7.037 65m79.655 1.637a30.3 30.3 0 0 1-7.312 5.582l2.389 4.392a35 35 0 0 0 4.513-2.927a35.4 35.4 0 0 0 4.012-3.579zm-11.52 7.465a30 30 0 0 1-9.027 1.728l.174 4.996a35 35 0 0 0 10.54-2.017zm-60.38 2.212l-3.365 3.698a35.1 35.1 0 0 0 8.941 5.92l2.092-4.543a30.1 30.1 0 0 1-7.668-5.075m34.377 4.272a30.3 30.3 0 0 1-8.682 3.047l.92 4.914a35.3 35.3 0 0 0 10.117-3.55zm-22.383 2.406l-1.375 4.809a34.8 34.8 0 0 0 10.649 1.328l-.157-4.998a29.8 29.8 0 0 1-9.117-1.139" color="#818cf8"/></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. IntersectionIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

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

Related Icons in Font-GIS (Iconify)

Browse all Font-GIS (Iconify) icons →

360