Safety Pin アイコン
openmoji:safety-pin
Safety Pin アイコン(openmoji:safety-pin)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 物
- タグ
- safetypin
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>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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:safety-pin"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/safety-pin.svg" alt="Safety Pin アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの Safety Pin アイコン
Safety Pin アイコン のよくある質問
Safety Pin アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Safety Pin アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:safety-pin" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Safety Pin アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/safety-pin.svg" alt="Safety Pin アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。