Kamal アイコン

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

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:kamal

Kamal アイコン(thesvg-color:kamal)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 145 × 32 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 145 × 32

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="145" height="32" viewBox="0 0 145 32"><clipPath id="SVGTztPORtj"><path d="M0 0h145v32H0z"/></clipPath><g fill="none" clip-path="url(#SVGTztPORtj)"><path fill="#28323c" fill-rule="evenodd" d="M10.701 30.145a20.6 20.6 0 0 0 8.564 1.745c8.36 0 14.43-2.54 17.09-7.11a1.8 1.8 0 0 0 .22-1c-.61-9.2-5.9-23.78-17.31-23.78c-8.74 0-15.2 5.74-19.2 17.06a1.7 1.7 0 0 0 3.2 1.13c3.47-9.8 8.85-14.8 16-14.8c8.44 0 13.14 11.61 13.88 20.08c-2.16 3.17-7.17 5-13.88 5a17 17 0 0 1-12.4-5c1.36-3.28 3.25-6.27 4.12-6.42c.39 0 1.41 1.08 1.9 1.6l.016.016C13.986 19.811 15.113 21 16.665 21c.7 0 2.84 0 6.84-8.57a1.7 1.7 0 0 0-3.08-1.43a29.7 29.7 0 0 1-3.9 6.49a13 13 0 0 1-1.19-1.16l-.026-.028c-1.115-1.175-2.498-2.632-4.344-2.632c-3.66.02-6.59 6.72-7.66 9.6a1.7 1.7 0 0 0 .33 1.73a20.6 20.6 0 0 0 7.066 5.145M42.506 8.811h6.08c3.37 0 5.12 1.39 5.12 4v.08a3.16 3.16 0 0 1-2.5 3.31a3.4 3.4 0 0 1 3.09 3.64V20c0 2.84-1.86 4.33-5.43 4.33h-6.36zm5.52 6.36c1.68 0 2.35-.6 2.35-2v-.07c0-1.3-.73-1.89-2.38-1.89h-2.03v4zm.3 6.69c1.73 0 2.51-.78 2.51-2.19v-.08c0-1.43-.78-2.17-2.68-2.17h-2.19v4.44zm6.88-.72c0-2.64 2.42-3.63 5.89-3.63h1.27v-.46c0-1.34-.4-2.05-1.84-2.05a1.7 1.7 0 0 0-1.92 1.6h-3c.2-2.68 2.32-3.87 5.09-3.87s4.73 1.12 4.73 4.19v7.38h-3v-1.38a3.82 3.82 0 0 1-3.46 1.6c-2 0-3.76-1-3.76-3.38m7.16-.82v-.95h-1.21c-1.82 0-2.88.39-2.88 1.6c0 .82.5 1.36 1.65 1.36c1.38 0 2.44-.75 2.44-2.01m7.34.41h-2.92c.11 2.45 1.94 3.79 4.93 3.79s4.76-1.29 4.76-3.72s-1.56-3.14-4.39-3.55c-1.65-.23-2.19-.53-2.19-1.23s.6-1.17 1.6-1.17a1.53 1.53 0 0 1 1.78 1.36h2.88c-.28-2.6-2.16-3.5-4.67-3.5c-2.31 0-4.48 1.31-4.48 3.52s1.18 3.07 4.18 3.53c1.62.24 2.29.56 2.29 1.34s-.56 1.23-1.77 1.23c-1.37 0-1.87-.6-2-1.6m7.57-1.972v-.17a5.61 5.61 0 0 1 5.82-5.88c2.92 0 5.52 1.71 5.52 5.75v.87h-8.16c.09 1.88 1.11 3 2.81 3c1.45 0 2.17-.63 2.36-1.58h3c-.36 2.44-2.31 3.81-5.4 3.81c-3.46-.04-5.95-2.18-5.95-5.8m8.29-1.36c-.11-1.71-1-2.53-2.47-2.53a2.58 2.58 0 0 0-2.59 2.53zm3.87 1.19v.17c0 3.7 2.53 5.79 5.82 5.79s5.239-1.86 5.409-4.55h-2.83a2.31 2.31 0 0 1-2.47 2.16c-1.77 0-2.77-1.17-2.77-3.44v-.17c0-2.17 1.09-3.38 2.71-3.38a2.09 2.09 0 0 1 2.29 1.93h3c-.32-3.25-2.7-4.39-5.32-4.39a5.62 5.62 0 0 0-5.84 5.88m11.969 2.552c0-2.64 2.42-3.63 5.88-3.63h1.28v-.46c0-1.34-.41-2.07-1.84-2.07a1.71 1.71 0 0 0-1.749.925c-.106.21-.167.44-.181.675h-3c.2-2.68 2.31-3.87 5.08-3.87s4.74 1.12 4.74 4.19v7.38h-3v-1.36a3.84 3.84 0 0 1-3.42 1.6c-2.06 0-3.79-1-3.79-3.38m7.16-.82v-.95h-1.21c-1.82 0-2.88.39-2.88 1.6c0 .82.5 1.36 1.64 1.36c1.39 0 2.45-.75 2.45-2.01m8.19-7.322h-3.13v11.27h3.13v-6.68a2.12 2.12 0 0 1 .565-1.66a2.12 2.12 0 0 1 1.625-.66c1.1 0 1.77.65 1.77 2.1v6.9h3.12v-6.68a2.095 2.095 0 0 1 2.18-2.32c1.13 0 1.78.65 1.78 2.1v6.9h3.11v-7.25c0-3-1.62-4.32-3.72-4.32a4.48 4.48 0 0 0-3.81 2a3.1 3.1 0 0 0-3.15-2a3.87 3.87 0 0 0-3.47 2zm15.8 0h3.14v1.77a4.21 4.21 0 0 1 3.61-2c2.77 0 4.93 2 4.93 5.79v.18c0 3.74-2.12 5.84-4.93 5.84a4 4 0 0 1-3.61-2v5.58h-3.14zm8.5 5.7v-.14c0-2.3-1.12-3.42-2.7-3.42s-2.77 1.14-2.77 3.42v.17c0 2.27 1.08 3.37 2.79 3.37s2.68-1.2 2.68-3.4" clip-rule="evenodd"/></g></svg>

Kamal アイコンの使い方

React

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

<Icon icon="thesvg-color:kamal" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:kamal" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:kamal" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kamal]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kamal"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:kamal"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/kamal.svg" alt="Kamal アイコン" width="24" height="24">

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

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

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

theSVG Color アイコンをすべて見る →