ICONYZ
日本語
Health Icons の Contraceptive Voucher Outline アイコン

Contraceptive Voucher Outline アイコン

healthicons:contraceptive-voucher-outline

Contraceptive Voucher Outline アイコン(healthicons:contraceptive-voucher-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
カテゴリ
避妊
タグ
contraceptivevoucher、voucheroutline、contraceptivevoucheroutline、contraceptive voucher2x 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="m21.347 25.674l-1.92-1.919a2.96 2.96 0 0 0-.148 1.854l.68 2.953c.21.907-.827 1.583-1.573 1.025l-.485-.363c-2.184-1.634-5.239.258-4.749 2.94l.26 1.42l1.967-.36l-.26-1.419c-.163-.894.856-1.525 1.584-.98l.485.363c2.238 1.675 5.349-.352 4.72-3.076z"/><path fill-rule="evenodd" d="M29.634 25.476A2.95 2.95 0 0 0 30 23.554l-.294-2.13c1.25.106 2.664-.418 3.763-1.517c1.76-1.758 2.044-4.324.637-5.731s-3.973-1.122-5.731.637c-1.669 1.668-2.011 4.063-.84 5.506l.484 3.509l.005.038zm.155-9.25c1.288-1.287 2.555-.984 2.903-.636s.652 1.615-.637 2.903c-1.288 1.289-2.555.985-2.903.637s-.652-1.615.637-2.903" clip-rule="evenodd"/><path fill-rule="evenodd" d="M43 24c0 10.493-8.507 19-19 19S5 34.493 5 24S13.507 5 24 5s19 8.507 19 19m-7.707 12.707A16.94 16.94 0 0 1 24 41c-9.389 0-17-7.611-17-17c0-4.335 1.622-8.29 4.293-11.293zm1.414-1.414l-24-24A16.94 16.94 0 0 1 24 7c9.389 0 17 7.611 17 17c0 4.335-1.622 8.29-4.293 11.293" clip-rule="evenodd"/></g></svg>

Contraceptive Voucher Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Health Icons の関連アイコン

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

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

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

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

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

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

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

Health Icons をすべて見る →