ICONYZ
Español
Icono Safety Divider Rounded de Material Symbols

Icono Safety Divider Rounded

material-symbols:safety-divider-rounded

El icono Safety Divider Rounded (material-symbols:safety-divider-rounded) 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
apart, distance, divider, safety, separate, social, space, safetydivider, dividerrounded, safetydividerrounded, safety divider outline rounded
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="M11.288 18.713Q11 18.425 11 18V6q0-.425.288-.712T12 5t.713.288T13 6v12q0 .425-.288.713T12 19t-.712-.288M1 16v-.575q0-.6.325-1.1t.9-.75q.65-.275 1.338-.425T5 13t1.438.15t1.337.425q.575.25.9.75t.325 1.1V16zm14 0v-.575q0-.6.325-1.1t.9-.75q.65-.275 1.337-.425T19 13t1.437.15t1.338.425q.575.25.9.75t.325 1.1V16zM5 12q-.825 0-1.412-.587T3 10t.588-1.412T5 8t1.413.588T7 10t-.587 1.413T5 12m14 0q-.825 0-1.412-.587T17 10t.588-1.412T19 8t1.413.588T21 10t-.587 1.413T19 12"/></svg>

Cómo usar el icono Safety Divider Rounded

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols:safety-divider-rounded" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols:safety-divider-rounded" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols:safety-divider-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--safety-divider-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:safety-divider-rounded"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols:safety-divider-rounded"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/safety-divider-rounded.svg" alt="Icono Safety Divider Rounded" width="24" height="24">

Iconos relacionados en Material Symbols

El icono Safety Divider Rounded en otras colecciones

Preguntas frecuentes sobre Icono Safety Divider Rounded

¿El icono Safety Divider Rounded 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 Safety Divider Rounded en React?

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

¿Cómo añado el icono Safety Divider Rounded a una página web?

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

Ver todos los Iconos Material Symbols →