safety pin emoji
safety-pin from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- safety-pin
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the safety pin emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatSafetyPin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-safety-pin {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M11.563%2028a1.535%201.535%200%200%201%200-2.289L22.05%2015.475a1.836%201.836%200%200%201%202.465%200a1.535%201.535%200%200%201%200%202.29L14.028%2028c-.673.634-1.783.634-2.465%200%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M14.095%2017.74a7.05%207.05%200%200%200-3.389-1.916L16.537%209.9a1.714%201.714%200%200%200%200-2.401a1.65%201.65%200%200%200-2.364%200l-10.08%2010.24c-2.754%202.799-2.754%207.364%200%2010.162a7.007%207.007%200%200%200%2010.002%200c2.755-2.798%202.755-7.363%200-10.161M6.457%2025.5a3.834%203.834%200%200%201%200-5.359a3.69%203.69%200%200%201%205.275%200a3.834%203.834%200%200%201%200%205.359a3.69%203.69%200%200%201-5.275%200%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M14.095%2017.74a7.05%207.05%200%200%200-3.389-1.916L16.537%209.9a1.714%201.714%200%200%200%200-2.401a1.65%201.65%200%200%200-2.364%200l-10.08%2010.24c-2.754%202.799-2.754%207.364%200%2010.162a7.007%207.007%200%200%200%2010.002%200c2.755-2.798%202.755-7.363%200-10.161M6.457%2025.5a3.834%203.834%200%200%201%200-5.359a3.69%203.69%200%200%201%205.275%200a3.834%203.834%200%200%201%200%205.359a3.69%203.69%200%200%201-5.275%200%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M17.65%2019.77a9.36%209.36%200%200%201%20.43%204.275L14.029%2028a2%202%200%200%201-.21.169q.14-.13.277-.268c1.742-1.77%202.382-4.246%201.92-6.536zM27.791%204.211l-.049-.049a7.5%207.5%200%200%200-5.418-2.161a7.75%207.75%200%200%200-5.389%202.278l-3.739%203.746a.597.597%200%200%200%200%20.831l1.035%201.037a2.466%202.466%200%200%200%203.495%200l2.43-2.435c1.24-1.242%203.232-1.262%204.453-.059l.01.01a3.16%203.16%200%200%201%20.907%202.445a.295.295%200%200%201-.205.274a.31.31%200%200%201-.342-.079a3.666%203.666%200%200%200-5.193%200l-.088.088a3.68%203.68%200%200%200%200%205.203l1.123%201.125l2.294%202.298l.068.068a.595.595%200%200%200%20.83%200l3.807-3.814c2.948-2.973%202.948-7.823-.029-10.806%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M11.563%2028a1.535%201.535%200%200%201%200-2.289L22.05%2015.475a1.836%201.836%200%200%201%202.465%200a1.535%201.535%200%200%201%200%202.29L14.028%2028c-.673.634-1.783.634-2.465%200%22%2F%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M14.095%2017.74a7.05%207.05%200%200%200-3.389-1.916L16.537%209.9a1.714%201.714%200%200%200%200-2.401a1.65%201.65%200%200%200-2.364%200l-10.08%2010.24c-2.754%202.799-2.754%207.364%200%2010.162a7.007%207.007%200%200%200%2010.002%200c2.755-2.798%202.755-7.363%200-10.161M6.457%2025.5a3.834%203.834%200%200%201%200-5.359a3.69%203.69%200%200%201%205.275%200a3.834%203.834%200%200%201%200%205.359a3.69%203.69%200%200%201-5.275%200%22%2F%3E%3Cpath%20fill%3D%22%23cdc4d6%22%20d%3D%22M14.095%2017.74a7.05%207.05%200%200%200-3.389-1.916L16.537%209.9a1.714%201.714%200%200%200%200-2.401a1.65%201.65%200%200%200-2.364%200l-10.08%2010.24c-2.754%202.799-2.754%207.364%200%2010.162a7.007%207.007%200%200%200%2010.002%200c2.755-2.798%202.755-7.363%200-10.161M6.457%2025.5a3.834%203.834%200%200%201%200-5.359a3.69%203.69%200%200%201%205.275%200a3.834%203.834%200%200%201%200%205.359a3.69%203.69%200%200%201-5.275%200%22%2F%3E%3Cpath%20fill%3D%22%23b4acbc%22%20d%3D%22M17.65%2019.77a9.36%209.36%200%200%201%20.43%204.275L14.029%2028a2%202%200%200%201-.21.169q.14-.13.277-.268c1.742-1.77%202.382-4.246%201.92-6.536zM27.791%204.211l-.049-.049a7.5%207.5%200%200%200-5.418-2.161a7.75%207.75%200%200%200-5.389%202.278l-3.739%203.746a.597.597%200%200%200%200%20.831l1.035%201.037a2.466%202.466%200%200%200%203.495%200l2.43-2.435c1.24-1.242%203.232-1.262%204.453-.059l.01.01a3.16%203.16%200%200%201%20.907%202.445a.295.295%200%200%201-.205.274a.31.31%200%200%201-.342-.079a3.666%203.666%200%200%200-5.193%200l-.088.088a3.68%203.68%200%200%200%200%205.203l1.123%201.125l2.294%202.298l.068.068a.595.595%200%200%200%20.83%200l3.807-3.814c2.948-2.973%202.948-7.823-.029-10.806%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/safety-pin.svg?color=%231a73e8&size=48
