Rib Cage icon
material-symbols:rib-cage
The Rib Cage icon (material-symbols:rib-cage) is a free SVG icon from the Material Symbols set by Google. It is drawn on a 24 × 24 grid. Material Symbols icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Material Symbols
- Author
- License
- Apache-2.0
- Size
- 24 × 24
- Category
- Social
- Tags
- ribcage, rib cage outline rounded, rib cage sharp, rib cage outline sharp, rib cage rounded, rib cage outline
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5 22q-1.25 0-2.125-.875T2 19q0-.425.288-.712T3 18t.713.288T4 19t.288.713T5 20q.375 0 .838-.225t.962-.65t.988-.962T8.75 17q.95-1.275 1.6-2.625T11 12V3q0-.425.288-.712T12 2t.713.288T13 3v9q0 1.025.65 2.375T15.25 17q.475.625.963 1.163t.987.962t.963.65T19 20q.425 0 .712-.288T20 19t.288-.712T21 18t.713.288T22 19q0 1.25-.875 2.125T19 22q-.6 0-1.362-.35t-1.563-.975t-1.588-1.463T13 17.4q-.375-.525-.587-.712T12 16.5t-.413.188T11 17.4q-.7.975-1.487 1.813t-1.588 1.462t-1.562.975T5 22m.5-3.225L3.25 16.95q-.35-.275-.55-.662t-.2-.838t.175-.85t.525-.675q.25-.2.55-.187t.5.262t.188.563t-.263.512q-.05.05-.112.15T4 15.45q0 .1.038.188t.137.162l2.525 2q-.35.325-.65.575t-.55.4m2.65-2.55L4.75 13.5q-.35-.275-.55-.675t-.2-.85t.175-.862t.525-.688q.25-.2.563-.175t.512.275t.175.55t-.275.5q-.075.05-.125.175T5.5 12q0 .1.038.188t.137.162L9 15q-.2.325-.413.625t-.437.6M9.875 13L6.25 10.075q-.35-.275-.55-.7T5.5 8.5q0-.475.2-.875t.55-.7q.225-.2.538-.175t.512.275t.175.55t-.275.5q-.05.05-.125.175T7 8.525q0 .05.2.375l2.8 2.275V12q0 .25-.038.5t-.087.5M10 8.35L7.7 6.425q-.35-.275-.525-.662T7 4.95q0-.8.575-1.375T8.95 3q.4 0 .725.125T10 3.75t-.325.625t-.725.125q-.2 0-.325.15t-.125.325q0 .1.038.175t.112.125L10 6.4zM14.125 13q-.05-.25-.088-.5T14 12v-.825L16.8 8.9q.1-.075.2-.375q0-.15-.075-.275t-.125-.175q-.25-.2-.275-.5t.175-.55t.513-.275t.562.175q.35.3.538.713t.187.862t-.2.863t-.55.687zM14 8.35V6.4l1.35-1.125q.075-.05.113-.125t.037-.175q0-.2-.125-.337T15.05 4.5q-.4 0-.725-.125T14 3.75t.325-.625T15.05 3q.8 0 1.375.575T17 4.95q0 .425-.175.813t-.525.662zm1.85 7.875q-.225-.3-.437-.612T15 14.975l3.3-2.65q.075-.05.175-.375q0-.05-.15-.375q-.25-.2-.275-.512t.175-.563t.5-.275t.55.175q.35.275.538.688t.187.862t-.2.863t-.55.687zm2.65 2.55q-.25-.15-.55-.4t-.65-.575l2.525-2q.075-.05.175-.35q0-.125-.05-.225t-.1-.15q-.25-.2-.275-.512T19.75 14t.5-.262t.55.187q.35.275.525.675t.175.85t-.187.838t-.538.662z"/></svg>How to use the Rib Cage icon
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:rib-cage" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:rib-cage" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:rib-cage" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--rib-cage]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:rib-cage"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:rib-cage"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/material-symbols/rib-cage.svg" alt="Rib Cage icon" width="24" height="24">Rib Cage icon in other icon sets
Rib Cage icon FAQ
Is the Rib Cage icon free for commercial use?
Yes. Material Symbols icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Rib Cage icon in React?
Install @iconify/react and render <Icon icon="material-symbols:rib-cage" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Rib Cage icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/material-symbols/rib-cage.svg" alt="Rib Cage icon">, or paste the SVG code inline to style it with CSS.