Curly Loop アイコン

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

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

fluent-emoji:curly-loop

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#itaXRLb)" d="M3.53 7.753c3.388 0 6.591.441 9.085 1.317c.182.064.221.303.076.43l3.333.004l.015-2.305a.4.4 0 0 1-.194-.043C12.608 5.536 8.302 4.719 3.53 4.719c-.828 0-1.499.68-1.499 1.517s.671 1.517 1.499 1.517"/><path fill="url(#imhslpc)" d="M3.53 7.753c3.388 0 6.591.441 9.085 1.317c.182.064.221.303.076.43l3.333.004l.015-2.305a.4.4 0 0 1-.194-.043C12.608 5.536 8.302 4.719 3.53 4.719c-.828 0-1.499.68-1.499 1.517s.671 1.517 1.499 1.517"/><path fill="url(#iVPSy6b)" d="M3.53 7.753c3.388 0 6.591.441 9.085 1.317c.182.064.221.303.076.43l3.333.004l.015-2.305a.4.4 0 0 1-.194-.043C12.608 5.536 8.302 4.719 3.53 4.719c-.828 0-1.499.68-1.499 1.517s.671 1.517 1.499 1.517"/><path fill="url(#irE6OLe)" d="M28.502 7.753c-3.389 0-6.592.441-9.086 1.317c-.182.064-.22.303-.075.43l-3.334.004l-.014-2.305a.4.4 0 0 0 .193-.043c3.237-1.62 7.543-2.437 12.316-2.437c.827 0 1.498.68 1.498 1.517s-.671 1.517-1.498 1.517"/><path fill="url(#iESYESc)" d="M28.502 7.753c-3.389 0-6.592.441-9.086 1.317c-.182.064-.22.303-.075.43l-3.334.004l-.014-2.305a.4.4 0 0 0 .193-.043c3.237-1.62 7.543-2.437 12.316-2.437c.827 0 1.498.68 1.498 1.517s-.671 1.517-1.498 1.517"/><path fill="url(#i3rOgRb)" d="M28.502 7.753c-3.389 0-6.592.441-9.086 1.317c-.182.064-.22.303-.075.43l-3.334.004l-.014-2.305a.4.4 0 0 0 .193-.043c3.237-1.62 7.543-2.437 12.316-2.437c.827 0 1.498.68 1.498 1.517s-.671 1.517-1.498 1.517"/><path fill="url(#ibS3MPe)" d="M28.502 7.753c-3.389 0-6.592.441-9.086 1.317c-.182.064-.22.303-.075.43l-3.334.004l-.014-2.305a.4.4 0 0 0 .193-.043c3.237-1.62 7.543-2.437 12.316-2.437c.827 0 1.498.68 1.498 1.517s-.671 1.517-1.498 1.517"/><path fill="url(#i5Z5xXb)" d="M7.523 20.412c.007 4.736 3.813 8.586 8.49 8.586c4.683 0 8.491-3.856 8.492-8.596l-1.499-1.052l-1.498 1.012v.04c0 3.067-2.465 5.562-5.494 5.562s-5.494-2.495-5.494-5.562v-.03L9.022 19.35z"/><path fill="url(#ipY8YPr)" d="M7.523 20.412c.007 4.736 3.813 8.586 8.49 8.586c4.683 0 8.491-3.856 8.492-8.596l-1.499-1.052l-1.498 1.012v.04c0 3.067-2.465 5.562-5.494 5.562s-5.494-2.495-5.494-5.562v-.03L9.022 19.35z"/><path fill="url(#iZWanEd)" d="M7.523 20.412c.007 4.736 3.813 8.586 8.49 8.586c4.683 0 8.491-3.856 8.492-8.596l-1.499-1.052l-1.498 1.012v.04c0 3.067-2.465 5.562-5.494 5.562s-5.494-2.495-5.494-5.562v-.03L9.022 19.35z"/><path fill="url(#ihoXTte)" d="M7.523 20.412c.007 4.736 3.813 8.586 8.49 8.586c4.683 0 8.491-3.856 8.492-8.596l-1.499-1.052l-1.498 1.012v.04c0 3.067-2.465 5.562-5.494 5.562s-5.494-2.495-5.494-5.562v-.03L9.022 19.35z"/><path fill="url(#iRR3vwc)" d="M11.764 10.38c-4.216 4.356-4.245 9.614-4.24 10.033l2.996-.011v-.03c0-.044-.045-4.325 3.385-7.867a12.6 12.6 0 0 1 1.9-1.607a.38.38 0 0 1 .435 0q1.008.7 1.842 1.554c3.386 3.464 3.426 7.755 3.426 7.91v.04h2.997V20.4c.005-.42-.028-5.678-4.245-10.033a15 15 0 0 0-.903-.86s-1.895-1.73-3.334-1.657s-3.334 1.65-3.334 1.65q-.481.422-.925.88"/><path fill="url(#irVNpsd)" d="M11.764 10.38c-4.216 4.356-4.245 9.614-4.24 10.033l2.996-.011v-.03c0-.044-.045-4.325 3.385-7.867a12.6 12.6 0 0 1 1.9-1.607a.38.38 0 0 1 .435 0q1.008.7 1.842 1.554c3.386 3.464 3.426 7.755 3.426 7.91v.04h2.997V20.4c.005-.42-.028-5.678-4.245-10.033a15 15 0 0 0-.903-.86s-1.895-1.73-3.334-1.657s-3.334 1.65-3.334 1.65q-.481.422-.925.88"/><path fill="url(#iqPSqld)" d="M11.764 10.38c-4.216 4.356-4.245 9.614-4.24 10.033l2.996-.011v-.03c0-.044-.045-4.325 3.385-7.867a12.6 12.6 0 0 1 1.9-1.607a.38.38 0 0 1 .435 0q1.008.7 1.842 1.554c3.386 3.464 3.426 7.755 3.426 7.91v.04h2.997V20.4c.005-.42-.028-5.678-4.245-10.033a15 15 0 0 0-.903-.86s-1.895-1.73-3.334-1.657s-3.334 1.65-3.334 1.65q-.481.422-.925.88"/><path fill="url(#iMfapVs)" d="M11.764 10.38c-4.216 4.356-4.245 9.614-4.24 10.033l2.996-.011v-.03c0-.044-.045-4.325 3.385-7.867a12.6 12.6 0 0 1 1.9-1.607a.38.38 0 0 1 .435 0q1.008.7 1.842 1.554c3.386 3.464 3.426 7.755 3.426 7.91v.04h2.997V20.4c.005-.42-.028-5.678-4.245-10.033a15 15 0 0 0-.903-.86s-1.895-1.73-3.334-1.657s-3.334 1.65-3.334 1.65q-.481.422-.925.88"/><path fill="url(#i446APc)" d="M11.764 10.38c-4.216 4.356-4.245 9.614-4.24 10.033l2.996-.011v-.03c0-.044-.045-4.325 3.385-7.867a12.6 12.6 0 0 1 1.9-1.607a.38.38 0 0 1 .435 0q1.008.7 1.842 1.554c3.386 3.464 3.426 7.755 3.426 7.91v.04h2.997V20.4c.005-.42-.028-5.678-4.245-10.033a15 15 0 0 0-.903-.86s-1.895-1.73-3.334-1.657s-3.334 1.65-3.334 1.65q-.481.422-.925.88"/><path fill="url(#ie7NTlb)" d="M11.764 10.38c-4.216 4.356-4.245 9.614-4.24 10.032l2.996-.01v-.03c0-.044-.045-4.325 3.385-7.867a12.6 12.6 0 0 1 1.9-1.607a.4.4 0 0 1 .218-.068c.076 0 0-2.98 0-2.98c-1.44.072-3.334 1.65-3.334 1.65a16 16 0 0 0-.925.88"/><path fill="url(#iKiXCGb)" d="M11.764 10.38c-4.216 4.356-4.245 9.614-4.24 10.032l2.996-.01v-.03c0-.044-.045-4.325 3.385-7.867a12.6 12.6 0 0 1 1.9-1.607a.4.4 0 0 1 .218-.068c.076 0 0-2.98 0-2.98c-1.44.072-3.334 1.65-3.334 1.65a16 16 0 0 0-.925.88"/><path fill="url(#it1FJPd)" d="M11.764 10.38c-4.216 4.356-4.245 9.614-4.24 10.032l2.996-.01v-.03c0-.044-.045-4.325 3.385-7.867a12.6 12.6 0 0 1 1.9-1.607a.4.4 0 0 1 .218-.068c.076 0 0-2.98 0-2.98c-1.44.072-3.334 1.65-3.334 1.65a16 16 0 0 0-.925.88"/><path fill="url(#ie5aBkc)" d="M11.764 10.38c-4.216 4.356-4.245 9.614-4.24 10.032l2.996-.01v-.03c0-.044-.045-4.325 3.385-7.867a12.6 12.6 0 0 1 1.9-1.607a.4.4 0 0 1 .218-.068c.076 0 0-2.98 0-2.98c-1.44.072-3.334 1.65-3.334 1.65a16 16 0 0 0-.925.88"/><defs><radialGradient id="itaXRLb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -10.5808 23.0937 0 2.031 14.893)" gradientUnits="userSpaceOnUse"><stop offset=".725" stop-color="#8347DE"/><stop offset=".796" stop-color="#765EC0"/><stop offset=".858" stop-color="#867BC1"/><stop offset=".9" stop-color="#9388CA"/><stop offset="1" stop-color="#675B9F"/></radialGradient><radialGradient id="imhslpc" cx="0" cy="0" r="1" gradientTransform="matrix(2.96875 .34375 -1.00633 8.69106 1.344 5.719)" gradientUnits="userSpaceOnUse"><stop offset=".333" stop-color="#413576"/><stop offset=".866" stop-color="#5E509C" stop-opacity="0"/></radialGradient><radialGradient id="iVPSy6b" cx="0" cy="0" r="1" gradientTransform="matrix(-.25 1.75 -7.41812 -1.05972 7.875 9.156)" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#5D36B6"/><stop offset="1" stop-color="#5D36B6" stop-opacity="0"/></radialGradient><radialGradient id="irE6OLe" cx="0" cy="0" r="1" gradientTransform="matrix(-.40626 -10.62504 24.99094 -.95556 30 14.969)" gradientUnits="userSpaceOnUse"><stop offset=".74" stop-color="#8347DE"/><stop offset=".811" stop-color="#765EC0"/><stop offset=".873" stop-color="#867BC1"/><stop offset=".906" stop-color="#867AC1"/><stop offset=".977" stop-color="#675B9F"/></radialGradient><radialGradient id="iESYESc" cx="0" cy="0" r="1" gradientTransform="matrix(-4.125 -.31248 .91478 -12.076 31.844 6.375)" gradientUnits="userSpaceOnUse"><stop offset=".333" stop-color="#413576"/><stop offset=".812" stop-color="#5E509C" stop-opacity="0"/></radialGradient><radialGradient id="i3rOgRb" cx="0" cy="0" r="1" gradientTransform="matrix(.25 1.75 -7.41812 1.05973 24.156 9.156)" gradientUnits="userSpaceOnUse"><stop offset=".56" stop-color="#5D36B6"/><stop offset="1" stop-color="#5D36B6" stop-opacity="0"/></radialGradient><radialGradient id="ibS3MPe" cx="0" cy="0" r="1" gradientTransform="rotate(90 11.625 17.219)scale(1.0625)" gradientUnits="userSpaceOnUse"><stop stop-color="#A499DA"/><stop offset="1" stop-color="#958ACF" stop-opacity="0"/></radialGradient><radialGradient id="i5Z5xXb" cx="0" cy="0" r="1" gradientTransform="matrix(0 10 -10.5143 0 16.014 20.125)" gradientUnits="userSpaceOnUse"><stop offset=".594" stop-color="#664BB3"/><stop offset=".694" stop-color="#7961C1"/><stop offset=".736" stop-color="#7E6AC2"/><stop offset=".828" stop-color="#9446FD"/><stop offset=".983" stop-color="#6334C9"/></radialGradient><radialGradient id="ipY8YPr" cx="0" cy="0" r="1" gradientTransform="matrix(6.43751 9.78127 -7.56316 4.97767 14.125 21.656)" gradientUnits="userSpaceOnUse"><stop offset=".316" stop-color="#9388CA" stop-opacity="0"/><stop offset=".457" stop-color="#9388CA"/><stop offset=".597" stop-color="#9388CA" stop-opacity="0"/></radialGradient><radialGradient id="iZWanEd" cx="0" cy="0" r="1" gradientTransform="rotate(87.368 -3.46 19.666)scale(5.44324)" gradientUnits="userSpaceOnUse"><stop offset=".709" stop-color="#524785"/><stop offset=".861" stop-color="#524785" stop-opacity="0"/></radialGradient><radialGradient id="ihoXTte" cx="0" cy="0" r="1" gradientTransform="matrix(0 16.5312 -12.9063 0 16.219 18.969)" gradientUnits="userSpaceOnUse"><stop offset=".583" stop-color="#483484" stop-opacity="0"/><stop offset=".706" stop-color="#504485"/></radialGradient><radialGradient id="iRR3vwc" cx="0" cy="0" r="1" gradientTransform="rotate(53.68 -6.325 23.679)scale(11.713 6.34526)" gradientUnits="userSpaceOnUse"><stop offset=".428" stop-color="#5335A0"/><stop offset=".64" stop-color="#745FBB"/><stop offset=".767" stop-color="#9082CA"/><stop offset=".839" stop-color="#9A8FD0"/><stop offset=".89" stop-color="#7655C1"/><stop offset=".98" stop-color="#6B5DA5"/></radialGradient><radialGradient id="irVNpsd" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.34375 -1.8125 0 15.313 9.719)" gradientUnits="userSpaceOnUse"><stop offset=".347" stop-color="#7C6ABF"/><stop offset="1" stop-color="#7C6ABF" stop-opacity="0"/></radialGradient><radialGradient id="iqPSqld" cx="0" cy="0" r="1" gradientTransform="matrix(-3.125 .7461 -.35584 -1.49042 16.969 7.848)" gradientUnits="userSpaceOnUse"><stop offset=".347" stop-color="#867BC1"/><stop offset="1" stop-color="#867BC1" stop-opacity="0"/></radialGradient><radialGradient id="iMfapVs" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.78125 -1.37305 0 16.014 10.813)" gradientUnits="userSpaceOnUse"><stop offset=".208" stop-color="#8348DD"/><stop offset="1" stop-color="#8348DD" stop-opacity="0"/></radialGradient><radialGradient id="i446APc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.9375 1.90626 -2.5764 -5.3217 20.281 19.75)" gradientUnits="userSpaceOnUse"><stop offset=".411" stop-color="#664BB3"/><stop offset="1" stop-color="#664BB3" stop-opacity="0"/></radialGradient><radialGradient id="ie7NTlb" cx="0" cy="0" r="1" gradientTransform="rotate(118.585 2.4 11.867)scale(22.2068 8.58198)" gradientUnits="userSpaceOnUse"><stop offset=".211" stop-color="#6146AE"/><stop offset=".278" stop-color="#785EC4"/><stop offset=".304" stop-color="#806AC4"/><stop offset=".32" stop-color="#8471C4"/><stop offset=".398" stop-color="#7D6BBC"/><stop offset=".437" stop-color="#6E5EAD"/><stop offset=".499" stop-color="#584B91"/><stop offset=".572" stop-color="#423871"/></radialGradient><radialGradient id="iKiXCGb" cx="0" cy="0" r="1" gradientTransform="matrix(-.21874 2.53125 -6.22768 -.53817 15.281 7.562)" gradientUnits="userSpaceOnUse"><stop stop-color="#988ECC"/><stop offset=".205" stop-color="#8375C1"/><stop offset="1" stop-color="#7A69BC" stop-opacity="0"/></radialGradient><radialGradient id="ie5aBkc" cx="0" cy="0" r="1" gradientTransform="matrix(.0625 2.41406 -1.42793 .03697 9.47 20.235)" gradientUnits="userSpaceOnUse"><stop offset=".072" stop-color="#8E80C8"/><stop offset=".542" stop-color="#8E80C8" stop-opacity="0"/></radialGradient><linearGradient id="it1FJPd" x1="15.703" x2="15.375" y1="7.625" y2="8.734" gradientUnits="userSpaceOnUse"><stop stop-color="#988DCD"/><stop offset="1" stop-color="#8376C1" stop-opacity="0"/></linearGradient></defs></g></svg>

Curly Loop アイコンの使い方

React

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

<Icon icon="fluent-emoji:curly-loop" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:curly-loop" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:curly-loop" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:curly-loop"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/curly-loop.svg" alt="Curly Loop アイコン" width="24" height="24">

他のアイコンセットの Curly Loop アイコン

Curly Loop アイコンのよくある質問

Curly Loop アイコンは商用利用でも無料ですか?

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

React で Curly Loop アイコンを使うには?

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

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

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

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