Kick The Buddy アイコン

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

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

arcticons:kick-the-buddy

Kick The Buddy アイコン(arcticons:kick-the-buddy)は、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
タグ: kickthe、thebuddy、kickthebuddy

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><ellipse cx="26.037" cy="29.173" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="5.562" ry="5.683"/><ellipse cx="19.229" cy="17.302" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="5.671" ry="5.304"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m28.386 18.346l-3.878 5.364m-8.66 3.175s5.42-.787 5.864-1.285"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.208 23.035c.313.43 1.171 2.746 1.171 2.746m2.177-4.508c.337.169 1.397 1.762 1.397 1.762m7.102 7.295l2.243 1.156m-10.31 2.971l-.838 3.194"/><ellipse cx="21.579" cy="39.361" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.441" ry="1.501"/><ellipse cx="29.623" cy="14.736" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="3.769" ry="2.39" transform="rotate(-52.612 29.623 14.736)"/><ellipse cx="11.543" cy="26.044" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.39" ry="3.769" transform="rotate(-82.612 11.543 26.044)"/><ellipse cx="36.736" cy="31.264" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.696" ry="1.71" transform="rotate(-52.612 36.736 31.264)"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m21.786 9.076l4.255 6.417m1.947 3.404l6.717 11.577M15.88 21.707l4.139 7.346m16.717 4.591c0 .406 1.763 2.862 1.763 2.862M10.48 36.2l1.756-1.15s.723.5 1.18.262c.458-.238 3.12-1.91 3.12-1.91M12.81 28.45s-2.814.645-2.983 1.01c-.168.364-.168.725-.554.845c-.385.12-1.63.94-1.63.94l2.858 4.951m.721-12.77L5.5 13.917l4.269-2.347l3.361 5.223m.671 11.686l6.078 9.413m2.864-3.842l3.294 5.115l-3.167 2.247l-.278-.425m-.806-31.911l4.255-2.488l3.189 4.928m2.825 4.384L42.5 33.433l-4 3.072m-5.65-20.392c.174.05.718.659 1.362.222c.643-.436 4.106-2.523 4.106-2.523"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M36.053 22.611s.014-.877.534-1.31s4.552-2.81 4.552-2.81l-2.868-4.65"/><ellipse cx="21.144" cy="14.794" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="1.126" ry="1.105"/><ellipse cx="16.104" cy="17.099" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.299" ry="2.191"/><ellipse cx="21.041" cy="19.724" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="3.082" ry="1.493" transform="rotate(-29.313 21.041 19.724)"/></svg>

Kick The Buddy アイコンの使い方

React

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

<Icon icon="arcticons:kick-the-buddy" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:kick-the-buddy" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:kick-the-buddy" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:kick-the-buddy"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/kick-the-buddy.svg" alt="Kick The Buddy アイコン" width="24" height="24">

Arcticons の関連アイコン

Kick The Buddy アイコンのよくある質問

Kick The Buddy アイコンは商用利用でも無料ですか?

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

React で Kick The Buddy アイコンを使うには?

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

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

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

Arcticons をすべて見る →