Globe Cog Sharp Two Tone アイコン
keyline-icons:globe-cog-sharp-two-tone
Globe Cog Sharp Two Tone アイコン(keyline-icons:globe-cog-sharp-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- globecog、cogsharp、sharptwo、twotone、globecogsharptwotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M12 1C17.2467 1 21.8074 4.95463 22.7979 9.97168C22.7981 9.9811 22.7998 9.99051 22.7998 10C22.7998 10.3576 22.6114 10.6699 22.3291 10.8467L20.9453 11H11V20.9453L10.8467 22.3291C10.6699 22.6114 10.3576 22.7998 10 22.7998C9.99051 22.7998 9.9811 22.7981 9.97168 22.7979C4.95463 21.8074 1 17.2467 1 12C1 6.0629 6.0629 1 12 1Z" stroke="none"/><path 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"/></g></svg>Globe Cog Sharp Two Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:globe-cog-sharp-two-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:globe-cog-sharp-two-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:globe-cog-sharp-two-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--globe-cog-sharp-two-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:globe-cog-sharp-two-tone"></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-two-tone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/globe-cog-sharp-two-tone.svg" alt="Globe Cog Sharp Two Tone アイコン" 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
globe-cog-sharp-duotone
globe-cog-sharp-fill
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 Two Tone アイコン のよくある質問
Globe Cog Sharp Two Tone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Globe Cog Sharp Two Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:globe-cog-sharp-two-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Globe Cog Sharp Two Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/globe-cog-sharp-two-tone.svg" alt="Globe Cog Sharp Two Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。