Skype アイコン
zmdi:skype
Skype アイコン(zmdi:skype)は、Material Design Iconic Font セットの無料 SVG アイコンです（作者: MDI Community）。 432 × 432 のグリッドで描かれています。 Material Design Iconic Font icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Design Iconic Font
- 作者
- MDI Community
- ライセンス
- OFL-1.1
- サイズ
- 432 × 432
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="432" height="432" viewBox="0 0 432 432"><path fill="currentColor" d="M414 261q13 25 13 52q0 48-34.5 82T309 429q-30 0-56-13q-19 3-37 3q-85 0-144.5-59T12 218q0-20 4-40q-16-27-16-59q0-48 34.5-82T118 3q34 0 63 18q17-3 35-3q84 0 143.5 58.5T419 218q0 22-5 43m-95.5 52.5Q333 294 333 269q0-21-8.5-35.5T301 210q-14-10-34-16q-21-6-45-12q-20-4-29-7q-8-2-16-6t-12-9t-4-12q0-11 12-19q14-8 36-8q23 0 34 7q10 8 18 23q6 11 12 16t18 5t20.5-8.5T320 144t-6.5-22.5t-20-22t-33.5-17t-47-6.5q-35 0-60 10q-26 9-39.5 27T100 153q0 24 13 41q13 16 35 25q21 9 53 16q23 4 37 9q14 4 22 11q8 8 8 20q0 14-15 25q-16 10-41 10q-18 0-29.5-5T165 292t-11-21q-5-11-12-17q-8-6-18-6q-13 0-21.5 8T94 275q0 18 13 36t34 29q28 15 72 15q37 0 64-11t41.5-30.5"/></svg>
Skype アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:skype" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:skype" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:skype" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--skype]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:skype"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:skype"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/zmdi/skype.svg" alt="Skype アイコン" width="24" height="24">
Skype アイコン のよくある質問
Skype アイコンは商用利用でも無料ですか?
はい。Material Design Iconic Font icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Skype アイコンを使うには?
@iconify/react をインストールして <Icon icon="zmdi:skype" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skype アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/zmdi/skype.svg" alt="Skype アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Design Iconic Font アイコン をすべて見る →
ICONYZ
