Skype Solid アイコン
basil:skype-solid
Skype Solid アイコン(basil:skype-solid)は、Basil セットの無料 SVG アイコンです（作者: Craftwork）。 24 × 24 のグリッドで描かれています。 Basil icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、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="M9.977 3.742a8.5 8.5 0 0 1 10.281 10.281a4.5 4.5 0 0 1-6.234 6.234A8.5 8.5 0 0 1 3.742 9.977a4.5 4.5 0 0 1 6.234-6.234m3.527 7.53c.374.112.73.275 1.057.486c.335.22.615.516.816.862c.209.384.315.815.307 1.252a2.57 2.57 0 0 1-.478 1.576a3.04 3.04 0 0 1-1.362 1.042a4.7 4.7 0 0 1-1.845.331a4.6 4.6 0 0 1-2.146-.464a3.1 3.1 0 0 1-1.098-.971a2.4 2.4 0 0 1-.455-1.342a.818.818 0 1 1 1.637 0c.016.15.074.292.165.412c.13.187.303.34.504.447c.435.204.913.3 1.393.282a3.1 3.1 0 0 0 1.217-.207c.26-.093.488-.26.656-.478a.94.94 0 0 0 .175-.6a1 1 0 0 0-.096-.478a.9.9 0 0 0-.297-.301a2.5 2.5 0 0 0-.624-.282q-.272-.08-.578-.16l-.015-.002l-.044-.011a12 12 0 0 0-.407-.098c-.361-.078-.612-.14-.769-.188q-.005-.001-.01-.006l-.008-.004q-.545-.133-1.07-.334a2.87 2.87 0 0 1-1.176-.877a2.32 2.32 0 0 1-.475-1.467c0-.53.174-1.047.495-1.47c.334-.426.781-.75 1.29-.934A4.9 4.9 0 0 1 12.018 7c.47-.005.939.06 1.39.193c.39.114.756.3 1.079.548c.28.212.512.478.685.784a.817.817 0 1 1-1.441.775q-.106-.166-.266-.28a1.7 1.7 0 0 0-.543-.264a3.1 3.1 0 0 0-.905-.12a3.3 3.3 0 0 0-1.163.177c-.223.076-.42.21-.573.39a.8.8 0 0 0-.168.488a.7.7 0 0 0 .131.463c.134.163.308.29.504.366q.574.22 1.175.346c.336.074.607.14.837.203c.261.065.515.133.744.203" clip-rule="evenodd"/></svg>Skype Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="basil:skype-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="basil:skype-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="basil:skype-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[basil--skype-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/basil -->
<div class="i-basil:skype-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="basil:skype-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/basil/skype-solid.svg" alt="Skype Solid アイコン" width="24" height="24">Basil の関連アイコン
他のアイコンセットの Skype Solid アイコン
Skype Solid アイコン のよくある質問
Skype Solid アイコンは商用利用でも無料ですか?
はい。Basil icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Skype Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="basil:skype-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skype Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/basil/skype-solid.svg" alt="Skype Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。