ICONYZ
日本語
Font Awesome 5 Solid の At アイコン

At アイコン

fa-solid:at

At アイコン(fa-solid:at)は、Font Awesome 5 Solid セットの無料 SVG アイコンです(作者: Dave Gandy)。 512 × 512 のグリッドで描かれています。 Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Font Awesome 5 Solid
作者
Dave Gandy
ライセンス
CC-BY-4.0
サイズ
512 × 512
カテゴリ
コミュニケーション
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C118.941 8 8 118.919 8 256c0 137.059 110.919 248 248 248c48.154 0 95.342-14.14 135.408-40.223c12.005-7.815 14.625-24.288 5.552-35.372l-10.177-12.433c-7.671-9.371-21.179-11.667-31.373-5.129C325.92 429.757 291.314 440 256 440c-101.458 0-184-82.542-184-184S154.542 72 256 72c100.139 0 184 57.619 184 160c0 38.786-21.093 79.742-58.17 83.693c-17.349-.454-16.91-12.857-13.476-30.024l23.433-121.11C394.653 149.75 383.308 136 368.225 136h-44.981a13.52 13.52 0 0 0-13.432 11.993l-.01.092c-14.697-17.901-40.448-21.775-59.971-21.775c-74.58 0-137.831 62.234-137.831 151.46c0 65.303 36.785 105.87 96 105.87c26.984 0 57.369-15.637 74.991-38.333c9.522 34.104 40.613 34.103 70.71 34.103C462.609 379.41 504 307.798 504 232C504 95.653 394.023 8 256 8m-21.68 304.43c-22.249 0-36.07-15.623-36.07-40.771c0-44.993 30.779-72.729 58.63-72.729c22.292 0 35.601 15.241 35.601 40.77c0 45.061-33.875 72.73-58.161 72.73"/></svg>

At アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="fa-solid:at" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa-solid:at" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa-solid:at" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-solid--at]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa-solid -->
<div class="i-fa-solid:at"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa-solid:at"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fa-solid/at.svg" alt="At アイコン" width="24" height="24">

Font Awesome 5 Solid の関連アイコン

他のアイコンセットの At アイコン

At アイコン のよくある質問

At アイコンは商用利用でも無料ですか?

はい。Font Awesome 5 Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で At アイコンを使うには?

@iconify/react をインストールして <Icon icon="fa-solid:at" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

At アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa-solid/at.svg" alt="At アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Font Awesome 5 Solid アイコン をすべて見る →