Shakes Fidget アイコン

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

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

arcticons:shakes-fidget

Shakes Fidget アイコン(arcticons:shakes-fidget)は、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
タグ: shakesfidget、shake

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="M33.412 8.24c-2.031-4.242-7.109-4.959-11.947-4.69c3.315 3.644-1.673 7.228-2.21 11.44c-.479-3.196.358-5.496.358-5.496c-4.242 1.613-7.288 7.437-6.571 12.634m14.337 21.476s-1.285.896-4.033.896s-4.48-1.016-6.422-2.658c0 0-3.942 1.135-8.333-2.061s-5.287-10.335.329-10.663s6.507 6.57 6.507 6.57l1.169-.447c-.896-1.583-2.12-5.347.03-7.826c0 0-.687-1.284-.627-2.867c6.541-.956 13.052.352 13.052.352c2.689-1.517 7.378-3.01 7.378-3.01s1.762 3.554 2.688 6.302c.06 2.24-.448 5.309 2.778 7.612c-1.971 5.171-7.162 8.694-16.242 8.455"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.799 4.716c3.314-1.614 11.708 3.732 7.048 10.513"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.224 11.107c1.79 2.449-.54 7.198-.54 7.198c3.972-1.016 4.002.06 4.002.06c-2.629.956-3.316 1.881-3.316 1.881c2.18.777 1.882 3.495 1.882 3.495c-1.225-.269-1.715.83-1.768 2.744m-24.88-9.965c-5.043 3.219-3.967 6.445-3.967 6.445c-2.838.537-1.404 3.624-1.404 3.624"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M10.89 24.01c-1.322.542-3.27 1.386-2.471 5.158m26.845-1.335c1.971.508 5.435 3.902.94 6.325c-2.895 1.56-5.371-1.812-5.371-1.812"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.695 27.027c-1.012-1.636-1.557-1.434-2.528-.541c-1.075.989-5.495 6.044-5.495 6.044a14 14 0 0 1-.411-1.897c2.15-3.091 6.967-7.056 6.967-7.056m1.889 4.615c.03-1.613 3.884-2.748 3.883 1.553c0 4.958-1.67 5.616-1.67 5.616m-25.585 1.791c1.463-.537 4.33-.956 4.181.418"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M35.697 39.75c-3.524 1.016-6.894 1.619-17.859-3.073c-.152 3.223 1.513 5.434 5.336 5.852s8.935-2.09 8.935-2.09M8.233 36.801c-1.076-1.896-1.509-5.331 1.866-3.733s4.331 3.883 4.331 3.883"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M13.445 39.34c-2.425-.714-1.234-4.436.68-2.938m12.918-1.042c-3.293-.814-9.544-.744-9.544-.744m12.754-.294c.941 1.688 4.071 1.986 4.071 1.986c-.501 1.688-1.74 3.286-4.997 2.315m-1.458-7.398s-7.873-1.489-10.665-1.638c-.048.912 0 2.017 0 2.017l11.153 1.673s-.627-2.778-1.046-4.109"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.605 34.619c-1.03-1.073-1.172-1.966-.594-2.894m7.82 1.173c.42.737.475 1.529-.314 2.17"/><circle cx="34.853" cy="31.223" r=".75" fill="currentColor"/><circle cx="22.398" cy="32.898" r=".75" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.26 30.633c-.141-.731-.216-2.344-.216-2.344m11.507 2.091c-.06-.867-1.015-.732-1.254.224"/></svg>

Shakes Fidget アイコンの使い方

React

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

<Icon icon="arcticons:shakes-fidget" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:shakes-fidget" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:shakes-fidget" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:shakes-fidget"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/shakes-fidget.svg" alt="Shakes Fidget アイコン" width="24" height="24">

Shakes Fidget アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →