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

Varicose Vein アイコン

healthicons:varicose-vein

Varicose Vein アイコン(healthicons:varicose-vein)は、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
カテゴリ
症状
タグ
varicosevein
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="m20.931 4l-.95 6.541l3.907 24.763s-7.653 3.349-9.088 3.349c-.499 0-.998-.116-1.475-.227c-.896-.207-1.718-.398-2.324.227c-.929.956-1.687 2.13 0 3.826c1.687 1.695 4.763 1.911 8.582.957c4.974-1.244 6.518-.65 7.793-.158c.688.265 1.297.5 2.323.401c2.559-.246 3.454-1.668 4.046-2.61q.128-.206.244-.374c.61-.878.145-4.329-2.047-5.874c-.16-.858 1.04-6.903 2.518-12.158c2.308-8.208-.508-13.716-2.368-17.354a8 8 0 0 1-.308-.726A8 8 0 0 0 31.54 4zm4.983 4.94a.957.957 0 1 0-1.372 1.333c.437.45.575.77.621.989c.048.222.024.451-.067.783l-.01.033l-.047.153c-.115.357-.321 1-.308 1.678c.018.92.398 1.89 1.387 2.883a.957.957 0 0 0 1.356-1.35c-.698-.7-.823-1.218-.83-1.57c-.007-.329.07-.572.172-.9l.085-.28a2.59 2.59 0 0 1 2.476-1.033a.957.957 0 0 0 .275-1.893a4.4 4.4 0 0 0-2.811.496c-.194-.446-.5-.883-.927-1.322m4.35 11.028a.957.957 0 0 0-1.187.649c-.083.28-.22.418-.343.504a1.4 1.4 0 0 1-.392.178a1 1 0 0 1-.233-.124a2.7 2.7 0 0 1-.704-.706a.957.957 0 1 0-1.58 1.08c.193.282.427.552.682.79c-.522.553-.905 1.343-.867 2.373a.957.957 0 0 0 1.912-.07c-.018-.507.169-.825.404-1.047a1.8 1.8 0 0 1 .7-.4a1.5 1.5 0 0 0 .245-.066c.372-.118 1.58-.502 2.012-1.974a.957.957 0 0 0-.649-1.187" clip-rule="evenodd"/></svg>

Varicose Vein アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →