Toolbox アイコン

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

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

temaki:toolbox

Toolbox アイコン(temaki:toolbox)は、Temaki セットの無料 SVG アイコンです（作者: Bryan Housel）。 50 × 50 のグリッドで描かれています。 Temaki icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Temaki
作者: Bryan Housel
ライセンス: CC0-1.0
サイズ: 50 × 50

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M35.48 15.03c-.25 0-.48-.17-.48-.41V8.44c0-.24-.13-.44-.38-.44H15.39c-.25 0-.38.2-.38.44v6.18c0 .24-.27.38-.52.38H1.46c-.25 0-.45.27-.45.51v6.87c0 .24.2.62.45.62h20.99c.25 0 .56-.38.56-.62v-1.46c0-.24.09-.91.34-.91h3.32c.25 0 .34.67.34.91v1.47c0 .24.32.62.56.62h20.99c.25 0 .45-.38.45-.62v-6.87c0-.24-.2-.51-.45-.51H35.53l-.03.03zM18.09 15c-.25 0-.09-.13-.09-.38v-3.51c0-.24-.15-.11.09-.11H31.9c.25 0 .09-.13.09.11v3.51c0 .24.16.38-.09.38zm8.96 14.71c0 .24-.15.29-.39.29h-3.32c-.25 0-.34.11-.34-.13v-4.94c0-.24-.32-.93-.56-.93H1.45c-.25 0-.45.69-.45.93v14.63c0 .24.2.44.45.44h47.1c.25 0 .45-.2.45-.44V24.93c0-.24-.2-.93-.45-.93H27.56c-.25 0-.56.69-.56.93v4.94l.06-.15z"/></svg>

Toolbox アイコンの使い方

React

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

<Icon icon="temaki:toolbox" width="24" />

Vue

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

<template>
  <Icon icon="temaki:toolbox" width="24" />
</template>

Svelte

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

<Icon icon="temaki:toolbox" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[temaki--toolbox]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/temaki -->
<div class="i-temaki:toolbox"></div>

Web コンポーネント

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

<iconify-icon icon="temaki:toolbox"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/temaki/toolbox.svg" alt="Toolbox アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Temaki アイコンをすべて見る →