Cards With Cats アイコン

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

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

arcticons:cards-with-cats

Cards With Cats アイコン(arcticons:cards-with-cats)は、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
タグ: cardswith、withcats、cardswithcats、card、cat

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="M20.81 18.423c-.676-2.74-.57-4.27-.57-4.27M24 18.422v-4.269m-13.33.384c-.711-1.53-.433-5.397-.433-5.397c2.134 1.85 2.105 3.76 2.105 3.76z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.602 14.003s4.803-7.614 6.973-8.503c2.277 3.415 1.853 7.7 1.853 10.788v23.474A2.74 2.74 0 0 1 37.69 42.5H10.31a2.74 2.74 0 0 1-2.738-2.738V16.288c0-3.088-.424-7.373 1.853-10.788c2.17.89 6.973 8.503 6.973 8.503z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.19 18.423c.676-2.74.57-4.27.57-4.27m9.57.384c.711-1.53.433-5.397.433-5.397c-2.134 1.85-2.105 3.76-2.105 3.76z"/><circle cx="14.264" cy="24.119" r="2.38" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.452 42.5c0-8.883-4.301-14.23-7.1-16.768a3.507 3.507 0 0 0-4.704 0c-2.8 2.539-7.1 7.885-7.1 16.768"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.766 33.102c-2.14-.851-2.833-1.474-3.766-3.081c-.933 1.607-1.625 2.23-3.765 3.08"/><circle cx="33.736" cy="24.119" r="2.38" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>

Cards With Cats アイコンの使い方

React

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

<Icon icon="arcticons:cards-with-cats" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:cards-with-cats" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:cards-with-cats" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:cards-with-cats"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/cards-with-cats.svg" alt="Cards With Cats アイコン" width="24" height="24">

Cards With Cats アイコンのよくある質問

Cards With Cats アイコンは商用利用でも無料ですか?

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

React で Cards With Cats アイコンを使うには?

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

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

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

Arcticons をすべて見る →