Skype アイコン

Q: Skype アイコンは商用利用でも無料ですか?

はい。Grommet Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

grommet-icons:skype

Skype アイコン(grommet-icons:skype)は、Grommet Icons セットの無料 SVG アイコンです（作者: Grommet）。 24 × 24 のグリッドで描かれています。 Grommet Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Grommet Icons
作者: Grommet
ライセンス: Apache-2.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12.052 18.856c-4.027 0-5.828-1.98-5.828-3.463c0-.761.562-1.295 1.336-1.295c1.724 0 1.277 2.475 4.492 2.475c1.645 0 2.554-.894 2.554-1.809c0-.55-.271-1.159-1.355-1.426l-3.581-.894c-2.884-.723-3.407-2.282-3.407-3.748c0-3.043 2.864-4.185 5.556-4.185c2.477 0 5.4 1.369 5.4 3.194c0 .783-.678 1.238-1.452 1.238c-1.47 0-1.2-2.035-4.161-2.035c-1.47 0-2.284.665-2.284 1.618c0 .95 1.16 1.254 2.168 1.483l2.651.59c2.903.646 3.64 2.34 3.64 3.938c0 2.472-1.898 4.319-5.73 4.319m11.1-4.887l-.022.127l-.04-.241zc.124-.674.19-1.364.19-2.054a11.3 11.3 0 0 0-3.32-8.014A11.3 11.3 0 0 0 12.006.583c-.722 0-1.444.067-2.147.202l-.005.001q.06.03.118.062L9.736.81l.12-.024A6.7 6.7 0 0 0 6.709 0a6.66 6.66 0 0 0-4.744 1.965A6.67 6.67 0 0 0 0 6.71c0 1.14.293 2.26.844 3.252l.02-.123l.041.237l-.061-.114a11.4 11.4 0 0 0-.171 1.953c0 1.53.3 3.015.892 4.412a11.3 11.3 0 0 0 2.427 3.602a11.3 11.3 0 0 0 3.603 2.428c1.397.592 2.882.892 4.412.892c.665 0 1.332-.061 1.984-.177q-.057-.03-.115-.063l.242.043l-.127.02c1.004.569 2.14.87 3.3.87a6.66 6.66 0 0 0 4.744-1.965A6.66 6.66 0 0 0 24 17.233a6.7 6.7 0 0 0-.85-3.264"/></svg>

Skype アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="grommet-icons:skype" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="grommet-icons:skype" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="grommet-icons:skype" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--skype]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:skype"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="grommet-icons:skype"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/grommet-icons/skype.svg" alt="Skype アイコン" width="24" height="24">

他のアイコンセットの Skype アイコン

Skype アイコンのよくある質問

Skype アイコンは商用利用でも無料ですか?

はい。Grommet Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Skype アイコンを使うには?

@iconify/react をインストールして <Icon icon="grommet-icons:skype" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Skype アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/grommet-icons/skype.svg" alt="Skype アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Grommet Icons をすべて見る →