Cast Outline アイコン
healthicons:cast-outline
Cast Outline アイコン(healthicons:cast-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
- カテゴリ
- デバイス
- タグ
- castoutline、cast2x outline
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="M30 7h-2v6.354c-.622.705-1 1.632-1 2.646v10h-9.687l-4.696-3.25a2.948 2.948 0 0 0-3.688 4.581l-.778.13A2.574 2.574 0 0 0 6.953 32a2.572 2.572 0 0 0 .004 4.003A2.53 2.53 0 0 0 6 37.983c0 1.274.948 2.355 2.222 2.505c1.641.193 4.482.512 5.466.512v-.012Q13.843 41 14 41h24a4 4 0 0 0 4-4V16a4 4 0 0 0-1-2.646V7h-2v5h-9zM10.006 37.228c.03.532.164 1.036.382 1.492c-.683-.073-1.362-.151-1.932-.218A.52.52 0 0 1 8 37.983c0-.261.191-.483.45-.522zM10 33.181l-1.52.253a.574.574 0 0 0 0 1.132l1.52.253zm0-2.361l-1.52-.254a.574.574 0 0 1 0-1.132l1.607-.268q-.086.404-.087.834zm3.806-4.815l-2.327-1.611a.948.948 0 0 0-1.178 1.482l1.149 1.042a4 4 0 0 1 2.356-.913m.87 1.995l6.378 11H14a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2zm8.69 11L16.99 28h4.688l6.377 11zM38 39q.27 0 .518-.068L27.586 28h-3.597l6.377 11zm-9-12.414l10.932 10.932Q40 37.27 40 37v-9.55l-.058-.017L29 23.785zm0-6.712l11-3.188v8.658l-11-3.667zm0-2.082l10.549-3.058A2 2 0 0 0 38 14h-7a2 2 0 0 0-2 2z" clip-rule="evenodd"/></svg>Cast Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:cast-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:cast-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:cast-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--cast-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:cast-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:cast-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/cast-outline.svg" alt="Cast Outline アイコン" width="24" height="24">Health Icons の関連アイコン
他のアイコンセットの Cast Outline アイコン
Cast Outline アイコン のよくある質問
Cast Outline アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cast Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:cast-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cast Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/cast-outline.svg" alt="Cast Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。