skeleton icon
skeleton from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- skeleton
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- skeleton-sharp
3 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the skeleton icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSkeleton(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-skeleton {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2021q-.971%200-1.693-.199t-1.619-.772l-2.725-1.731q-.494-.315-.729-.855T5%2016.38q0-1.225.883-1.898t1.917-.673q.552%200%201.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%201.004.942q.976.239%201.715.295V2h1v3.66q.835-.037%201.763-.276t.956-.961q-.029-.177-.369-.472t-1.21-.536V2.5q1.126.275%201.8.775t.676%201.125q0%20.039-.05.45q.725.375%201.137.85t.413%201.025q0%20.3-.078.563t-.228.487q.625.375.965.813t.34.937q0%20.694-.491%201.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%200%201.917.685t.883%201.91q0%20.526-.235%201.056t-.729.845l-2.725%201.725q-.895.573-1.618.772Q12.971%2021%2012%2021m-.5-9.365V9.519q-1.244-.05-2.337-.302T7.36%208.434q-.632.328-.856.627t-.236.475q.012.795%201.472%201.413q1.461.618%203.759.686m-2.725%205.563Q9%2016.973%209%2016.673t-.225-.525t-.525-.225t-.525.225t-.225.525t.225.525t.525.225t.525-.225M11.5%208.634v-2.09q-.925-.05-1.746-.264t-1.29-.684q-.653.321-.918.62q-.265.3-.277.515q.006.888%201.285%201.362t2.946.541m1%203q2.298-.067%203.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%202.946-.54q1.279-.475%201.285-1.363q-.012-.21-.269-.509q-.256-.299-.92-.626q-.469.475-1.29.687q-.821.211-1.752.261zm3.775%208.564q.225-.225.225-.525t-.225-.525t-.525-.225t-.525.225t-.225.525t.225.525t.525.225t.525-.225%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2021q-.971%200-1.693-.199t-1.619-.772l-2.725-1.731q-.494-.315-.729-.855T5%2016.38q0-1.225.883-1.898t1.917-.673q.552%200%201.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%201.004.942q.976.239%201.715.295V2h1v3.66q.835-.037%201.763-.276t.956-.961q-.029-.177-.369-.472t-1.21-.536V2.5q1.126.275%201.8.775t.676%201.125q0%20.039-.05.45q.725.375%201.137.85t.413%201.025q0%20.3-.078.563t-.228.487q.625.375.965.813t.34.937q0%20.694-.491%201.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%200%201.917.685t.883%201.91q0%20.526-.235%201.056t-.729.845l-2.725%201.725q-.895.573-1.618.772Q12.971%2021%2012%2021m-.5-9.365V9.519q-1.244-.05-2.337-.302T7.36%208.434q-.632.328-.856.627t-.236.475q.012.795%201.472%201.413q1.461.618%203.759.686m-2.725%205.563Q9%2016.973%209%2016.673t-.225-.525t-.525-.225t-.525.225t-.225.525t.225.525t.525.225t.525-.225M11.5%208.634v-2.09q-.925-.05-1.746-.264t-1.29-.684q-.653.321-.918.62q-.265.3-.277.515q.006.888%201.285%201.362t2.946.541m1%203q2.298-.067%203.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%202.946-.54q1.279-.475%201.285-1.363q-.012-.21-.269-.509q-.256-.299-.92-.626q-.469.475-1.29.687q-.821.211-1.752.261zm3.775%208.564q.225-.225.225-.525t-.225-.525t-.525-.225t-.525.225t-.225.525t.225.525t.525.225t.525-.225%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/skeleton.svg?color=%231a73e8&size=48
