ICONYZ
日本語
theSVG Color の Jigsawstack アイコン

Jigsawstack アイコン

thesvg-color:jigsawstack

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

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
278 × 278
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="278" height="278" viewBox="0 0 278 278"><g fill="none"><path fill="url(#SVGr3iNbeAK)" d="M137.362 262.02c-7.072-4.084-14.015-8.403-21.241-12.189c-9.857-5.162-10.456-18.679-.674-23.989c5.93-3.217 10.307-7.977 12.023-14.746c2.414-9.503.058-17.739-7.334-24.089c-7.243-6.213-15.746-7.815-24.674-4.145c-9.01 3.697-13.87 10.731-14.673 20.486c-.086.992-.035 1.993-.062 2.985c-.28 10.578-10.759 16.642-19.988 11.398c-14.83-8.429-29.553-17.029-44.314-25.577a17 17 0 0 1-2.237-1.535c-8.53-7.04-10.771-18.266-5.282-27.934a3227 3227 0 0 1 25.18-43.611c5.674-9.654 17.976-9.411 23.608.306c8.99 15.517 29.838 16.883 40.16 2.508c5.436-7.567 6.094-15.876 2.007-24.197S88.796 85.039 79.503 84.426c-2.508-.163-5.18-.16-7.455-1.063c-7.475-2.947-10.588-11.369-6.572-18.529c8.512-15.194 17.135-30.348 26.172-45.23c5.842-9.623 17.467-12.541 27.69-7.78a48 48 0 0 1 3.609 1.906c13.592 7.84 27.271 15.543 40.725 23.622c4.269 2.566 8.677.123 8.526-4.968c-.407-13.953 8.484-26.283 21.361-30.628c13.382-4.523 27.891-.117 36.253 11.007c8.417 11.19 8.922 26.459.582 37.806c-2.763 3.753-6.601 7.086-10.641 9.43c-4.087 2.367-4.235 7.378.112 9.795c14.03 7.807 27.873 15.951 41.755 24.016c9.273 5.388 13.664 14.085 11.698 23.596c-.558 2.7-1.621 5.411-2.983 7.815c-7.967 14.047-16.252 27.919-24.125 42.02c-5.866 10.508-19.253 10.034-24.462.066c-4.683-8.975-14.458-13.377-24.273-11.865c-9.472 1.458-17.344 8.81-19.485 18.203c-2.157 9.467 1.726 19.333 9.945 24.977c3.992 2.74 8.508 4.357 13.321 3.989c11.701-.896 18.42 11.212 12.146 21.51c-8.257 13.561-15.939 27.463-23.897 41.203c-7.022 12.134-19.534 15.497-31.651 8.535c-6.839-3.931-13.67-7.892-20.502-11.837z"/><defs><linearGradient id="SVGr3iNbeAK" x1="-2.153" x2="368.564" y1="42.449" y2="304.786" gradientUnits="userSpaceOnUse"><stop offset=".184" stop-color="#fa242d"/><stop offset=".958" stop-color="#ef5b3c"/></linearGradient></defs></g></svg>

Jigsawstack アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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