ICONYZ
Español
Icono Safety Pin de Fluent Emoji Flat

Icono Safety Pin

fluent-emoji-flat:safety-pin

El icono Safety Pin (fluent-emoji-flat:safety-pin) es un icono SVG gratuito de la colección Fluent Emoji Flat de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji Flat 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 Flat
Autor
Microsoft Corporation
Licencia
MIT
Tamaño
32 × 32
Categoría
Objetos
Etiquetas
safetypin
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#cdc4d6" d="M11.563 28a1.535 1.535 0 0 1 0-2.289L22.05 15.475a1.836 1.836 0 0 1 2.465 0a1.535 1.535 0 0 1 0 2.29L14.028 28c-.673.634-1.783.634-2.465 0"/><path fill="#d3d3d3" d="M14.095 17.74a7.05 7.05 0 0 0-3.389-1.916L16.537 9.9a1.714 1.714 0 0 0 0-2.401a1.65 1.65 0 0 0-2.364 0l-10.08 10.24c-2.754 2.799-2.754 7.364 0 10.162a7.007 7.007 0 0 0 10.002 0c2.755-2.798 2.755-7.363 0-10.161M6.457 25.5a3.834 3.834 0 0 1 0-5.359a3.69 3.69 0 0 1 5.275 0a3.834 3.834 0 0 1 0 5.359a3.69 3.69 0 0 1-5.275 0"/><path fill="#cdc4d6" d="M14.095 17.74a7.05 7.05 0 0 0-3.389-1.916L16.537 9.9a1.714 1.714 0 0 0 0-2.401a1.65 1.65 0 0 0-2.364 0l-10.08 10.24c-2.754 2.799-2.754 7.364 0 10.162a7.007 7.007 0 0 0 10.002 0c2.755-2.798 2.755-7.363 0-10.161M6.457 25.5a3.834 3.834 0 0 1 0-5.359a3.69 3.69 0 0 1 5.275 0a3.834 3.834 0 0 1 0 5.359a3.69 3.69 0 0 1-5.275 0"/><path fill="#b4acbc" d="M17.65 19.77a9.36 9.36 0 0 1 .43 4.275L14.029 28a2 2 0 0 1-.21.169q.14-.13.277-.268c1.742-1.77 2.382-4.246 1.92-6.536zM27.791 4.211l-.049-.049a7.5 7.5 0 0 0-5.418-2.161a7.75 7.75 0 0 0-5.389 2.278l-3.739 3.746a.597.597 0 0 0 0 .831l1.035 1.037a2.466 2.466 0 0 0 3.495 0l2.43-2.435c1.24-1.242 3.232-1.262 4.453-.059l.01.01a3.16 3.16 0 0 1 .907 2.445a.295.295 0 0 1-.205.274a.31.31 0 0 1-.342-.079a3.666 3.666 0 0 0-5.193 0l-.088.088a3.68 3.68 0 0 0 0 5.203l1.123 1.125l2.294 2.298l.068.068a.595.595 0 0 0 .83 0l3.807-3.814c2.948-2.973 2.948-7.823-.029-10.806"/></g></svg>

Cómo usar el icono Safety Pin

React

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

<Icon icon="fluent-emoji-flat:safety-pin" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:safety-pin" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:safety-pin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--safety-pin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:safety-pin"></div>

Web component

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

<iconify-icon icon="fluent-emoji-flat:safety-pin"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/safety-pin.svg" alt="Icono Safety Pin" width="24" height="24">

Iconos relacionados en Fluent Emoji Flat

El icono Safety Pin en otras colecciones

Preguntas frecuentes sobre Icono Safety Pin

¿El icono Safety Pin es gratis para uso comercial?

Sí. Fluent Emoji Flat icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Safety Pin en React?

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

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

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/safety-pin.svg" alt="Icono Safety Pin">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Fluent Emoji Flat →