Construct Sharp アイコン
ion:construct-sharp
Construct Sharp アイコン(ion:construct-sharp)は、IonIcons セットの無料 SVG アイコンです（作者: Ben Sperry）。 512 × 512 のグリッドで描かれています。 IonIcons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- IonIcons
- 作者
- Ben Sperry
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- constructsharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m497.14 111.38l-81.09 80.84l-48.58-48.41L448.56 63c-45.22-22-108.65-22.09-146.2 15.35c-35.32 35.2-39.73 90.61-22.54 134.2L99.57 391.37a12 12 0 0 0 0 17l52.27 52.11a12 12 0 0 0 17 0l180-180.5c43.16 16.21 98 11.64 132.74-23c37.5-37.45 37.42-100.34 15.56-145.6"/><path fill="currentColor" d="m365.45 308.62l-71.83 72l75.53 79.92a10.88 10.88 0 0 0 15.65.21l60-60.46a11 11 0 0 0-.24-15.69ZM119 212c0-4.87-4-9.33-7.45-12.78l-.25-.24l-1.54-1.47a1.06 1.06 0 0 1-.26-.8a16.16 16.16 0 0 1 9.52-2c1.27.13 5.91.9 12.4 4.91c3.38 2.09 32.63 30.23 43.93 40.7a11 11 0 0 0 .14 15.35l7.43 7.86l65.66-65.17l-8.25-7.84a10.87 10.87 0 0 0-15.31-.06c-23-24.68-29-35.45-31-42.45c-4.42-15.47 4.14-28 14-36c5.84-4.62 17.88-8.08 29-9a52.7 52.7 0 0 1 11.61.6c3.47.5 6.3 1.14 7.39 1.4a68.5 68.5 0 0 1 11 4l12-19a88.4 88.4 0 0 0-13.4-17.7a115 115 0 0 0-5.19-5.1c-7.78-7.15-28-19.2-54.59-19.2a117.4 117.4 0 0 0-44.77 8.82c-37.44 15.34-61.88 36.25-73.11 47.35l-.07.07A219.6 219.6 0 0 0 67 128.56c-5.35 7.53-4.77 15.84-4.38 21.34c0 .32 0 .67.07 1a18.4 18.4 0 0 0-10.78-3.5A18 18 0 0 0 39 152.73L2 189.62a6.79 6.79 0 0 0 0 9.6L65 262a6.72 6.72 0 0 0 9.5 0l37.06-37c3.44-3.44 7.44-8.14 7.44-13"/></svg>Construct Sharp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ion:construct-sharp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ion:construct-sharp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ion:construct-sharp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--construct-sharp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:construct-sharp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ion:construct-sharp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ion/construct-sharp.svg" alt="Construct Sharp アイコン" width="24" height="24">IonIcons の関連アイコン
他のアイコンセットの Construct Sharp アイコン
Construct Sharp アイコン のよくある質問
Construct Sharp アイコンは商用利用でも無料ですか?
はい。IonIcons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Construct Sharp アイコンを使うには?
@iconify/react をインストールして <Icon icon="ion:construct-sharp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Construct Sharp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ion/construct-sharp.svg" alt="Construct Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。