Contraceptive Voucher アイコン

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

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

healthicons:contraceptive-voucher

Contraceptive Voucher アイコン(healthicons:contraceptive-voucher)は、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
カテゴリ: 避妊
タグ: contraceptivevoucher

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M19.273 25.586a2.96 2.96 0 0 1 .152-1.862l1.912 1.91l.567 2.46c.628 2.725-2.483 4.752-4.72 3.077l-.49-.366c-.728-.545-1.746.086-1.583.98l.26 1.421l-1.968.36l-.26-1.421c-.49-2.683 2.566-4.575 4.75-2.941l.488.366c.746.558 1.783-.118 1.574-1.026zM34.106 14.15c-1.407-1.407-3.975-1.122-5.734.637c-1.757 1.757-2.044 4.32-.643 5.729l.408 3.42l.002.016l1.611 1.611a2.95 2.95 0 0 0 .373-1.863l-.273-2.288c1.214.054 2.562-.47 3.619-1.528c1.76-1.759 2.044-4.326.637-5.734"/><path fill-rule="evenodd" d="M24 43c10.493 0 19-8.507 19-19S34.493 5 24 5S5 13.507 5 24s8.507 19 19 19m0-2c4.335 0 8.29-1.622 11.293-4.293l-24-24A16.94 16.94 0 0 0 7 24c0 9.389 7.611 17 17 17M12.707 11.293l24 24A16.94 16.94 0 0 0 41 24c0-9.389-7.611-17-17-17c-4.335 0-8.29 1.622-11.293 4.293" clip-rule="evenodd"/></g></svg>

Contraceptive Voucher アイコンの使い方

React

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

<Icon icon="healthicons:contraceptive-voucher" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:contraceptive-voucher" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:contraceptive-voucher" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:contraceptive-voucher"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/contraceptive-voucher.svg" alt="Contraceptive Voucher アイコン" width="24" height="24">

Health Icons の関連アイコン

Contraceptive Voucher アイコンのよくある質問

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

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

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

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

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

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

Health Icons をすべて見る →