Icono Ring Buoy
fluent-emoji-high-contrast:ring-buoy
El icono Ring Buoy (fluent-emoji-high-contrast:ring-buoy) es un icono SVG gratuito de la colección Fluent Emoji High Contrast de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji High Contrast icons se publican bajo la licencia MIT, 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
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 32 × 32
- Categoría
- Viajes y lugares
- Etiquetas
- ringbuoy
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M21.024 4.168c.354.3.854.6 1.345.854a2 2 0 0 1 2.14.45l1.364 1.363a2 2 0 0 1 .461 2.11q.136.211.3.449c.377.548.831 1.152 1.21 1.57C28.876 12.103 30 13.544 30 15.995s-1.124 3.893-2.157 5.033a22 22 0 0 0-1.529 1.929a2 2 0 0 1-.44 2.162l-1.364 1.364a2 2 0 0 1-2.088.47c-.506.263-1.028.58-1.394.897a12 12 0 0 0-.75.74l-.098.104c-.316.328-.673.693-1.073 1.03c-.8.675-1.816 1.275-3.126 1.275s-2.325-.6-3.126-1.275a14 14 0 0 1-1.072-1.03l-.098-.103a12 12 0 0 0-.75-.741c-.364-.316-.882-.63-1.385-.892a2 2 0 0 1-2.073-.475L6.114 25.12a2 2 0 0 1-.448-2.147q-.14-.201-.31-.434a22 22 0 0 0-1.218-1.512C3.114 19.887 2 18.445 2 15.996c0-2.45 1.114-3.89 2.138-5.031c.375-.418.826-1.02 1.2-1.57q.169-.248.308-.466a2 2 0 0 1 .468-2.094l1.363-1.363a2 2 0 0 1 2.127-.455c.488-.253.983-.55 1.335-.85c.235-.2.486-.462.784-.772l.06-.063a15 15 0 0 1 1.07-1.037C13.653 1.612 14.67 1 15.981 1s2.33.612 3.129 1.295c.399.34.755.708 1.07 1.037l.06.063c.298.31.548.572.784.773M7.217 9.353a10.95 10.95 0 0 0-2.219 6.627c0 2.487.826 4.781 2.218 6.624l3.39-3.391l-.004-.007a6.27 6.27 0 0 1-.89-3.226c0-1.19.33-2.302.905-3.25l-.009.014zm6.352.828a6.3 6.3 0 0 1 4.82-.016l.01.003l3.484-3.484a10.95 10.95 0 0 0-5.885-1.704c-2.167 0-4.187.626-5.89 1.708l3.483 3.483zm.02 11.606l-3.484 3.483a10.95 10.95 0 0 0 5.893 1.71a10.95 10.95 0 0 0 5.887-1.706l-3.484-3.484h-.003l-.016.008a6.3 6.3 0 0 1-2.384.467a6.3 6.3 0 0 1-2.4-.474zm11.188.822a10.95 10.95 0 0 0 2.221-6.63c0-2.49-.827-4.787-2.223-6.631l-3.39 3.39v.002l.018.029a6.26 6.26 0 0 1 .881 3.21a6.27 6.27 0 0 1-.875 3.202l-.021.036l-.002.002zM15.998 3.98c1.39 0 2.727.238 3.97.673c-.165-.161-.33-.334-.494-.506l-.072-.074a14 14 0 0 0-.992-.964c-.705-.602-1.48-1.037-2.429-1.037s-1.723.435-2.428 1.037c-.353.301-.677.634-.992.964l-.072.074c-.17.178-.342.358-.513.525a12 12 0 0 1 4.022-.691m12 12a12 12 0 0 1-.699 4.046c.87-1.002 1.625-2.157 1.625-4.03c0-1.857-.744-3.01-1.605-4.006c.44 1.249.68 2.592.68 3.99m-12 12a12 12 0 0 1-4.13-.73c.196.187.395.395.592.6l.1.105c.315.327.638.656.99.954c.704.593 1.48 1.02 2.431 1.02s1.728-.427 2.431-1.02c.353-.298.676-.627.99-.954l.101-.105a20 20 0 0 1 .571-.58a12 12 0 0 1-4.076.71m-12-12c0-1.406.243-2.757.688-4.012c-.861 1.001-1.61 2.157-1.61 4.029c0 1.886.76 3.045 1.63 4.052a12 12 0 0 1-.708-4.068m10.154 4.955a5.3 5.3 0 0 0 1.846.331c.621 0 1.215-.106 1.767-.302l.247-.102a5.3 5.3 0 0 0 2.51-2.165l.172-.286a5.26 5.26 0 0 0 .59-2.43c0-.89-.22-1.726-.606-2.46l-.156-.26a5.3 5.3 0 0 0-2.51-2.165l-.172-.072a5.286 5.286 0 0 0-6.447 7.552l.072.12a5.3 5.3 0 0 0 2.51 2.166z"/></svg>Cómo usar el icono Ring Buoy
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:ring-buoy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:ring-buoy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:ring-buoy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--ring-buoy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:ring-buoy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:ring-buoy"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ring-buoy.svg" alt="Icono Ring Buoy" width="24" height="24">Iconos relacionados en Fluent Emoji High Contrast
El icono Ring Buoy en otras colecciones
Preguntas frecuentes sobre Icono Ring Buoy
¿El icono Ring Buoy es gratis para uso comercial?
Sí. Fluent Emoji High Contrast icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Ring Buoy en React?
Instala @iconify/react y renderiza <Icon icon="fluent-emoji-high-contrast:ring-buoy" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ring Buoy a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ring-buoy.svg" alt="Icono Ring Buoy">, o pega el código SVG en línea para darle estilo con CSS.