American Sign Language アイコン
healthicons:american-sign-language
American Sign Language アイコン(healthicons:american-sign-language)は、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
- カテゴリ
- 記号
- タグ
- americansign、signlanguage、americansignlanguage
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M32.81 37.329c-.652.53-1.475.899-2.323.508a1.37 1.37 0 0 1-.778-1.01a1.53 1.53 0 0 1 .232-1.154c.05-.07.145-.157.233-.235c.1-.09.216-.19.351-.313a7 7 0 0 0 .847-.894c.25-.325.496-.678.722-1.019a6.7 6.7 0 0 1-1.033.653c-.694.35-1.564.733-2.375.92c-.406.094-.81.141-1.175.105c-.367-.037-.712-.16-.974-.422a1.54 1.54 0 0 1-.45-.81a1.4 1.4 0 0 1 .088-.782c.185-.453.585-.816.962-.921c.718-.2 1.336-.308 1.906-.593c.382-.192.738-.406 1.056-.617q-.327.085-.665.13c-.834.11-1.927.213-2.747.127c-.775-.081-1.376-.3-1.79-.614c-.416-.316-.647-.734-.647-1.185c0-.518.215-.928.56-1.186c.338-.255.782-.35 1.225-.29c.554.075 1.39.27 2.214.2c.25-.021.5-.065.737-.116a3.7 3.7 0 0 1-.788-.224a9.4 9.4 0 0 1-1.328-.67c-.563-.348-1.094-.78-1.428-1.277c-.34-.505-.484-1.097-.23-1.722a1.363 1.363 0 0 1 2.118-.534c.303.229.616.584 1.357 1.037c.818.502 1.71.547 2.385.248c.666-.296 1.146-.936 1.146-1.877c0-.969-.584-1.654-1.36-1.942a2.44 2.44 0 0 0-2.48.487a5.5 5.5 0 0 0-.608.648c-.148.183-.289.372-.415.496c-.56.55-1.492.592-2.086-.001c-.621-.62-.508-1.484-.03-2.175a7.4 7.4 0 0 1 1.503-1.595c.765-.593 1.795-1.114 3.051-1.114c1.18 0 2.129.133 2.922.265c.803.133 1.415.258 1.966.258c.666 0 1.722-.287 2.762-.68c1.036-.39 2.008-.868 2.503-1.222l.227-.162l3.708 6.681l.119.214l-.209.126c-.388.233-1.069.542-1.763.857c-.704.32-1.43.651-1.938.935c-.481.269-1.238.912-1.93 1.825c-.691.91-1.303 2.07-1.517 3.359c-.456 2.734-1.372 4.11-2.272 5.462c-.354.53-.905 1.28-1.561 1.815M15.19 10.671c.652-.53 1.475-.899 2.323-.508c.451.208.7.601.778 1.01c.077.401-.006.835-.232 1.154c-.05.07-.145.157-.233.235c-.1.09-.216.19-.351.313a7 7 0 0 0-.847.894c-.25.325-.496.678-.722 1.019a6.7 6.7 0 0 1 1.033-.653c.694-.35 1.564-.733 2.375-.92c.406-.094.81-.141 1.175-.105c.367.037.712.16.974.422c.253.253.397.53.45.81c.05.28.008.548-.088.782c-.185.454-.585.816-.962.921c-.718.2-1.336.308-1.906.593c-.382.192-.738.406-1.056.617q.327-.085.665-.13c.834-.11 1.927-.213 2.747-.127c.775.081 1.376.3 1.79.614c.416.316.647.734.647 1.185c0 .518-.215.928-.56 1.186c-.338.255-.782.35-1.225.29c-.554-.075-1.39-.27-2.214-.2c-.25.021-.5.065-.737.116c.267.047.531.118.788.224c.413.172.885.395 1.328.67c.563.348 1.094.78 1.428 1.277c.34.505.484 1.097.23 1.722a1.363 1.363 0 0 1-2.118.534c-.303-.229-.616-.584-1.357-1.037c-.818-.502-1.71-.547-2.385-.248c-.666.296-1.146.936-1.146 1.877c0 .969.584 1.655 1.36 1.942c.78.29 1.746.17 2.48-.487a5.5 5.5 0 0 0 .608-.648c.148-.183.289-.372.415-.496a1.484 1.484 0 0 1 2.086.001c.621.62.508 1.484.03 2.175a7.4 7.4 0 0 1-1.503 1.595c-.765.593-1.795 1.114-3.051 1.114a17 17 0 0 1-2.922-.265c-.803-.133-1.415-.258-1.966-.258c-.666 0-1.722.287-2.762.68c-1.036.39-2.008.868-2.503 1.222l-.227.162l-3.708-6.681L4 25.05l.209-.126c.388-.233 1.069-.542 1.763-.857c.704-.32 1.43-.651 1.938-.935c.481-.269 1.238-.912 1.93-1.825c.691-.91 1.303-2.07 1.517-3.359c.456-2.734 1.372-4.11 2.272-5.462c.354-.53.905-1.28 1.561-1.815"/></svg>American Sign Language アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:american-sign-language" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:american-sign-language" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:american-sign-language" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--american-sign-language]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:american-sign-language"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:american-sign-language"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/american-sign-language.svg" alt="American Sign Language アイコン" width="24" height="24">Health Icons の関連アイコン
American Sign Language アイコン のよくある質問
American Sign Language アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で American Sign Language アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:american-sign-language" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
American Sign Language アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/american-sign-language.svg" alt="American Sign Language アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。