Skype Outline アイコン
basil:skype-outline
Skype Outline アイコン(basil:skype-outline)は、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" d="M13.204 11.273c.374.11.73.274 1.057.485c.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 8 14.044a.818.818 0 1 1 1.637 0c.016.15.073.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 .176-.6a1 1 0 0 0-.097-.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-.188l-.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 11.718 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.307.29.504.366a7.6 7.6 0 0 0 1.175.346c.336.074.607.14.837.203c.261.065.515.133.744.203"/><path fill="currentColor" fill-rule="evenodd" d="M8 2.75a5.25 5.25 0 0 0-4.696 7.6A8.85 8.85 0 0 0 13.65 20.696a5.25 5.25 0 0 0 7.045-7.045A8.85 8.85 0 0 0 10.35 3.304A5.2 5.2 0 0 0 8 2.749M4.25 8a3.75 3.75 0 0 1 5.611-3.256a.75.75 0 0 0 .536.081a7.35 7.35 0 0 1 8.778 8.778a.75.75 0 0 0 .081.536a3.75 3.75 0 0 1-5.118 5.118a.75.75 0 0 0-.535-.082a7.35 7.35 0 0 1-8.778-8.778a.75.75 0 0 0-.081-.536A3.73 3.73 0 0 1 4.25 8" clip-rule="evenodd"/></svg>Skype Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="basil:skype-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="basil:skype-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="basil:skype-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[basil--skype-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/basil -->
<div class="i-basil:skype-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="basil:skype-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/basil/skype-outline.svg" alt="Skype Outline アイコン" width="24" height="24">Basil の関連アイコン
他のアイコンセットの Skype Outline アイコン
Skype Outline アイコン のよくある質問
Skype Outline アイコンは商用利用でも無料ですか?
はい。Basil icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Skype Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="basil:skype-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skype Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/basil/skype-outline.svg" alt="Skype Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。