Parasol Sharp Two Tone アイコン
keyline-icons:parasol-sharp-two-tone
Parasol Sharp Two Tone アイコン(keyline-icons:parasol-sharp-two-tone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- parasolsharp、sharptwo、twotone、parasolsharptwotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M1 14C1 11.0443 3.0505 8.5351 5.1896 6.5218C7.6439 4.2119 9.6399 2.9459 11.2929 1.2929C11.6834 0.9024 12.3166 0.9024 12.7071 1.2929C14.3601 2.9459 16.3561 4.2119 18.8104 6.5218C20.9495 8.5351 23 11.0443 23 14C23 15.0047 21.6845 15.382 21.152 14.53C20.2937 13.1567 18.7063 13.1567 17.848 14.53C17.4563 15.1567 16.5437 15.1567 16.152 14.53C15.2937 13.1567 13.7063 13.1567 12.848 14.53C12.4563 15.1567 11.5437 15.1567 11.152 14.53C10.2937 13.1567 8.7063 13.1567 7.848 14.53C7.4563 15.1567 6.5437 15.1567 6.152 14.53C5.2937 13.1567 3.7063 13.1567 2.848 14.53C2.3155 15.382 1 15.0047 1 14Z" stroke="none"/><path d="M2 14C2 11.5 3.75 9.25 5.875 7.25C8 5.25 10.5 3.5 12 2C13.5 3.5 16 5.25 18.125 7.25C20.25 9.25 22 11.5 22 14C20.75 12 18.25 12 17 14C15.75 12 13.25 12 12 14C10.75 12 8.25 12 7 14C5.75 12 3.25 12 2 14ZM12 14L12 23"/></g></svg>Parasol Sharp Two Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:parasol-sharp-two-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:parasol-sharp-two-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:parasol-sharp-two-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--parasol-sharp-two-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:parasol-sharp-two-tone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:parasol-sharp-two-tone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/parasol-sharp-two-tone.svg" alt="Parasol Sharp Two Tone アイコン" width="24" height="24">Keyline Icons の関連アイコン
Parasol Sharp Two Tone アイコン のよくある質問
Parasol Sharp Two Tone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Parasol Sharp Two Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:parasol-sharp-two-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Parasol Sharp Two Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/parasol-sharp-two-tone.svg" alt="Parasol Sharp Two Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。