Social Skype アイコン
foundation:social-skype
Social Skype アイコン(foundation:social-skype)は、Foundation セットの無料 SVG アイコンです(作者: Zurb)。 100 × 100 のグリッドで描かれています。 Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Foundation
- 作者
- Zurb
- ライセンス
- MIT
- サイズ
- 100 × 100
- タグ
- socialskype
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M86.284 58.294c.555-2.541.851-5.176.851-7.883c0-20.283-16.442-36.727-36.727-36.727c-2.14 0-4.236.186-6.279.539a21.17 21.17 0 0 0-11.33-3.27c-11.761 0-21.299 9.534-21.299 21.3c0 3.93 1.069 7.609 2.929 10.768a37 37 0 0 0-.744 7.391c0 20.282 16.44 36.725 36.723 36.725c2.299 0 4.545-.215 6.729-.615a21.2 21.2 0 0 0 10.065 2.525c11.763 0 21.299-9.531 21.299-21.297a21.2 21.2 0 0 0-2.217-9.456m-17.037 9.67c-1.701 2.401-4.212 4.307-7.462 5.658c-3.223 1.342-7.081 2.021-11.479 2.021c-5.272 0-9.695-.932-13.147-2.762c-2.467-1.336-4.502-3.138-6.046-5.366c-1.561-2.249-2.354-4.483-2.354-6.636c0-1.343.518-2.51 1.534-3.465c1.006-.947 2.294-1.429 3.833-1.429c1.261 0 2.351.38 3.234 1.126c.845.718 1.571 1.776 2.151 3.148c.652 1.488 1.363 2.748 2.112 3.74c.718.949 1.757 1.754 3.081 2.379c1.329.631 3.125.952 5.333.952c3.036 0 5.527-.649 7.396-1.93c1.831-1.249 2.72-2.747 2.72-4.583c0-1.449-.466-2.59-1.421-3.482c-.998-.934-2.315-1.662-3.916-2.16c-1.669-.521-3.938-1.082-6.74-1.67c-3.81-.816-7.047-1.784-9.625-2.88c-2.633-1.12-4.757-2.674-6.308-4.617c-1.576-1.976-2.376-4.452-2.376-7.362c0-2.774.838-5.273 2.494-7.432c1.643-2.143 4.042-3.807 7.127-4.949c3.05-1.129 6.676-1.697 10.776-1.697c3.28 0 6.164.379 8.57 1.125c2.421.758 4.461 1.771 6.066 3.027c1.612 1.262 2.816 2.611 3.567 4.012c.765 1.416 1.152 2.827 1.152 4.191c0 1.312-.507 2.502-1.508 3.543c-1.006 1.045-2.273 1.574-3.771 1.574c-1.36 0-2.425-.33-3.163-.983c-.688-.608-1.402-1.556-2.191-2.919c-.917-1.738-2.023-3.11-3.295-4.078c-1.235-.938-3.299-1.414-6.131-1.414c-2.636 0-4.777.527-6.364 1.57c-1.533 1.004-2.276 2.154-2.276 3.521c0 .837.239 1.535.731 2.136c.525.64 1.258 1.195 2.191 1.664c.965.484 1.958.871 2.954 1.145c1.024.285 2.733.705 5.084 1.246c2.969.641 5.702 1.354 8.116 2.127c2.445.783 4.56 1.749 6.283 2.871c1.76 1.143 3.153 2.616 4.144 4.372c.989 1.765 1.49 3.938 1.49 6.467c0 3.026-.863 5.784-2.566 8.199"/></svg>Social Skype アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="foundation:social-skype" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="foundation:social-skype" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="foundation:social-skype" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--social-skype]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:social-skype"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="foundation:social-skype"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/foundation/social-skype.svg" alt="Social Skype アイコン" width="24" height="24">Foundation の関連アイコン
social-500px
social-adobe
social-amazon
social-android
social-apple
social-behance
social-bing
social-blogger
social-delicious
social-designer-news
social-deviant-art
social-digg
social-dribbble
social-drive
social-dropbox
social-evernote
social-facebook
social-flickr
social-forrst
social-foursquare
social-game-center
social-github
social-google-plus
social-hacker-news
他のアイコンセットの Social Skype アイコン
Social Skype アイコン のよくある質問
Social Skype アイコンは商用利用でも無料ですか?
はい。Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Social Skype アイコンを使うには?
@iconify/react をインストールして <Icon icon="foundation:social-skype" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Social Skype アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/foundation/social-skype.svg" alt="Social Skype アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。