Ampersand アイコン
ls:ampersand
Ampersand アイコン(ls:ampersand)は、Ligature Symbols セットの無料 SVG アイコンです（作者: Kazuyuki Motoyama）。 659 × 727 のグリッドで描かれています。 Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ligature Symbols
- 作者
- Kazuyuki Motoyama
- ライセンス
- OFL-1.1
- サイズ
- 659 × 727
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="659" height="727" viewBox="0 0 659 727"><path fill="currentColor" d="m606 490l-49-52c-23 20-53 44-93 73l-73-73l-112-118c51-43 86-79 103-107s26-53 26-78c0-24-7-45-20-67c-13-20-33-37-59-49c-25-12-52-19-83-19c-48 0-89 13-122 42c-28 24-42 54-42 91c0 20 5 43 17 66c11 24 37 60 77 108c-71 56-117 103-141 140c-23 37-35 73-35 110c0 48 17 89 52 122c34 32 79 48 136 48c42 0 83-7 121-22c39-14 90-47 150-96l98 100h102c-18-22-39-45-65-70c-33-33-59-57-79-75c29-20 59-45 91-74M234 266c-31-34-53-66-69-94c-7-12-11-24-11-37c0-17 9-33 25-46q24-18 63-18c28 0 51 6 67 18s25 27 25 44c0 14-7 32-20 51c-17 27-45 54-80 82m58 171l116 119c-51 40-96 70-136 86c-25 11-50 17-77 17q-51 0-87-33c-36-33-35-46-35-74c0-24 10-50 29-78s61-64 123-111c25 28 48 52 67 74"/></svg>
Ampersand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ls:ampersand" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:ampersand" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:ampersand" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--ampersand]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:ampersand"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:ampersand"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ls/ampersand.svg" alt="Ampersand アイコン" width="24" height="24">
他のアイコンセットの Ampersand アイコン
Ampersand アイコン のよくある質問
Ampersand アイコンは商用利用でも無料ですか?
はい。Ligature Symbols icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Ampersand アイコンを使うには?
@iconify/react をインストールして <Icon icon="ls:ampersand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ampersand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ls/ampersand.svg" alt="Ampersand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Ligature Symbols アイコン をすべて見る →
ICONYZ
