Puzzle Outline アイコン
typcn:puzzle-outline
Puzzle Outline アイコン(typcn:puzzle-outline)は、Typicons セットの無料 SVG アイコンです（作者: Stephen Hutchings）。 24 × 24 のグリッドで描かれています。 Typicons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Typicons
- 作者
- Stephen Hutchings
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 24 × 24
- タグ
- puzzleoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20 11.25V9.5C20 7.57 18.43 6 16.5 6h-.759C15.6 4.018 13.788 2.5 11.5 2.5S7.4 4.018 7.259 6H6.5C4.57 6 3 7.57 3 9.5v1.75c0 1.012.514 1.847 1.295 2.246a2.36 2.36 0 0 0-.894.825A2.66 2.66 0 0 0 3 15.75v2.75C3 20.43 4.57 22 6.5 22h2.75c.976 0 1.831-.497 2.242-1.299l.036.066c.435.772 1.266 1.233 2.222 1.233h2.75c1.93 0 3.5-1.57 3.5-3.5v-2.75c0-1.013-.515-1.849-1.297-2.247c.776-.411 1.297-1.256 1.297-2.253m-2 7.25c0 .825-.675 1.5-1.5 1.5h-2.75c-.356 0-.724-.216-.391-.766c.246-.28.391-.619.391-.984c0-.967-1.007-1.75-2.25-1.75s-2.25.783-2.25 1.75c0 .3.095.576.255.823c.507.673.136.927-.255.927H6.5c-.825 0-1.5-.675-1.5-1.5v-2.75c0-.258.113-.521.384-.521c.104 0 .229.039.382.13c.28.246.62.391.984.391c.966 0 1.75-1.008 1.75-2.25s-.784-2.25-1.75-2.25c-.3 0-.576.095-.822.255c-.237.171-.422.243-.562.243c-.26 0-.366-.245-.366-.498V9.5C5 8.675 5.675 8 6.5 8h2.75c.391 0 .762-.254.243-.927a1.6 1.6 0 0 1-.243-.823c0-.967 1.007-1.75 2.25-1.75s2.25.783 2.25 1.75c0 .365-.145.704-.391.984c-.333.55.035.766.391.766h2.75c.825 0 1.5.675 1.5 1.5v1.75c0 .258-.113.521-.384.521c-.104 0-.229-.039-.382-.13a1.5 1.5 0 0 0-.984-.391c-.966 0-1.75 1.008-1.75 2.25s.784 2.25 1.75 2.25c.3 0 .576-.095.822-.255c.237-.171.422-.244.562-.243c.259 0 .365.245.365.498v2.75zM5 12.694c.116.032.236.054.365.054c.342 0 .683-.119 1.038-.364l.069-.041a.5.5 0 0 1 .278-.093c.354 0 .75.535.75 1.25s-.396 1.25-.75 1.25a.5.5 0 0 1-.324-.142l-.143-.104a1.73 1.73 0 0 0-.899-.275c-.134 0-.261.023-.384.059zm12.635 1.558c-.342 0-.683.119-1.038.364l-.069.041a.5.5 0 0 1-.277.093c-.354 0-.75-.535-.75-1.25s.396-1.25.75-1.25q.163 0 .324.142l.143.104q.455.275.899.275c.136 0 .262-.025.384-.062v1.597a1.4 1.4 0 0 0-.366-.054M10.692 20c.101-.346.093-.816-.305-1.396l-.044-.074a.5.5 0 0 1-.094-.279c0-.354.534-.75 1.25-.75s1.25.396 1.25.75a.5.5 0 0 1-.143.325l-.104.142c-.325.537-.311.979-.22 1.284h-1.59z"/></svg>Puzzle Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="typcn:puzzle-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="typcn:puzzle-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="typcn:puzzle-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[typcn--puzzle-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/typcn -->
<div class="i-typcn:puzzle-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="typcn:puzzle-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/typcn/puzzle-outline.svg" alt="Puzzle Outline アイコン" width="24" height="24">Typicons の関連アイコン
他のアイコンセットの Puzzle Outline アイコン
Puzzle Outline アイコン のよくある質問
Puzzle Outline アイコンは商用利用でも無料ですか?
はい。Typicons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Puzzle Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="typcn:puzzle-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Puzzle Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/typcn/puzzle-outline.svg" alt="Puzzle Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。