Time Zone アイコン
ix:time-zone
Time Zone アイコン(ix:time-zone)は、Siemens Industrial Experience Icons セットの無料 SVG アイコンです（作者: Siemens AG）。 512 × 512 のグリッドで描かれています。 Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Siemens Industrial Experience Icons
- 作者
- Siemens AG
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- timezone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M42.667 255.999c0-117.82 95.512-213.333 213.333-213.333s213.333 95.513 213.333 213.333c0 15.034-1.555 29.705-4.513 43.861c-21.506-26.744-54.497-43.861-91.487-43.861c-25.118 0-48.392 7.893-67.479 21.334H203.161c.257 5.538.612 10.991 1.056 16.344l1.154 11.927q.326 2.937.686 5.827l1.575 11.362c3.982 26.038 10.057 48.678 17.105 66.118l3.077 7.15c8.867 19.327 18.932 30.605 28.186 30.605c3.453 0 7.019-1.57 10.594-4.543c7.65 16.71 19.109 31.312 33.266 42.696a214 214 0 0 1-43.86 4.514c-117.821 0-213.333-95.513-213.333-213.334m43.987-21.333c7.628-61.174 47.632-112.293 102.324-135.67c-7.733 16.346-14.063 35.65-18.812 57.094l-2.337 11.396c-2.921 15.444-5.06 31.857-6.357 48.965l-.814 12.957a499 499 0 0 0-.236 5.258zm0 42.667c7.628 61.174 47.632 112.293 102.324 135.67c-7.733-16.347-14.063-35.65-18.812-57.094l-2.337-11.397c-2.921-15.443-5.06-31.857-6.357-48.965l-.814-12.956q-.131-2.62-.236-5.258zm338.692-42.667h-73.768q-.105-2.638-.236-5.258l-.814-12.957c-1.297-17.108-3.436-33.521-6.357-48.965l-2.337-11.396c-4.749-21.444-11.079-40.748-18.812-57.094c54.692 23.377 94.696 74.496 102.324 135.67m-222.185 0c.257-5.539.612-10.991 1.056-16.344l1.154-11.927q.326-2.937.686-5.827l1.575-11.362c3.982-26.038 10.057-48.679 17.105-66.118l3.077-7.15c8.867-19.327 18.932-30.605 28.186-30.605s19.319 11.278 28.186 30.605l3.077 7.15c7.048 17.439 13.123 40.08 17.105 66.118l1.575 11.362q.361 2.89.686 5.827l1.154 11.927c.444 5.353.799 10.805 1.056 16.344zm170.172 234.667c53.02 0 96-42.981 96-96c0-53.02-42.98-96-96-96c-53.019 0-96 42.98-96 96c0 53.019 42.981 96 96 96m16-170.667v58.667h37.334v32h-69.334v-90.667z" clip-rule="evenodd"/></svg>Time Zone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:time-zone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:time-zone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:time-zone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--time-zone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:time-zone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:time-zone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/time-zone.svg" alt="Time Zone アイコン" width="24" height="24">Siemens Industrial Experience Icons の関連アイコン
他のアイコンセットの Time Zone アイコン
Time Zone アイコン のよくある質問
Time Zone アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Time Zone アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:time-zone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Time Zone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/time-zone.svg" alt="Time Zone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。