Linked Paperclips アイコン

Q: Linked Paperclips アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji:linked-paperclips

Linked Paperclips アイコン(fluent-emoji:linked-paperclips)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: linkedpaperclips、paperclip

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iyP7Xed)"><path fill="#DDD7E9" d="M5.355 11.781a4.163 4.163 0 1 1 8.325 0v11.823a5.678 5.678 0 0 1-11.356-.026v-8.625a.85.85 0 0 1 1.7 0v8.625a3.978 3.978 0 1 0 7.956 0V11.781a2.463 2.463 0 1 0-4.925 0v10.016a.916.916 0 1 0 1.831 0v-6.75a.85.85 0 0 1 1.7 0v6.75a2.616 2.616 0 0 1-5.23.036z"/></g><path fill="url(#i6mk42b)" d="M5.355 11.781a4.163 4.163 0 1 1 8.325 0v11.823a5.678 5.678 0 0 1-11.356-.026v-8.625a.85.85 0 0 1 1.7 0v8.625a3.978 3.978 0 1 0 7.956 0V11.781a2.463 2.463 0 1 0-4.925 0v10.016a.916.916 0 1 0 1.831 0v-6.75a.85.85 0 0 1 1.7 0v6.75a2.616 2.616 0 0 1-5.23.036z"/><path fill="url(#i2ajvRd)" d="M5.355 11.781a4.163 4.163 0 1 1 8.325 0v11.823a5.678 5.678 0 0 1-11.356-.026v-8.625a.85.85 0 0 1 1.7 0v8.625a3.978 3.978 0 1 0 7.956 0V11.781a2.463 2.463 0 1 0-4.925 0v10.016a.916.916 0 1 0 1.831 0v-6.75a.85.85 0 0 1 1.7 0v6.75a2.616 2.616 0 0 1-5.23.036z"/><path fill="url(#i6ipekd)" d="M5.355 11.781a4.163 4.163 0 1 1 8.325 0v11.823a5.678 5.678 0 0 1-11.356-.026v-8.625a.85.85 0 0 1 1.7 0v8.625a3.978 3.978 0 1 0 7.956 0V11.781a2.463 2.463 0 1 0-4.925 0v10.016a.916.916 0 1 0 1.831 0v-6.75a.85.85 0 0 1 1.7 0v6.75a2.616 2.616 0 0 1-5.23.036z"/><path fill="url(#ix0WUgc)" d="M5.355 11.781a4.163 4.163 0 1 1 8.325 0v11.823a5.678 5.678 0 0 1-11.356-.026v-8.625a.85.85 0 0 1 1.7 0v8.625a3.978 3.978 0 1 0 7.956 0V11.781a2.463 2.463 0 1 0-4.925 0v10.016a.916.916 0 1 0 1.831 0v-6.75a.85.85 0 0 1 1.7 0v6.75a2.616 2.616 0 0 1-5.23.036z"/><g filter="url(#i35jNgc)"><path stroke="#E1DEEA" stroke-linecap="round" stroke-width=".25" d="M6.46 21.813V11.78a3.31 3.31 0 0 1 3.31-3.31a3.31 3.31 0 0 1 3.309 3.312m0 11.813v-7.61"/></g><g filter="url(#ikgbLSh)"><path stroke="#E1DEEA" stroke-linecap="round" stroke-width=".25" d="M6.46 21.797a1.765 1.765 0 1 0 3.528 0v-6.75"/></g><g filter="url(#iVZJPtc)"><path stroke="#E1DEEA" stroke-linecap="round" stroke-width=".25" d="M13.079 23.578a4.826 4.826 0 0 1-4.823 4.828a4.826 4.826 0 0 1-4.824-4.828v-8.625"/></g><g filter="url(#iRvZgtd)"><path stroke="#E1DEEA" stroke-linecap="round" stroke-width=".25" d="M15.7 7.733h10.03a3.31 3.31 0 0 1 3.313 3.31a3.31 3.31 0 0 1-3.312 3.309H13.917"/></g><g filter="url(#i0KfOGB)"><path stroke="#E1DEEA" stroke-linecap="round" stroke-width=".25" d="M15.715 7.733a1.765 1.765 0 1 0 0 3.528h6.75"/></g><g fill="#DDD7E9" filter="url(#i0jLCAd)"><path d="M29.88 10.79a4.16 4.16 0 0 0-4.162-4.162H15.666a2.616 2.616 0 0 0-2.532 3.112q.251.447.39.951a2.61 2.61 0 0 0 2.178 1.168h6.75a.85.85 0 0 0 0-1.7h-6.75a.916.916 0 0 1 0-1.83h10.016a2.462 2.462 0 1 1 0 4.924H13.92a3.98 3.98 0 0 1-3.977-3.895a2.48 2.48 0 0 0-1.688.3a5.68 5.68 0 0 0 5.64 5.295h11.822a4.16 4.16 0 0 0 4.162-4.162"/><path d="M8.449 7.754a4.2 4.2 0 0 1 1.822-.065a3.98 3.98 0 0 1 3.65-2.392h8.625a.85.85 0 1 0 0-1.7H13.92a5.68 5.68 0 0 0-5.472 4.157"/></g><path fill="url(#ittEt5c)" d="M29.88 10.79a4.16 4.16 0 0 0-4.162-4.162H15.666a2.616 2.616 0 0 0-2.532 3.112q.251.447.39.951a2.61 2.61 0 0 0 2.178 1.168h6.75a.85.85 0 0 0 0-1.7h-6.75a.916.916 0 0 1 0-1.83h10.016a2.462 2.462 0 1 1 0 4.924H13.92a3.98 3.98 0 0 1-3.977-3.895a2.48 2.48 0 0 0-1.688.3a5.68 5.68 0 0 0 5.64 5.295h11.822a4.16 4.16 0 0 0 4.162-4.162"/><path fill="url(#iyKSvec)" d="M29.88 10.79a4.16 4.16 0 0 0-4.162-4.162H15.666a2.616 2.616 0 0 0-2.532 3.112q.251.447.39.951a2.61 2.61 0 0 0 2.178 1.168h6.75a.85.85 0 0 0 0-1.7h-6.75a.916.916 0 0 1 0-1.83h10.016a2.462 2.462 0 1 1 0 4.924H13.92a3.98 3.98 0 0 1-3.977-3.895a2.48 2.48 0 0 0-1.688.3a5.68 5.68 0 0 0 5.64 5.295h11.822a4.16 4.16 0 0 0 4.162-4.162"/><path fill="url(#iLcDqdd)" d="M29.88 10.79a4.16 4.16 0 0 0-4.162-4.162H15.666a2.616 2.616 0 0 0-2.532 3.112q.251.447.39.951a2.61 2.61 0 0 0 2.178 1.168h6.75a.85.85 0 0 0 0-1.7h-6.75a.916.916 0 0 1 0-1.83h10.016a2.462 2.462 0 1 1 0 4.924H13.92a3.98 3.98 0 0 1-3.977-3.895a2.48 2.48 0 0 0-1.688.3a5.68 5.68 0 0 0 5.64 5.295h11.822a4.16 4.16 0 0 0 4.162-4.162"/><path fill="url(#iCm7hRc)" d="M29.88 10.79a4.16 4.16 0 0 0-4.162-4.162H15.666a2.616 2.616 0 0 0-2.532 3.112q.251.447.39.951a2.61 2.61 0 0 0 2.178 1.168h6.75a.85.85 0 0 0 0-1.7h-6.75a.916.916 0 0 1 0-1.83h10.016a2.462 2.462 0 1 1 0 4.924H13.92a3.98 3.98 0 0 1-3.977-3.895a2.48 2.48 0 0 0-1.688.3a5.68 5.68 0 0 0 5.64 5.295h11.822a4.16 4.16 0 0 0 4.162-4.162"/><path fill="url(#ittEt5c)" d="M8.449 7.754a4.2 4.2 0 0 1 1.822-.065a3.98 3.98 0 0 1 3.65-2.392h8.625a.85.85 0 1 0 0-1.7H13.92a5.68 5.68 0 0 0-5.472 4.157"/><path fill="url(#iyKSvec)" d="M8.449 7.754a4.2 4.2 0 0 1 1.822-.065a3.98 3.98 0 0 1 3.65-2.392h8.625a.85.85 0 1 0 0-1.7H13.92a5.68 5.68 0 0 0-5.472 4.157"/><path fill="url(#iLcDqdd)" d="M8.449 7.754a4.2 4.2 0 0 1 1.822-.065a3.98 3.98 0 0 1 3.65-2.392h8.625a.85.85 0 1 0 0-1.7H13.92a5.68 5.68 0 0 0-5.472 4.157"/><path fill="url(#iCm7hRc)" d="M8.449 7.754a4.2 4.2 0 0 1 1.822-.065a3.98 3.98 0 0 1 3.65-2.392h8.625a.85.85 0 1 0 0-1.7H13.92a5.68 5.68 0 0 0-5.472 4.157"/><g filter="url(#i9TCtrc)"><path stroke="url(#icNLcpd)" stroke-linecap="round" stroke-width=".25" d="M14.095 14.098c-2.46 0-4.49-1.898-4.769-4.345M22.674 4.25h-8.579c-1.912 0-3.563 1.146-4.336 2.805"/></g><g filter="url(#iyvV2ee)"><path stroke="url(#iRAG6Td)" stroke-linecap="round" stroke-width=".25" d="M21.301 14.352h4.527a3.533 3.533 0 1 0 0-7.067H21.3"/></g><defs><radialGradient id="i6mk42b" cx="0" cy="0" r="1" gradientTransform="matrix(0 14.375 -10.2353 0 8.002 15.375)" gradientUnits="userSpaceOnUse"><stop offset=".878" stop-color="#8F7AA8" stop-opacity="0"/><stop offset="1" stop-color="#8F7AA8"/></radialGradient><radialGradient id="i2ajvRd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.34375 2.86458 0 9.549 10.625)" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#A18DBA"/><stop offset="1" stop-color="#A18DBA" stop-opacity="0"/></radialGradient><radialGradient id="i6ipekd" cx="0" cy="0" r="1" gradientTransform="matrix(0 8.375 -1.14204 0 12.018 16.625)" gradientUnits="userSpaceOnUse"><stop stop-color="#A7A1B3"/><stop offset="1" stop-color="#A7A1B3" stop-opacity="0"/></radialGradient><radialGradient id="ix0WUgc" cx="0" cy="0" r="1" gradientTransform="matrix(2.32813 .9375 -.42927 1.06602 12.627 14.625)" gradientUnits="userSpaceOnUse"><stop offset=".136" stop-color="#9787AC"/><stop offset="1" stop-color="#ADA6B9" stop-opacity="0"/></radialGradient><radialGradient id="ittEt5c" cx="0" cy="0" r="1" gradientTransform="matrix(.25 .9125 -5.15318 1.41182 9.174 9.275)" gradientUnits="userSpaceOnUse"><stop stop-color="#8C7CA1"/><stop offset="1" stop-color="#B1AABD" stop-opacity="0"/></radialGradient><radialGradient id="iLcDqdd" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.0625 9.57477 0 19.068 12.156)" gradientUnits="userSpaceOnUse"><stop offset=".176" stop-color="#9D8BB4"/><stop offset="1" stop-color="#C3B9D2" stop-opacity="0"/></radialGradient><radialGradient id="iCm7hRc" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.1875 9.63727 0 19.068 5.688)" gradientUnits="userSpaceOnUse"><stop offset=".176" stop-color="#9D8BB4"/><stop offset="1" stop-color="#C3B9D2" stop-opacity="0"/></radialGradient><filter id="iyP7Xed" width="12.106" height="22.288" x="2.324" y="7.119" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".75" dy="-.5"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.760784 0 0 0 0 0.717647 0 0 0 0 0.819608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23209"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".3" dy="-.15"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.627451 0 0 0 0 0.6 0 0 0 0 0.678431 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23209" result="effect2_innerShadow_18_23209"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.847059 0 0 0 0 0.843137 0 0 0 0 0.862745 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_23209" result="effect3_innerShadow_18_23209"/></filter><filter id="i35jNgc" width="7.868" height="16.375" x="5.836" y="7.844" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="ikgbLSh" width="4.778" height="9.766" x="5.836" y="14.422" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="iVZJPtc" width="10.897" height="14.703" x="2.807" y="14.328" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="iRvZgtd" width="16.375" height="7.868" x="13.293" y="7.108" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="i0KfOGB" width="9.766" height="4.778" x="13.324" y="7.108" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="i0jLCAd" width="22.375" height="12.006" x="8.256" y="3.097" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".75" dy="-.5"/><feGaussianBlur stdDeviation="1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.760784 0 0 0 0 0.717647 0 0 0 0 0.819608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23209"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".3" dy="-.15"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.627451 0 0 0 0 0.6 0 0 0 0 0.678431 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23209" result="effect2_innerShadow_18_23209"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.847059 0 0 0 0 0.843137 0 0 0 0 0.862745 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_23209" result="effect3_innerShadow_18_23209"/></filter><filter id="i9TCtrc" width="14.598" height="11.098" x="8.701" y="3.625" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><filter id="iyvV2ee" width="9.31" height="8.317" x="20.676" y="6.66" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23209" stdDeviation=".25"/></filter><linearGradient id="iyKSvec" x1="21.799" x2="21.799" y1="15.313" y2="14.094" gradientUnits="userSpaceOnUse"><stop stop-color="#9783B0"/><stop offset="1" stop-color="#AEA2BE" stop-opacity="0"/></linearGradient><linearGradient id="icNLcpd" x1="22.674" x2="7.83" y1="9.174" y2="13.125" gradientUnits="userSpaceOnUse"><stop stop-color="#F3F1FA"/><stop offset="1" stop-color="#F3F1FA" stop-opacity="0"/></linearGradient><linearGradient id="iRAG6Td" x1="29.58" x2="25.149" y1="8.813" y2="11.421" gradientUnits="userSpaceOnUse"><stop stop-color="#F3F1FA"/><stop offset="1" stop-color="#F3F1FA" stop-opacity="0"/></linearGradient></defs></g></svg>

Linked Paperclips アイコンの使い方

React

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

<Icon icon="fluent-emoji:linked-paperclips" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:linked-paperclips" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:linked-paperclips" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--linked-paperclips]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:linked-paperclips"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/linked-paperclips.svg" alt="Linked Paperclips アイコン" width="24" height="24">

他のアイコンセットの Linked Paperclips アイコン

Linked Paperclips アイコンのよくある質問

Linked Paperclips アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Linked Paperclips アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent-emoji:linked-paperclips" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Linked Paperclips アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/linked-paperclips.svg" alt="Linked Paperclips アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent Emoji アイコンをすべて見る →