Skeleton Rounded アイコン
material-symbols-light:skeleton-rounded
Skeleton Rounded アイコン(material-symbols-light:skeleton-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- ソーシャル
- タグ
- skeletonrounded
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-.613.62-1.085q.62-.473 1.641-.748q.165-.061.322.028q.157.09.219.255t-.038.322t-.264.219q-.889.24-1.232.545t-.372.487q.029.702 1.005.942q.976.239 1.714.295V2.5q0-.213.143-.357T12 2t.357.143t.143.357v3.16q.835-.037 1.763-.276t.956-.961q-.029-.177-.369-.472t-1.21-.536q-.184-.061-.277-.211t-.03-.335q.061-.185.211-.274t.335-.028q.613.181 1.425.616q.812.434.812 1.217q0 .038-.05.45q.725.375 1.137.85t.413 1.025q0 .3-.078.563t-.228.487q.625.375.965.812t.34.938q0 .694-.491 1.235t-1.33.917t-1.948.59t-2.346.252v2.762q.477-.056.913-.247q.435-.19.79-.526q.397-.36.921-.53t1.076-.17q1.035 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 Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:skeleton-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:skeleton-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:skeleton-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--skeleton-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:skeleton-rounded"></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-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/skeleton-rounded.svg" alt="Skeleton Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Skeleton Rounded アイコン
Skeleton Rounded アイコン のよくある質問
Skeleton Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Skeleton Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:skeleton-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Skeleton Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/skeleton-rounded.svg" alt="Skeleton Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。