Skeleton アイコン
material-symbols-light:skeleton
Skeleton アイコン(material-symbols-light:skeleton)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- Google
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- skeleton sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-.971 0-1.693-.199t-1.619-.772l-2.725-1.731q-.494-.315-.729-.855T5 16.38q0-1.225.883-1.898t1.917-.673q.552 0 1.076.17t.92.53q.356.336.792.526q.435.191.912.247V12.52q-1.237-.036-2.346-.252q-1.11-.215-1.948-.59t-1.33-.916t-.492-1.236q0-.5.35-.928t.975-.803q-.15-.225-.237-.497q-.088-.272-.088-.572q0-.544.413-1.022t1.138-.853q-.05-.125-.05-.225V4.4q0-.65.687-1.137t1.813-.763v.89q-.889.24-1.232.546q-.344.305-.372.487q.028.702 1.004.942q.976.239 1.715.295V2h1v3.66q.835-.037 1.763-.276t.956-.961q-.029-.177-.369-.472t-1.21-.536V2.5q1.126.275 1.8.775t.676 1.125q0 .039-.05.45q.725.375 1.137.85t.413 1.025q0 .3-.078.563t-.228.487q.625.375.965.813t.34.937q0 .694-.491 1.236q-.491.541-1.33.916t-1.948.59q-1.11.216-2.346.252v2.762q.477-.056.912-.246t.792-.527q.396-.36.92-.53t1.076-.17q1.034 0 1.917.685t.883 1.91q0 .526-.235 1.056t-.729.845l-2.725 1.725q-.895.573-1.618.772Q12.971 21 12 21m-.5-9.365V9.519q-1.244-.05-2.337-.302T7.36 8.434q-.632.328-.856.627t-.236.475q.012.795 1.472 1.413q1.461.618 3.759.686m-2.725 5.563Q9 16.973 9 16.673t-.225-.525t-.525-.225t-.525.225t-.225.525t.225.525t.525.225t.525-.225M11.5 8.634v-2.09q-.925-.05-1.746-.264t-1.29-.684q-.653.321-.918.62q-.265.3-.277.515q.006.888 1.285 1.362t2.946.541m1 3q2.298-.067 3.759-.685t1.472-1.412q-.012-.178-.243-.477t-.863-.626q-.708.512-1.791.774q-1.084.261-2.334.311zm0-3q1.667-.067 2.946-.54q1.279-.475 1.285-1.363q-.012-.21-.269-.509q-.256-.299-.92-.626q-.469.475-1.29.687q-.821.211-1.752.261zm3.775 8.564q.225-.225.225-.525t-.225-.525t-.525-.225t-.525.225t-.225.525t.225.525t.525.225t.525-.225"/></svg>
Skeleton アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:skeleton" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:skeleton" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:skeleton" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--skeleton]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:skeleton"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:skeleton"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/skeleton.svg" alt="Skeleton アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
Skeleton アイコン のよくある質問
Skeleton アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Skeleton アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:skeleton" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skeleton アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/skeleton.svg" alt="Skeleton アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
ICONYZ
