Jest アイコン
thesvg-color:jest
Jest アイコン(thesvg-color:jest)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 256 × 283 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 256 × 283
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="283" viewBox="0 0 256 283"><path fill="#99425b" d="M240 139a26 26 0 0 0-29-26L247 6H93l36 107a26 26 0 0 0-28 26c0 12 8 22 19 25a115 115 0 0 1-58 49c-16-8-23-27-17-43l3-5a26 26 0 1 0-21-4c-7 14-16 30-19 48c-4 21 0 44 18 57c44 30 91-18 140-31c18-4 38-3 54-13c12-6 20-18 22-31c2-12-1-25-9-35c4-5 7-11 7-17"/><path fill="#fff" d="M236 190c-2 11-9 21-19 27c-10 5-21 7-33 9l-19 3c-17 4-34 12-50 20c-32 16-59 30-85 12c-19-13-18-38-16-51c2-12 8-24 13-35l3-5l8 2c-5 18 3 37 21 47l3 1l2-1q22.5-7.5 39-24c8-7 14-15 20-24a33 33 0 0 0 37-28h21a33 33 0 0 0 51 23c4 7 5 16 4 24M42 119a20 20 0 1 1 0 40a20 20 0 0 1 0-40m66 20a20 20 0 1 1 40 0a20 20 0 0 1-40 0m83-24c-5 4-8 10-9 15h-23c-1-6-5-11-10-15l21-42zM102 13h136l-32 94l-4 1l-32-64l-32 64l-4-1zm131 126a20 20 0 0 1-20 20a20 20 0 1 1 20-20m13 0c0-16-12-29-27-32L256 0H84l37 107a33 33 0 0 0-11 60a110 110 0 0 1-47 39c-12-8-17-21-12-33l1-1l1-2a33 33 0 1 0-34-8l-4 8c-5 11-11 24-14 38c-4 28 3 51 22 63c11 8 22 11 34 11c21 0 43-11 64-21c15-8 31-16 47-19l18-4c13-1 26-3 37-10a51 51 0 0 0 18-72c3-5 5-11 5-17"/></svg>
Jest アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:jest" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:jest" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:jest" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--jest]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:jest"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:jest"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/jest.svg" alt="Jest アイコン" width="24" height="24">
Jest アイコン のよくある質問
Jest アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Jest アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:jest" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Jest アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/jest.svg" alt="Jest アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
ICONYZ
