Skype アイコン
icomoon-free:skype
Skype アイコン(icomoon-free:skype)は、IcoMoon Free セットの無料 SVG アイコンです（作者: Keyamoon）。 24 × 24 のグリッドで描かれています。 IcoMoon Free icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IcoMoon Free
- 作者
- Keyamoon
- ライセンス
- GPL-3.0-or-later
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6.65.584Q6.611.561 6.572.543l-.081.016zM.575 6.578q-.008.043-.012.081c.016.025.025.05.041.075l-.028-.156zm14.844 2.838l.016-.084c-.016-.025-.025-.05-.041-.075zM9.25 15.359q.039.023.078.041q.042-.008.084-.012z"/><path fill="currentColor" d="m15.434 9.331l-.016.084l-.028-.162zc.081-.45.125-.909.125-1.369a7.54 7.54 0 0 0-2.213-5.344a7.6 7.6 0 0 0-2.4-1.619A7.5 7.5 0 0 0 8.005.405c-.481 0-.963.044-1.431.134h-.003q.039.017.078.041L6.49.555l.081-.016A4.5 4.5 0 0 0 4.474.014C3.28.014 2.155.48 1.311 1.323S.002 3.292.002 4.486c0 .759.197 1.509.563 2.169q.008-.043.012-.081l.028.159q-.023-.037-.041-.075a7.6 7.6 0 0 0-.112 1.303a7.5 7.5 0 0 0 2.213 5.341a7.54 7.54 0 0 0 6.666 2.094l-.078-.041l.162.028q-.042.008-.084.012a4.5 4.5 0 0 0 2.2.581c1.194 0 2.319-.466 3.162-1.309s1.309-1.969 1.309-3.162a4.5 4.5 0 0 0-.569-2.175zm-7.4 3.26c-2.684 0-3.884-1.319-3.884-2.309c0-.506.375-.863.891-.863c1.15 0 .85 1.65 2.994 1.65c1.097 0 1.703-.597 1.703-1.206c0-.366-.181-.772-.903-.95l-2.388-.597c-1.922-.481-2.272-1.522-2.272-2.5c0-2.028 1.909-2.791 3.703-2.791c1.653 0 3.6.913 3.6 2.131c0 .522-.453.825-.969.825c-.981 0-.8-1.356-2.775-1.356c-.981 0-1.522.444-1.522 1.078s.775.838 1.447.991l1.769.394c1.934.431 2.425 1.563 2.425 2.625c0 1.647-1.266 2.878-3.819 2.878"/></svg>
Skype アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="icomoon-free:skype" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icomoon-free:skype" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icomoon-free:skype" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icomoon-free--skype]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icomoon-free -->
<div class="i-icomoon-free:skype"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icomoon-free:skype"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/icomoon-free/skype.svg" alt="Skype アイコン" width="24" height="24">
Skype アイコン のよくある質問
Skype アイコンは商用利用でも無料ですか?
はい。IcoMoon Free icons は GPL ライセンス で公開されており、個人・商用プロジェクトで利用できます。ただし、アイコンファイルを改変した場合は同じライセンスを維持する必要があります。
React で Skype アイコンを使うには?
@iconify/react をインストールして <Icon icon="icomoon-free:skype" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skype アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icomoon-free/skype.svg" alt="Skype アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
IcoMoon Free アイコン をすべて見る →
ICONYZ
