Sharex アイコン
simple-icons:sharex
Sharex アイコン(simple-icons:sharex)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.217 15.774v.054c.083 3.469 2.543 6.416 5.99 7.607h-.002c1.095.377 2.246.568 3.404.565c5.159 0 9.347-3.697 9.389-8.275a7.5 7.5 0 0 0-.563-2.668c-1.19 3.446-4.138 5.906-7.607 5.987h-.176c-2.01 0-3.854-.8-5.294-2.13c-1.656-1.53-2.78-3.765-3.01-6.295c-1.3 1.407-2.093 3.2-2.13 5.155Zm3.01-10.557H8.17c-3.36.08-6.23 2.39-7.49 5.669l-.117.32A10.4 10.4 0 0 0 0 14.608c0 5.159 3.697 9.347 8.275 9.389a7.5 7.5 0 0 0 2.668-.563c-3.446-1.19-5.906-4.138-5.987-7.607v-.176c0-2.01.8-3.854 2.13-5.296c1.53-1.656 3.765-2.78 6.296-3.01c-1.407-1.3-3.2-2.093-5.155-2.129Zm7.601 13.566l.324-.015c3.327-.223 6.129-2.636 7.283-5.974A10.4 10.4 0 0 0 24 9.392c0-5.16-3.697-9.347-8.275-9.39a7.5 7.5 0 0 0-2.668.563c3.446 1.19 5.906 4.14 5.987 7.607v.176c0 2.01-.8 3.854-2.13 5.294c-1.53 1.656-3.765 2.78-6.295 3.01c1.407 1.3 3.2 2.094 5.155 2.13zM.002 8.275a7.5 7.5 0 0 0 .563 2.668c1.19-3.446 4.14-5.906 7.607-5.987h.176c2.01 0 3.854.8 5.294 2.13q.502.465.925.999c1.146 1.436 1.9 3.27 2.085 5.297c1.3-1.407 2.094-3.2 2.13-5.155V8.17C18.7 4.703 16.24 1.756 12.795.564A10.4 10.4 0 0 0 9.393 0C4.23 0 .045 3.697.002 8.275"/></svg>Sharex アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:sharex" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:sharex" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:sharex" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--sharex]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:sharex"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:sharex"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/sharex.svg" alt="Sharex アイコン" width="24" height="24">他のアイコンセットの Sharex アイコン
Sharex アイコン のよくある質問
Sharex アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sharex アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:sharex" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sharex アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/sharex.svg" alt="Sharex アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。