At Sign Filled アイコン
reicon:at-sign-filled
At Sign Filled アイコン(reicon:at-sign-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.833 17C9.168 17 7 14.683 7 11.833s2.168-5.166 4.833-5.166s4.834 2.317 4.834 5.166S14.499 17 11.833 17m0-8.333C10.271 8.667 9 10.087 9 11.833S10.27 15 11.833 15s2.834-1.42 2.834-3.167s-1.271-3.166-2.834-3.166"/><path d="M12.481 22.665c-3.977 0-7.781-2.206-9.638-5.897c-2.427-4.821-.912-10.7 3.521-13.676C11.34-.251 17.832 1.548 20.545 5.249c2 2.724 2.32 6.794.747 9.464c-1.288 2.19-3.29 2.782-4.695 2.398c-1.172-.32-1.929-1.314-1.929-2.532V7.667a1 1 0 0 1 2 0v6.912c0 .205.047.492.455.602c.545.152 1.646-.124 2.446-1.482c1.174-1.991.894-5.182-.636-7.267c-2.172-2.964-7.53-4.31-11.453-1.679c-3.539 2.376-4.79 7.259-2.85 11.115c1.947 3.868 6.522 5.73 10.645 4.337a1 1 0 0 1 .641 1.895a10.7 10.7 0 0 1-3.433.565Z"/></g></svg>At Sign Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:at-sign-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:at-sign-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:at-sign-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--at-sign-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:at-sign-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:at-sign-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/at-sign-filled.svg" alt="At Sign Filled アイコン" width="24" height="24">Reicon の関連アイコン
At Sign Filled アイコン のよくある質問
At Sign Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で At Sign Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:at-sign-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
At Sign Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/at-sign-filled.svg" alt="At Sign Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。