Transparent Solid アイコン
streamline-plump:transparent-solid
Transparent Solid アイコン(streamline-plump:transparent-solid)は、Plump free icons セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- transparentsolid
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="M7.94 1.857c2.594-.185 6.394-.357 11.56-.357s8.966.172 11.56.357c3.3.236 5.847 2.782 6.083 6.084c.185 2.593.357 6.393.357 11.559s-.172 8.966-.357 11.56c-.236 3.3-2.782 5.847-6.084 6.083c-2.593.185-6.393.357-11.559.357s-8.966-.172-11.56-.357c-3.3-.236-5.847-2.782-6.083-6.084C1.672 28.466 1.5 24.666 1.5 19.5s.172-8.966.357-11.56c.236-3.3 2.782-5.847 6.084-6.083m18.69 8.65q.903-.007 1.87-.007c2.061 0 3.905.027 5.541.072a1.5 1.5 0 1 1-.082 2.999q-1.958-.055-4.335-.068l5.937 5.936a1.5 1.5 0 0 1-2.122 2.122l-8.038-8.039c-3.547.052-6.27.187-8.247.328a3.7 3.7 0 0 0-.98.202L33.06 30.94a1.5 1.5 0 0 1-2.122 2.122L14.052 16.174a3.7 3.7 0 0 0-.202.98c-.141 1.977-.277 4.7-.328 8.247l8.039 8.038a1.5 1.5 0 0 1-2.122 2.122l-5.936-5.937q.013 2.378.068 4.335a1.5 1.5 0 0 1-2.999.082a203 203 0 0 1-.064-7.412l-7.069-7.068a1.5 1.5 0 0 1 2.122-2.122l5.025 5.026c.068-2.24.168-4.071.271-5.524a6.6 6.6 0 0 1 .957-3.006L5.939 8.061a1.5 1.5 0 1 1 2.122-2.122l5.874 5.875c.878-.54 1.9-.878 3.006-.957c1.453-.103 3.285-.203 5.524-.27L17.439 5.56a1.5 1.5 0 0 1 2.122-2.122zM19.5 40c5.222 0 9.081-.174 11.738-.364c4.541-.324 8.074-3.857 8.399-8.399c.19-2.656.363-6.516.363-11.737c0-3.454-.076-6.312-.182-8.62c3.175.347 5.595 2.846 5.825 6.06c.185 2.594.357 6.394.357 11.56s-.172 8.966-.357 11.56c-.236 3.3-2.782 5.847-6.083 6.082c-2.594.186-6.394.358-11.56.358s-8.966-.172-11.56-.358c-3.3-.235-5.847-2.781-6.082-6.083l-.02-.268c2.399.12 5.433.209 9.162.209" clip-rule="evenodd"/></svg>Transparent Solid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:transparent-solid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:transparent-solid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:transparent-solid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--transparent-solid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:transparent-solid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:transparent-solid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/transparent-solid.svg" alt="Transparent Solid アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの Transparent Solid アイコン
Transparent Solid アイコン のよくある質問
Transparent Solid アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Transparent Solid アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:transparent-solid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Transparent Solid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/transparent-solid.svg" alt="Transparent Solid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。