Cutthecord アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:cutthecord

Cutthecord アイコン(arcticons:cutthecord)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.11 7.732c2.046 0 14.27 5.392 16.966 7.762c.14-2.65 2.742-2.742 3.672-1.394s.372 3.95 0 4.508c1.394 1.627 1.44 2.882 2.417 4.23s3.672 4.927 3.3 7.112s-6.46 10.318-15.99 10.318S5.54 31.48 4.84 26.696c-.682-4.664-.511-7.44 2.138-11.83a1.716 1.716 0 0 1 .077-2.238c.465-.558 6.446-4.896 10.056-4.896"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.401 22.819c-.713-.651-2.634-1.871-3.532-1.437s-2.479 4.555-1.829 6.042a2.64 2.64 0 0 0 2.31 1.487"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.748 18.608a6.91 6.91 0 0 0-8.645-1.874c-4.587 2.169-10.071 13.045-9.854 17.042s1.499 5.295 1.499 5.295m2.405-27.481c-1.673-.248-5.237-.186-6.414.713l4.679 2.076a4.2 4.2 0 0 0-.589 3.068a19.4 19.4 0 0 0 4.37-2.665m-18.221.083c1.332-.61 4.407-1.564 6.352.598c2.231 2.48 2.882 10.68 1.674 14.027m28.116-1.73c-1.158-1.142-3.606-1.266-6.21-.522s-9.295 3.904-7.84 6.91s3.19 3.086 4.37 2.85a10.3 10.3 0 0 0 5.206-3.377a8 8 0 0 0 1.711.967m-1.215-13.696c-1.053.459-.806 2.225 0 2.194s.905-.416.905-.416"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.683 23.086c.959-.388 2.386.992 2.293 1.58s-2.231 1.828-2.82 1.085s-.93-2.076.527-2.665m5.702 5.082c-.59.682-1.401 3.86 2.057 3.759s3.086-2.21 2.839-3.016a2.16 2.16 0 0 0-2.637-1.797c-1.795.372-2.26 1.054-2.26 1.054M9.218 32.614c.89-1.379 4.174-4.497 5.786-3.124s.03 4.821-1.55 6.165m17.862-5.701c-2.09-1.074-7.386-1.383-10.966-1.043m1.575 4.438c1.059-.442 3.037 4.245 2.897 4.524s-2.635.389-3.192-.94c-.423-1.01-1.036-3.028.295-3.584"/></svg>

Cutthecord アイコンの使い方

React

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

<Icon icon="arcticons:cutthecord" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:cutthecord" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:cutthecord" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--cutthecord]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:cutthecord"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:cutthecord"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/cutthecord.svg" alt="Cutthecord アイコン" width="24" height="24">

Cutthecord アイコンのよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →