Icône Safety Pin
openmoji:safety-pin
L'icône Safety Pin (openmoji:safety-pin) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- OpenMoji
- Auteur
- OpenMoji
- Licence
- CC-BY-SA-4.0
- Taille
- 72 × 72
- Catégorie
- Objets
- Mots-clés
- safetypin
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="#d0cfce"><path d="M46.16 18.741a9.9 9.9 0 0 0-3.501-6.132l-.312-.243a10 10 0 0 0-1.245-.79l-.338-.173l-.098-.045l-.293-.132a2 2 0 0 0-.244-.104l-.245-.094a2 2 0 0 0-.193-.067v-.001a7 7 0 0 0-.309-.099l-.029-.008v-.001c-.15-.046-.3-.091-.394-.112a8 8 0 0 0-.633-.144l-.115-.019a3 3 0 0 0-.166-.028a4 4 0 0 0-.356-.047a9.8 9.8 0 0 0-2.256-.018a4 4 0 0 0-.377.051a5 5 0 0 0-.274.043l-.109.018a2 2 0 0 0-.192.039a10.4 10.4 0 0 0-1.705.525q-.075.03-.147.068l-.288.13l-.083.038c-.56.273-1.094.597-1.594.969l-.374.291a9.76 9.76 0 0 0-3.551 7.539a9 9 0 0 0 .057 1.039c.109.852.834 1.49 1.692 1.491c.271.003.538-.068.771-.204a1.9 1.9 0 0 0 .917-1.824q-.008-.091-.013-.196q-.007-.153-.005-.306a6.32 6.32 0 0 1 2.253-4.858l.303-.237a7 7 0 0 1 1.035-.628l.287-.129q.053-.021.104-.047q.248-.096.533-.183q.27-.085.546-.141l.04-.009l.306-.048c.057-.01.114-.021.214-.03a6 6 0 0 1 1.535.014l.297.044l.152.025c.018.005.293.077.31.08l-.258-.068c.09.016.175.04.316.077c.072.016.144.041.216.062l.057.017l.069.021l.204.07l.007.002l.056.022q.087.035.171.065l.063.028l.545.262q.406.22.777.496l.242.188a6.35 6.35 0 0 1 2.247 3.994a.846.846 0 0 1-.843.957c-1.397.011-2.788-.2-4.119-.625a.935.935 0 0 0-1.12 1.311c1.197 2.364 3.734 5.69 8.316 4.843a1.6 1.6 0 0 0 1.28-1.562c.079-1.823.033-3.65-.139-5.467"/><ellipse cx="36.489" cy="57.306" rx="4.725" ry="4.701"/></g><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M41.143 58.223s7.444-25.205 10.48-35.007"/><path stroke-miterlimit="10" d="M26.796 21.234c.675 7.282 4.972 36.496 4.972 36.496"/><ellipse cx="36.489" cy="57.306" stroke-miterlimit="10" rx="4.725" ry="4.701"/><ellipse cx="36.51" cy="57.306" stroke-miterlimit="10" rx="1.667" ry="1.675"/><path stroke-miterlimit="10" d="M26.739 20.195a9 9 0 0 0 .057 1.039c.109.852.834 1.49 1.692 1.491"/><path stroke-miterlimit="10" d="M46.16 18.741a9.9 9.9 0 0 0-3.501-6.132l-.312-.243a10 10 0 0 0-1.245-.79l-.338-.173l-.098-.045l-.293-.132a2 2 0 0 0-.244-.104l-.245-.094a2 2 0 0 0-.193-.067v-.001a7 7 0 0 0-.309-.099l-.029-.008v-.001c-.15-.046-.3-.091-.394-.112a8 8 0 0 0-.633-.144l-.115-.019a3 3 0 0 0-.166-.028a4 4 0 0 0-.356-.047a9.8 9.8 0 0 0-2.907.076l-.109.018a2 2 0 0 0-.192.039a10.4 10.4 0 0 0-1.705.525q-.075.03-.147.068l-.288.129l-.083.039c-.56.273-1.094.597-1.594.969l-.374.291a9.76 9.76 0 0 0-3.551 7.539a9 9 0 0 0 .057 1.039c.111.862 0 1.746 1.692 1.491c.269-.015.531-.085.771-.204a1.9 1.9 0 0 0 .917-1.824q-.008-.091-.013-.196q-.007-.153-.005-.306a6.32 6.32 0 0 1 2.253-4.858l.303-.237a7 7 0 0 1 1.035-.628l.287-.129q.053-.021.104-.047q.248-.096.533-.183q.27-.085.546-.141l.04-.009l.306-.048c.057-.01.114-.021.214-.03a6 6 0 0 1 1.535.014l.297.043q.077.015.152.026c.018.005.293.077.31.08l-.258-.068c.09.016.175.04.316.077c.072.016.144.041.216.062l.057.017l.069.021l.204.07l.007.002l.056.022q.087.035.171.065l.063.028l.545.262q.406.22.777.496l.242.188a6.35 6.35 0 0 1 2.247 3.994a.846.846 0 0 1-.843.957c-1.397.011-2.788-.2-4.119-.625a.935.935 0 0 0-1.12 1.31c1.197 2.365 3.734 5.691 8.316 4.844a1.6 1.6 0 0 0 1.28-1.562c.079-1.823.033-3.65-.139-5.467z"/></g></svg>Comment utiliser l'icône Safety Pin
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:safety-pin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:safety-pin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:safety-pin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--safety-pin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:safety-pin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:safety-pin"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/openmoji/safety-pin.svg" alt="Icône Safety Pin" width="24" height="24">Icônes similaires dans OpenMoji
L'icône Safety Pin dans d'autres collections
FAQ : Icône Safety Pin
L'icône Safety Pin est-elle gratuite pour un usage commercial ?
Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.
Comment utiliser l'icône Safety Pin dans React ?
Installez @iconify/react et affichez <Icon icon="openmoji:safety-pin" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Safety Pin à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/safety-pin.svg" alt="Icône Safety Pin">, ou collez le code SVG directement dans la page pour le styliser en CSS.