ICONYZ
日本語
Health Icons の Varicose Vein 24px アイコン

Varicose Vein 24px アイコン

healthicons:varicose-vein-24px

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

アイコンセット
Health Icons
作者
Resolve to Save Lives
ライセンス
MIT
サイズ
24 × 24
カテゴリ
症状
タグ
varicosevein、vein24px、varicosevein24px
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M17.63 3h-7.32l-1.116 7.315c-.13.494-.193.888-.187 1.265c.006.387.084.724.2 1.096l1.97 5.925l-2.791 1.343H7a.5.5 0 0 0-.48.643l.001.002l.002.005l.004.014a2 2 0 0 0 .07.192c.05.118.125.279.231.444c.198.306.592.756 1.225.756h1.631c.167 0 .388-.051.572-.097c.121-.03.262-.068.408-.107q.143-.04.286-.076c.514-.134 1.016-.248 1.366-.248c.042 0 .149.02.341.084q.2.07.428.157l.169.064c.207.078.437.162.646.21c.106.025.223.045.34.047a.85.85 0 0 0 .42-.095c.299-.162.502-.432.629-.683a1.95 1.95 0 0 0 .21-.798a1.16 1.16 0 0 0-.177-.614a3 3 0 0 0-.335-.452l-.213-.242a6 6 0 0 1-.375-.446c.01-.714.083-1.287.155-1.842c.03-.235.06-.467.085-.706c.086-.836.087-1.665-.267-2.73c-.16-.482-.44-1.041-.67-1.464a19 19 0 0 0-.26-.463c1.345-1.863 2.182-3.09 2.763-4.198c.616-1.175.936-2.205 1.282-3.687zm-5.026 2.428q-.12.084-.232.202c-.32.34-.442.762-.453 1.127c-.011.346.076.725.284.98a.5.5 0 1 0 .776-.63a.3.3 0 0 1-.036-.09a.8.8 0 0 1-.025-.229a.72.72 0 0 1 .182-.472a.47.47 0 0 1 .364-.148c.15-.002.286.039.376.066a.5.5 0 0 0 .291-.956l-.016-.005a2.2 2.2 0 0 0-.443-.095l.001-.024c.008-.229-.035-.54-.268-.793c-.237-.259-.582-.361-.967-.361a.5.5 0 1 0 0 1c.148 0 .21.026.229.037c.003.01.009.034.007.083a1 1 0 0 1-.063.289zm-.28 4.702l-.002.003l-.01.01l-.04.042c-.033.036-.08.088-.13.146a2.2 2.2 0 0 0-.25.338a2 2 0 0 0-.136.323a.5.5 0 0 1-.983.14a.7.7 0 0 1-.002-.322q.024-.107.06-.206c.046-.13.11-.275.177-.403c.1-.19.262-.39.375-.521a6 6 0 0 1 .206-.228l.014-.014l.004-.005h.001l.359.348l-.358-.35a.5.5 0 0 1 .715.7m-1.148 3.371a.5.5 0 0 1 .715-.698l.002.002l.004.004l.014.015a5 5 0 0 1 .206.227c.113.132.274.332.375.521a3 3 0 0 1 .178.403q.035.1.059.206a.7.7 0 0 1-.001.322a.5.5 0 0 1-.984-.14l-.018-.056a2 2 0 0 0-.118-.267a2.2 2.2 0 0 0-.25-.338a5 5 0 0 0-.17-.188l-.01-.01z" clip-rule="evenodd"/></svg>

Varicose Vein 24px アイコンの使い方

React

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

<Icon icon="healthicons:varicose-vein-24px" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:varicose-vein-24px" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:varicose-vein-24px" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--varicose-vein-24px]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:varicose-vein-24px"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:varicose-vein-24px"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/varicose-vein-24px.svg" alt="Varicose Vein 24px アイコン" width="24" height="24">

Health Icons の関連アイコン

Varicose Vein 24px アイコン のよくある質問

Varicose Vein 24px アイコンは商用利用でも無料ですか?

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

React で Varicose Vein 24px アイコンを使うには?

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

Varicose Vein 24px アイコンをウェブページに追加するには?

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

Health Icons をすべて見る →