I3s Web icon
gis:i3s-web
The I3s Web icon (gis:i3s-web) 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
- Tags
- i3sweb
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M49.953 5A45 45 0 0 0 7.758 34.498H2.5A3 3 0 0 0-.502 37.5v25A3 3 0 0 0 2.5 65.502h5.256A45 45 0 0 0 50 95a45 45 0 0 0 42.242-29.498H97.5a3 3 0 0 0 3.002-3.002v-25a3 3 0 0 0-3.002-3.002h-5.256A45 45 0 0 0 50 5zm2.297 5.113c4.74.807 9.271 4.713 12.84 11.194c1.15 2.089 2.18 4.433 3.068 6.974H52.25zm-4.5.178v17.99H32.676c.889-2.541 1.916-4.885 3.066-6.974c3.36-6.1 7.571-9.915 12.008-11.016M37.383 11.51c-2.092 2.116-3.971 4.698-5.584 7.627c-1.512 2.745-2.813 5.819-3.881 9.144h-12.11A40.52 40.52 0 0 1 37.384 11.51m26.469.416c8.457 3.07 15.586 8.88 20.34 16.355H72.91c-1.066-3.326-2.365-6.4-3.877-9.144c-1.509-2.74-3.251-5.174-5.181-7.211M13.33 32.78h13.328c-.135.561-.246 1.143-.367 1.717h-13.71a39 39 0 0 1 .75-1.717m17.977 0H47.75v1.717H30.908c.131-.574.253-1.158.399-1.717m20.943 0h17.275c.146.56.268 1.143.399 1.717H52.25zm21.92 0h12.5c.265.565.512 1.138.75 1.717H74.535c-.12-.574-.23-1.156-.365-1.717m-29.623 8.905q4.758 0 6.88 1.115q2.123 1.115 2.122 2.803q0 .99-.861 1.79q-.863.802-2.604 1.407q1.41.218 2.156.51q1.21.469 1.873 1.24q.68.76.68 1.822q0 1.333-1.111 2.563q-1.111 1.219-3.2 1.886q-2.089.657-5.488.657q-3.316 0-5.24-.49q-1.906-.49-3.15-1.428a6.3 6.3 0 0 1-1.891-2.375l6.75-.563q.398 1.281 1.226 1.781q.846.49 2.14.49q1.358 0 2.253-.624q.912-.625.912-1.666q0-1.064-.879-1.647q-.862-.584-2.353-.584q-.796 0-2.19.25l.35-3.031q.564.053.879.053q1.326 0 2.205-.532q.895-.53.894-1.26q0-.698-.662-1.115q-.663-.416-1.824-.416q-1.195 0-1.941.457q-.746.449-1.01 1.584l-6.385-.718q.796-1.917 3.05-2.938q2.273-1.02 6.419-1.021m27.224 0q4.66 0 7.098 1.093q2.454 1.084 2.918 3.46l-7.08.259q-.281-1.03-1.193-1.5q-.896-.468-2.489-.469q-1.31.001-1.972.356q-.663.343-.664.844q0 .364.549.656q.53.302 2.519.562q4.925.666 7.047 1.354q2.138.677 3.1 1.687q.978 1.01.978 2.26q0 1.47-1.293 2.709q-1.294 1.239-3.615 1.885q-2.32.636-5.852.637q-6.202 0-8.59-1.5t-2.703-3.813l7.147-.281q.233 1.093.945 1.666q1.161.928 3.317.928q1.608 0 2.47-.47q.88-.479.88-1.105q0-.594-.831-1.062q-.829-.469-3.846-.885q-4.941-.698-7.047-1.853q-2.122-1.157-2.123-2.95q0-1.176 1.079-2.218q1.095-1.053 3.267-1.645q2.189-.605 5.984-.605m-51.865.261h7.528v15.27h-7.528zM12.58 65.502h13.524c.112.573.214 1.154.341 1.715H13.33a39 39 0 0 1-.75-1.715m18.129 0H47.75v1.715H31.082c-.137-.56-.25-1.142-.373-1.715m21.541 0h17.873c-.123.573-.236 1.155-.373 1.715h-17.5zm22.473 0H87.42a39 39 0 0 1-.75 1.715H74.38c.128-.561.23-1.142.343-1.715m-58.914 6.215h11.824c1.117 3.675 2.518 7.056 4.166 10.049c1.294 2.35 2.762 4.472 4.369 6.316c-8.466-3.07-15.603-8.884-20.36-16.365m16.554 0H47.75v18.719c-.277-.016-.55-.044-.826-.065c-4.132-1.35-8.032-5.057-11.182-10.777c-1.285-2.335-2.424-4.984-3.379-7.877m19.887 0h16.219c-.955 2.893-2.094 5.542-3.38 7.877c-3.084 5.602-6.888 9.278-10.925 10.695q-.951.096-1.914.147zm20.947 0h10.994a40.56 40.56 0 0 1-19.105 15.877c1.443-1.728 2.766-3.684 3.947-5.828c1.648-2.993 3.049-6.373 4.164-10.05" color="currentColor"/></svg>How to use the I3s Web icon
React
import { Icon } from "@iconify/react";
<Icon icon="gis:i3s-web" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:i3s-web" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:i3s-web" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--i3s-web]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:i3s-web"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:i3s-web"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/gis/i3s-web.svg" alt="I3s Web icon" width="24" height="24">Related icons in Font-GIS
I3s Web icon FAQ
Is the I3s Web 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 I3s Web icon in React?
Install @iconify/react and render <Icon icon="gis:i3s-web" />, or use “Copy code” on this page to get a standalone React component.
How do I add the I3s Web icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/gis/i3s-web.svg" alt="I3s Web icon">, or paste the SVG code inline to style it with CSS.