ICONYZ
Español
Icono Rib Cage de Material Symbols

Icono Rib Cage

material-symbols:rib-cage

El icono Rib Cage (material-symbols:rib-cage) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Material Symbols
Autor
Google
Licencia
Apache-2.0
Tamaño
24 × 24
Categoría
Social
Etiquetas
ribcage, rib cage outline rounded, rib cage sharp, rib cage outline sharp, rib cage rounded, rib cage outline
Descargar SVG

Código SVG

<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>

Cómo usar el icono Rib Cage

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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/rib-cage.svg" alt="Icono Rib Cage" width="24" height="24">

El icono Rib Cage en otras colecciones

Preguntas frecuentes sobre Icono Rib Cage

¿El icono Rib Cage es gratis para uso comercial?

Sí. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Rib Cage en React?

Instala @iconify/react y renderiza <Icon icon="material-symbols:rib-cage" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Rib Cage a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/rib-cage.svg" alt="Icono Rib Cage">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Material Symbols →