Talking Tom 2 アイコン

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

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

arcticons:talking-tom-2

Talking Tom 2 アイコン(arcticons:talking-tom-2)は、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
タグ: talkingtom

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="M7.634 10.855c1.148.596 2.108 1.227 3.163 2.429c-.53 1.991-.961 4.022-.984 6.208m30.553-8.637c-1.148.596-2.108 1.227-3.163 2.429c.53 1.991.961 4.022.984 6.208m-18.384-9.218c-1.918 2.254-2.7 2.833-5.715 4.084m14.109-4.084c1.918 2.254 2.7 2.833 5.715 4.084M28.08 28.835c.734-.493.548-1.77-.08-2.06c-.64-.293-1.89.721-4 .721s-3.36-1.014-4-.72c-.628.289-.814 1.566-.08 2.06c1.13.76 2.769 2.01 4.08 2.01s2.95-1.25 4.08-2.01"/><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M20.563 25.63c-1.561.992-6.894.205-8.212-.345c-.552-.23-1.032-.518-1.07-1.227c-.172-3.137 1.762-6.634 4.971-6.796c5.09-.256 6.275 3.996 4.6 7.735c-.301.67-.78 1.25-.852 1.779"/><path d="M14.398 25.797a4.394 4.394 0 0 1 3.343-7.24a4.39 4.39 0 0 1 3.673 1.986m-1.544-1.284l-1.252 1.574"/></g><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M27.437 25.63c1.561.992 6.894.205 8.212-.345c.552-.23 1.032-.518 1.07-1.227c.172-3.137-1.762-6.634-4.971-6.796c-5.09-.256-6.275 3.996-4.6 7.735c.301.67.78 1.25.852 1.779"/><path d="M26.574 20.56a4.39 4.39 0 0 1 8.076 2.39h0a4.4 4.4 0 0 1-1.048 2.847m-.714-6.362l-1.112 1.398"/></g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.23 35.723c.904-1.36 4.9-2.358 6.77-2.358s5.866.998 6.77 2.358m-20.028-1.404c1.277-1.652 3.343-2.229 5.99-2.454M7.75 30.59c1.6-2.105 5.434-2.239 8.638-1.144"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 41.461c8.665 0 19.111-5.121 16.758-15.15c-.501-2.136-1.747-2.452-2.529-4.952c2.216-2.29 3.652-4.479 3.75-8.07c.046-1.683.063-2.756.516-3.596c.102-.657-1.242-.772-2.86-.878c-2.25-.149-4.234-.262-6.306.05C31.04 7.576 28.585 6.538 24 6.538s-7.04 1.038-9.33 2.325h0c-2.07-.31-4.055-.198-6.305-.05c-1.618.107-2.962.222-2.86.88c.453.839.47 1.912.516 3.595c.098 3.591 1.534 5.78 3.75 8.07c-.782 2.5-2.028 2.816-2.53 4.953C4.89 36.34 15.336 41.462 24 41.462"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M37.258 34.319c-1.277-1.652-3.343-2.229-5.99-2.454m8.982-1.275c-1.6-2.105-5.434-2.239-8.638-1.144"/></svg>

Talking Tom 2 アイコンの使い方

React

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

<Icon icon="arcticons:talking-tom-2" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:talking-tom-2" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:talking-tom-2" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:talking-tom-2"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/talking-tom-2.svg" alt="Talking Tom 2 アイコン" width="24" height="24">

Arcticons の関連アイコン

Talking Tom 2 アイコンのよくある質問

Talking Tom 2 アイコンは商用利用でも無料ですか?

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

React で Talking Tom 2 アイコンを使うには?

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

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

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

Arcticons をすべて見る →