Intersection icon
gis:intersection
The Intersection icon (gis:intersection) is a free SVG icon from the Font-GIS set by Jean-Marc Viglino. It is drawn on a 100 × 100 grid. Font-GIS icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font-GIS
- Author
- Jean-Marc Viglino
- License
- CC-BY-4.0
- Size
- 100 × 100
- Category
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" 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="currentColor"/></svg>How to use the Intersection icon
React
import { Icon } from "@iconify/react";
<Icon icon="gis:intersection" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:intersection" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:intersection" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--intersection]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:intersection"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:intersection"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/gis/intersection.svg" alt="Intersection icon" width="24" height="24">Intersection icon in other icon sets
Intersection icon FAQ
Is the Intersection icon free for commercial use?
Yes. Font-GIS icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Intersection icon in React?
Install @iconify/react and render <Icon icon="gis:intersection" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Intersection icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/gis/intersection.svg" alt="Intersection icon">, or paste the SVG code inline to style it with CSS.