Kendi Ikons アイコン

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

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

arcticons:kendi-ikons

Kendi Ikons アイコン(arcticons:kendi-ikons)は、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
タグ: kendiikons、ikon

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="M39.62 17.788C39.62 10.45 32.566 4.5 23.865 4.5S8.38 10.53 8.38 17.87s6.783 12.99 15.484 12.99S39.62 25.127 39.62 17.788"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.403 10.25c6.78 0 9.682 4.447 9.682 8s-3.281 7.24-10.143 7.24s-8.813-4.719-8.813-8.217s2.495-7.024 9.274-7.024"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.922 4.5c-4.176 1.22-6.33 6.534-6.33 6.534m16.94-2.175c-6.244-.97-8.922 1.77-8.922 1.77m12.81 9.278c-2.972-5.129-6.758-4.048-6.758-4.048m.248 12.666c1.422-4.526-.485-7.567-.485-7.567m-10.509 9.805c3.874-1.53 5.987-4.849 6.204-6.15M13.73 27.79c5.575-.076 7.825-2.37 7.825-2.37M8.386 17.487c2.16 3.471 3.705 4.03 6.851 4.159m-1.711-13.76c-.892 2.933-1.202 6.025.716 8.126m4.195 4.081c4.068 4.177 7.975 1.926 9.683.407m-2.442-2.82c.932-1.43 2.414-1.709 3.58 0m-11.798-.193c.842-1.922 3.282-2.628 4.095-.648c.83 2.026-4.156.998-1.165-1.121m2.203 17.833c1.282 0 1.83.509 1.83 1.668s-.69 1.648-1.708 1.648s-1.505-.672-1.505-1.75s.325-1.566 1.383-1.566"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.134 30.669c.056 1.092.539 3.106.539 3.106m2.751-2.787c-.061 1.648-.308 3.103-.308 3.103m0 2.205c-.09 1.324-.11 4.801-.115 6.416a.79.79 0 0 1-.848.786l-1.255-.089a.79.79 0 0 1-.736-.82l.241-6.479m-.055-1.91c-1.936-1.515-5.14-1.934-6.799-2.049a.793.793 0 0 0-.834.947c.335 1.72.424 3.8.438 5.296c.008.837.879 1.363 1.635 1.004c2.315-1.1 5.56-1.962 5.56-1.962m2.768-.569c1.386.027 3.758 1.3 5.159 2.129c.747.442 1.735.293 2.248-.407c1.751-2.385 1.19-5.979-.51-6.482c-1.993-.59-6.743 2.156-6.743 2.156"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.346 35.117c1.81-.244 3.864.092 3.864.092m3.214.01c2.501-.081 3.396.285 3.396.285m-3.758 2.074c.927.958 2.226 3.603 2.937 5.14a.552.552 0 0 0 1.01-.018l.483-1.135l2.119.54c.51.13.946-.364.771-.86c-.366-1.041-1.06-2-1.06-2m-9.05.388c-1.076.749-2.052 2.281-2.58 3.213c-.17.302-.576.323-.81.065c-.45-.499-1.098-.637-1.58-.663c-.292-.015-.458-.34-.32-.598c.934-1.747 1.907-3.117 1.907-3.117"/></svg>

Kendi Ikons アイコンの使い方

React

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

<Icon icon="arcticons:kendi-ikons" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:kendi-ikons" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:kendi-ikons" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:kendi-ikons"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/kendi-ikons.svg" alt="Kendi Ikons アイコン" width="24" height="24">

Kendi Ikons アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →