Wms icon

gis:wms

The Wms icon (gis:wms) 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

Download SVG

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.071 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.717m5.967 9.719q4.507 0 6.777 1.197q2.286 1.197 2.4 3.194l-4.834.127q-.31-1.117-1.34-1.6q-1.01-.495-3.052-.496q-2.106 0-3.299.525q-.768.335-.768.899q0 .514.72.88q.914.465 4.44.97q3.528.504 5.21 1.048q1.699.534 2.646 1.473q.963.93.963 2.304q0 1.247-1.143 2.334q-1.143 1.088-3.234 1.622q-2.09.523-5.209.523q-4.539 0-6.973-1.266q-2.433-1.275-2.906-3.707l4.703-.277q.425 1.434 1.715 2.105q1.306.673 3.51.672q2.336 0 3.512-.593q1.191-.603 1.191-1.403q0-.515-.506-.87q-.49-.367-1.73-.634q-.85-.178-3.871-.632q-3.886-.584-5.454-1.434q-2.205-1.197-2.205-2.918q0-1.106 1.03-2.064q1.044-.97 2.988-1.475q1.959-.504 4.719-.504M10 42.746h4.947l3.61 9.96l4.377-9.96h5.748l4.197 10.127l3.674-10.127h4.865l-5.813 14.496H30.48l-4.77-10.836l-4.752 10.836h-5.242zm33.803 0h7.234l4.344 9.889l4.295-9.889h7.25v14.496h-4.49v-11.41l-4.752 11.41h-4.655l-4.736-11.41v11.41h-4.49zM12.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 Wms icon

React

import { Icon } from "@iconify/react";

<Icon icon="gis:wms" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="gis:wms" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="gis:wms" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--wms]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:wms"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="gis:wms"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/gis/wms.svg" alt="Wms icon" width="24" height="24">

Wms icon FAQ

Is the Wms 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 Wms icon in React?

Install @iconify/react and render <Icon icon="gis:wms" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Wms icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/gis/wms.svg" alt="Wms icon">, or paste the SVG code inline to style it with CSS.

Browse all Font-GIS icons →