Globe Cog Sharp アイコン
keyline-icons:globe-cog-sharp
Globe Cog Sharp アイコン(keyline-icons:globe-cog-sharp)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- globecog、cogsharp、globecogsharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M10.8903 21.9391C5.8896 21.387 2 17.1477 2 12C2 6.4771 6.4771 2 12 2C17.1477 2 21.387 5.8896 21.9391 10.8903M2 12L11 12M10.144 19.4911C8.7147 17.1249 8 14.5625 8 12C8 8.5 9.3333 5 12 2C14.3927 4.6918 15.712 7.7862 15.9578 10.9218M20.6667 18C20.6667 19.4728 19.4728 20.6667 18 20.6667C16.5272 20.6667 15.3333 19.4728 15.3333 18C15.3333 16.5272 16.5272 15.3333 18 15.3333C19.4728 15.3333 20.6667 16.5272 20.6667 18ZM20.99 18L23 18M20.1142 20.1142L21.5355 21.5355M18 20.99L18 23M15.8858 20.1142L14.4645 21.5355M15.01 18L13 18M15.8858 15.8858L14.4645 14.4645M18 15.01L18 13M20.1142 15.8858L21.5355 14.4645"/></svg>Globe Cog Sharp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:globe-cog-sharp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:globe-cog-sharp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:globe-cog-sharp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--globe-cog-sharp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:globe-cog-sharp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:globe-cog-sharp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/globe-cog-sharp.svg" alt="Globe Cog Sharp アイコン" width="24" height="24">Keyline Icons の関連アイコン
globe
globe-check
globe-check-duotone
globe-check-fill
globe-check-sharp
globe-check-sharp-duotone
globe-check-sharp-fill
globe-check-sharp-two-tone
globe-check-two-tone
globe-cog
globe-cog-duotone
globe-cog-fill
globe-cog-sharp-duotone
globe-cog-sharp-fill
globe-cog-sharp-two-tone
globe-cog-two-tone
globe-cursor
globe-cursor-duotone
globe-cursor-fill
globe-cursor-sharp
globe-cursor-sharp-duotone
globe-cursor-sharp-fill
globe-cursor-sharp-two-tone
globe-cursor-two-tone
Globe Cog Sharp アイコン のよくある質問
Globe Cog Sharp アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe Cog Sharp アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:globe-cog-sharp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe Cog Sharp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/globe-cog-sharp.svg" alt="Globe Cog Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。