ICONYZ
日本語
Health Icons の Chart Cured Decreasing Outline アイコン

Chart Cured Decreasing Outline アイコン

healthicons:chart-cured-decreasing-outline

Chart Cured Decreasing Outline アイコン(healthicons:chart-cured-decreasing-outline)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Health Icons
作者
Resolve to Save Lives
ライセンス
MIT
サイズ
48 × 48
カテゴリ
グラフ
タグ
chartcured、cureddecreasing、decreasingoutline、chartcureddecreasingoutline、chart cured decreasing2x outline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M15.828 18.14C13.684 16.74 11.303 16 8.871 16H8V6H6v35a1 1 0 0 0 1 1h35v-2H8V18h.871c2.016 0 4.021.612 5.864 1.815c1.846 1.204 3.482 2.971 4.765 5.186c1.419 2.45 3.262 4.462 5.403 5.86C27.047 32.258 29.428 33 31.86 33h6.506l-3.073 3.075a1 1 0 0 0 1.414 1.414l4.78-4.782a1 1 0 0 0 0-1.414l-4.78-4.782a1 1 0 0 0-1.414 1.414L38.367 31H31.86c-2.016 0-4.022-.612-5.865-1.815c-1.845-1.204-3.482-2.971-4.764-5.186c-1.419-2.45-3.262-4.462-5.403-5.86"/><path fill-rule="evenodd" d="M31.857 6a2.524 2.524 0 0 0-2.524 2.524v2.81h-2.81A2.524 2.524 0 0 0 24 13.856v2.286a2.524 2.524 0 0 0 2.524 2.524h2.81v2.81A2.524 2.524 0 0 0 31.856 24h2.286a2.524 2.524 0 0 0 2.524-2.524v-2.81h2.81A2.524 2.524 0 0 0 42 16.144v-2.286a2.524 2.524 0 0 0-2.524-2.524h-2.81v-2.81A2.524 2.524 0 0 0 34.144 6zm-.37 2.153a.52.52 0 0 1 .37-.153h2.286a.524.524 0 0 1 .524.524v3.81a1 1 0 0 0 1 1h3.81a.524.524 0 0 1 .523.523v2.286a.524.524 0 0 1-.524.524h-3.81a1 1 0 0 0-1 1v3.81a.524.524 0 0 1-.523.523h-2.286a.524.524 0 0 1-.524-.524v-3.81a1 1 0 0 0-1-1h-3.81a.524.524 0 0 1-.523-.523v-2.286a.524.524 0 0 1 .524-.524h3.81a1 1 0 0 0 1-1v-3.81c0-.138.055-.271.153-.37" clip-rule="evenodd"/></g></svg>

Chart Cured Decreasing Outline アイコンの使い方

React

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

<Icon icon="healthicons:chart-cured-decreasing-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:chart-cured-decreasing-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:chart-cured-decreasing-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--chart-cured-decreasing-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:chart-cured-decreasing-outline"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:chart-cured-decreasing-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/chart-cured-decreasing-outline.svg" alt="Chart Cured Decreasing Outline アイコン" width="24" height="24">

Health Icons の関連アイコン

Chart Cured Decreasing Outline アイコン のよくある質問

Chart Cured Decreasing Outline アイコンは商用利用でも無料ですか?

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

React で Chart Cured Decreasing Outline アイコンを使うには?

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

Chart Cured Decreasing Outline アイコンをウェブページに追加するには?

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

Health Icons をすべて見る →