Krakenjs アイコン

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

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

thesvg-color:krakenjs

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

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 256 × 274
タグ: krakenj

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="274" viewBox="0 0 256 274"><path fill="#0081c2" d="M128 1.3L0 64v148.1L128 275l128-62.8V64.1z"/><path fill="#fff" d="M225.1 185.6c-.4-2.7-1.5-5.3-3-7.4a23.2 23.2 0 0 0-5-5.2a33.4 33.4 0 0 0-12.8-5.8a45.9 45.9 0 0 0 7-13.4a26 26 0 0 0 1-10.3c-.5-3.5-1.8-6.9-3.8-9.6c-1-1.3-2-2.6-3.3-3.7l-.9-.7l-1-.8l-.9-.7l-1-.6a1.1 1.1 0 0 0-1.4 1.7l.8.8l.7.8l.7.8l.6.9q1.35 1.8 2.1 3.6c1.2 2.5 1.6 5.1 1.4 7.7c-.2 2.5-1 5-2.2 7.4a32 32 0 0 1-8 10.1l-.4.3s.1-.1 0 0h-.1a25.9 25.9 0 0 1-8.6 3.8a24.7 24.7 0 0 1-13.9-.7h-.3a25.2 25.2 0 0 0 5.7-1.6a19 19 0 0 0 11.4-13.7l.6-3.8a39 39 0 0 0 0-7v-1l-.1-.8l-.1-.8l-.1-.8v-.3l-.1-.2v-.3l-.2-.7l-.2-1.4l-.8-5.7l-.2-2.8l-.2-2.8v-8.5l.3-2.7a36 36 0 0 1 1.1-5.4c.5-1.7 1.2-3.4 2-5c1-1.5 2-2.9 3.3-4a9 9 0 0 1 3.4-1.7l.6-.1l.7-.1a1.1 1.1 0 0 0 0-2.2l-.7-.1h-.9a11.1 11.1 0 0 0-5 1.3c-2 1-3.7 2.5-5.1 4.2a27.5 27.5 0 0 0-3.7 5.5c-1 2-1.7 4-2.4 6l-1 3l-.6 3.2a83 83 0 0 0-1.8 18.7v5l-.1.6a25.4 25.4 0 0 1-1.5 6.8c-.3.6-.5 1.1-.9 1.5c-.6.9-1.2 1.3-1.8 1.6a7 7 0 0 1-2.6.5a15.8 15.8 0 0 1-4.4-.5s-5-1.8-3.4-7.6a9.1 9.1 0 0 1 7-4.9s8.2-63.3-43-104C76.6 72.7 84.8 136 84.8 136c4 .6 6.2 3 7.2 5.3c1.3 5.1-2.9 7-3.4 7.2l-.7.1c-1.4.3-2.7.4-3.8.4a7 7 0 0 1-2.6-.5c-.6-.3-1.2-.7-1.9-1.6l-.8-1.5l-.7-2c-.4-1.5-.6-3.1-.8-4.8v-3l-.1-.2V133a123 123 0 0 0-1.8-18.7l-.7-3.1l-.9-3.1l-2.4-6c-1-2-2.2-3.8-3.7-5.5a17.5 17.5 0 0 0-5.2-4.2a12.1 12.1 0 0 0-5-1.3H56a1.1 1.1 0 0 0 0 2.3h.8l.6.2a8.4 8.4 0 0 1 3.4 1.7c1.3 1.1 2.4 2.5 3.2 4a23 23 0 0 1 2 5a36 36 0 0 1 1.2 5.4l.2 2.7l.2 2.8v5.7c-.2.9-.2 1.8-.3 2.8a115 115 0 0 1-1 8.5l-.2 1.4l-.1.7v.3l-.1.1v.4l-.2.8v.8l-.2.9v.8a38.8 38.8 0 0 0 .6 10.9a23.8 23.8 0 0 0 3.8 7.9a18.6 18.6 0 0 0 7.6 5.8a23 23 0 0 0 5.7 1.5l-.3.1a22.7 22.7 0 0 1-14 .7a29 29 0 0 1-8.5-3.7l-.1-.1c-.1-.1 0 0 0 0l-.3-.3a25 25 0 0 1-3.6-3.5A32 32 0 0 1 52 151c-1.2-2.4-2-4.9-2.2-7.4c-.2-2.6.2-5.2 1.4-7.7c.5-1.2 1.2-2.5 2-3.6l.7-.9l.7-.8l.7-.8l.8-.9a1.1 1.1 0 0 0-1.5-1.7l-1 .7l-.9.7l-1 .7l-.8.8c-1.2 1.1-2.3 2.4-3.3 3.7c-2 2.7-3.3 6-3.7 9.6c-.5 3.5 0 7 1 10.3a40 40 0 0 0 7 13.4a34.2 34.2 0 0 0-12.9 5.8a23.3 23.3 0 0 0-5 5.2a16.9 16.9 0 0 0-.8 18.6a22.8 22.8 0 0 0 4 5.1l.5.6l.3.3l.3.3l1 .9a57.4 57.4 0 0 0 14 8.9c3 1.4 6 2.5 9 3.6v.2l.2.5l.3.6l.6 1l.1.3l.2.2l.4.5l.7.9c2 2.4 4.6 4 7.2 5a20 20 0 0 0 7.9 1.1h1l.9-.1l1-.2l.8-.2l1-.2h.4l.5-.2l1-.3l.4-.2l.4-.1l1.4-.6l.1-.1h.3v-.1l.4-.2l.6-.3l1.2-.5l1.2-.5a33.7 33.7 0 0 1 15.4-2c1.8.2 3.4.7 5 1.4c1.5.7 2.9 1.6 4 2.7l.4.5l.4.5l.2.2l.2.3l.3.5c.4.7.8 1.5 1 2.3l.1.6l.1.7v.3l.1.3v2l-.1 1.4a1.1 1.1 0 0 0 2.2.5l.4-1.4l.3-1.7l.1-.8V229c-.1-1.2-.4-2.3-.7-3.3l-.4-.8l-.1-.4l-.2-.4l-.4-.8l-.5-.7l-1-1.4l-.6-.6l-.6-.6a24.7 24.7 0 0 0-8.7-4.9a35.3 35.3 0 0 0-19.4-.5l-1.6.4l-1.5.4l-.8.3h-.4l-.1.1c.3-.1 0 0 0 0l-1.5.4h-.5l-.5.2H80a9.2 9.2 0 0 1-3.6-1c-1-.6-1.7-1.3-2-2c-.5-.8-.5-1.4-.5-2.2c.1-.7.4-1.5 1-2.5c.5-1 1.3-2 2.3-3c2-1.8 4.7-3.6 7.7-5.1l.6-.3l.5-.3l1.2-.5l2.4-1l2.7-1.1l1.4-.6h.2l.2-.1l.4-.2l.7-.4l2.9-1.4c6-2.7 18.7-7.7 30-7.7s24 5 30 7.7l2.9 1.4l.7.4l.4.2h.2l.2.1l1.4.6l2.7 1.1l2.4 1l1.1.5l.6.3l.6.3c3 1.5 5.7 3.3 7.7 5.2c1 1 1.8 2 2.4 2.9c.5 1 .8 1.8.9 2.5c0 .8 0 1.4-.4 2.2c-.4.7-1.1 1.4-2.1 2c-1 .5-2.2.9-3.6 1H173l-.5-.1h-.5l-1.4-.5h-.2s-.2-.1.1 0h-.1l-.4-.1l-.8-.3l-1.5-.4l-1.6-.4a35.3 35.3 0 0 0-19.4.5a24.6 24.6 0 0 0-8.7 4.9l-.6.6l-.6.6l-1 1.4l-.5.7l-.4.8l-.2.4l-.1.4l-.4.8c-.3 1-.6 2.1-.7 3.3v2.4l.1.8c0 .6.2 1.1.3 1.7l.4 1.4c.2.5.7.8 1.2.8c.6-.1 1-.6 1-1.3l-.1-1.4v-2.7l.2-.7l.1-.6c.2-.8.6-1.6 1-2.3l.3-.5l.2-.3l.2-.2l.4-.5c0-.2.2-.3.4-.5c1.1-1.1 2.5-2 4-2.7c1.6-.7 3.3-1.2 5-1.4a29.2 29.2 0 0 1 15.4 2l1.2.5l1.2.5l.6.3l.3.2h.1l.3.1h.1l1.4.7l.4.1l.5.2l1 .3l.4.1l.5.1l.9.2l.9.2l1 .2h.9l1 .1a20 20 0 0 0 7.8-1.1c2.6-1 5.2-2.6 7.2-5l.8-1l.3-.4l.2-.2l.1-.3l.6-1l.3-.6l.2-.5v-.2a65 65 0 0 0 23-12.6l1-.8l.3-.3l.3-.3l.6-.6a29 29 0 0 0 4-5.1l1.4-3.3a17 17 0 0 0 .7-7.9M75.5 188l-.7.5l-.7.5l-1.4 1l-.7.6l-.7.5l-1.3 1.2l-1.3 1.3l-.6.6l-.6.7l-1.2 1.4c-1.6 2-3 4.3-4 7c-.6 1.2-1 2.7-1.2 4.2l-.2 1.1v.2a92 92 0 0 1-11.3-8.6c-1.2-1-2.2-2.2-3.2-3.4l-.8-.8l-.1-.3l-.2-.2l-.2-.3a17.3 17.3 0 0 1-1.8-3.4l-.4-1.4c-.1-1 0-1.7.2-2.3c.3-.6.7-1.2 1.3-1.8s1.4-1.2 2.4-1.7c2-1 4.5-1.8 7-2.2a28.8 28.8 0 0 1 17.3 3.3l.9.4l.7.4l.5.2l.5.3l2 .8zm37-44a4.1 4.1 0 1 1 0-8.3a4.1 4.1 0 0 1 0 8.2Zm31 0a4.1 4.1 0 1 1 0-8.3a4.1 4.1 0 0 1 0 8.2Zm69.6 46.4a9 9 0 0 1-1.1 3l-1 1.8l-.3.3l-.2.2l-.1.2l-.8 1A47.9 47.9 0 0 1 199 206a95 95 0 0 1-4 2.6v-1.3a27.5 27.5 0 0 0-5.2-11.1l-1.3-1.5l-.6-.7l-.6-.6l-1.3-1.3l-1.3-1.2l-.7-.5a10 10 0 0 0-.7-.6l-1.4-1l-.7-.5l-.7-.5l-.3-.2l2.1-.8l.5-.3l.5-.2l.7-.4l.9-.4l1.7-1a28.3 28.3 0 0 1 22.6-.1c1 .5 1.8 1 2.4 1.7c.6.6 1 1.2 1.3 1.8c.2.6.3 1.3.2 2.3Z"/></svg>

Krakenjs アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

他のアイコンセットの Krakenjs アイコン

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

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

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

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

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

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

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

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