Wcs アイコン

Q: Wcs アイコンは商用利用でも無料ですか?

はい。Font-GIS icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

gis:wcs

Wcs アイコン(gis:wcs)は、Font-GIS セットの無料 SVG アイコンです（作者: Jean-Marc Viglino）。 100 × 100 のグリッドで描かれています。 Font-GIS icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Font-GIS
作者: Jean-Marc Viglino
ライセンス: CC-BY-4.0
サイズ: 100 × 100
カテゴリ

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M49.953 5c-18.856.021-35.7 11.796-42.195 29.498H2.5A3 3 0 0 0-.502 37.5v25A3 3 0 0 0 2.5 65.502h5.256C14.258 83.221 31.126 94.999 50 95c18.873-.001 35.74-11.78 42.242-29.498H97.5a3 3 0 0 0 3.002-3.002v-25a3 3 0 0 0-3.002-3.002h-5.256C85.742 16.779 68.874 5.001 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.717m4.955 9.719q4.97 0 7.473 1.197q2.521 1.197 2.648 3.194l-5.33.129q-.343-1.118-1.478-1.602q-1.116-.494-3.366-.494q-2.323 0-3.638.523q-.848.337-.848.9q0 .514.793.88q1.008.465 4.898.968q3.89.505 5.744 1.05q1.874.533 2.918 1.472q1.062.929 1.061 2.303q0 1.245-1.26 2.334t-3.566 1.62q-2.305.526-5.742.526q-5.007 0-7.69-1.266q-2.682-1.276-3.205-3.709l5.186-.275q.469 1.434 1.892 2.105q1.44.673 3.87.672q2.574 0 3.87-.593q1.315-.602 1.315-1.403q0-.515-.557-.87q-.541-.367-1.91-.634q-.935-.178-4.266-.632q-4.285-.584-6.015-1.434q-2.43-1.197-2.43-2.916c0-.738.377-1.43 1.133-2.068q1.153-.969 3.297-1.473q2.16-.504 5.203-.504m-22.814.246q4.403 0 6.914 1.1q2.528 1.101 3.752 3.383l-6.358.875q-.333-.66-.7-.963q-.603-.512-1.478-.787a6.5 6.5 0 0 0-1.955-.276q-2.448 0-3.752 1.219q-.986.904-.986 2.842q0 2.398 1.176 3.293q1.176.885 3.306.884q2.067 0 3.118-.718q1.065-.718 1.54-2.084l6.311 1.18a6.45 6.45 0 0 1-2.002 2.742q-1.367 1.101-3.402 1.662q-2.02.56-5.15.56q-3.799 0-6.215-.678a9.6 9.6 0 0 1-4.15-2.408q-1.749-1.72-1.749-4.404q0-3.578 3.069-5.496q3.084-1.927 8.71-1.926M10 42.748h5.453l3.983 9.955l4.826-9.955H30.6l4.627 10.125l4.05-10.125h5.368l-6.41 14.494h-5.657L27.32 46.406l-5.24 10.836H16.3zm2.58 22.754h13.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>

Wcs アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/gis/wcs.svg" alt="Wcs アイコン" width="24" height="24">

Wcs アイコンのよくある質問

Wcs アイコンは商用利用でも無料ですか?

はい。Font-GIS icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Wcs アイコンを使うには?

@iconify/react をインストールして <Icon icon="gis:wcs" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Wcs アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gis/wcs.svg" alt="Wcs アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Font-GIS アイコンをすべて見る →