Zutsuuru アイコン

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

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

arcticons:zutsuuru

Zutsuuru アイコン(arcticons:zutsuuru)は、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"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M20.213 29.11c.292.736 1.778 1.91 2.44-1.564c-.498 2.053 1.568 3.746 2.68 1.215m-5.904-9.031c2.968-.505 5.996-.485 8.903-.194"/><path d="M16.172 20.758c-4.787 2.023-4.946 6.55-3.848 8.704c2.907 5.704 19.665 4.998 23.15 0c1.644-2.359 2.314-8.274-4.224-9.564"/><path d="M15.436 21.007c.473-1.624.834-3.393 1.598-4.64c1.362 1.069 2.188 1.922 3.122 3.251m7.427-.153c1.264-1.51 2.453-2.517 3.733-3.512c.272 1.534.475 2.604.786 4.08"/></g><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m19.527 33.221l-2.584 6.047c1.07.921 4.264 1.48 4.523.571l.857-2.996m3.295.032c.35.952.664 1.922.716 3.16c2.037.153 4.402-.597 5.424-1.865c-.329-.619-.848-1.3-.935-1.834c-.17-1.05-.682-2.432-1.311-3.6"/><path d="M21.527 39.598c1.226.173 3.324.396 4.763-.134"/></g><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M23.744 15.675v3.662m-1.697-4.907c-1.99.473-4.524.23-4.368-2.19c.165-2.576 2.123-2.853 4.33-2.053c.94-4.205 7.667-4.606 8.849.042c1.896-.746 4.216-.212 3.901 2.639c-.24 2.164-2.611 2.296-4.848 1.097c-2.083 2.63-6.266 2.668-7.864.465"/><path d="M18.45 10.32c-.35-3.799 3.923-4.46 5.149-2.54m-7.306 2.189l2.137-.005m5.149-4.724l-.9 1.755m-5.133-.269l1.563 1.09M20.677 4.5l.24 2.284"/></g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.038 19.715c2.768-.564 5.47-2.528 9.203-5.073M6.76 20.909c7.638-5.923 13.233-5.788 18.087-2.86c.999.603 1.924 1.044 2.8 1.342m.951 24.109h-7.975"/></svg>

Zutsuuru アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Arcticons をすべて見る →