At アイコン

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

はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fontisto:at

At アイコン(fontisto:at)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 24 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: インターフェース

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M22.596 20.093a11.44 11.44 0 0 1-4.48 2.943l-.08.025c-1.634.594-3.52.938-5.486.938h-.1h.005l-.189.001c-1.766 0-3.456-.327-5.012-.923l.096.032a11.5 11.5 0 0 1-3.93-2.474l.004.003a11 11 0 0 1-2.502-3.719l-.026-.073a12.5 12.5 0 0 1-.895-4.676l.001-.152v.008l-.001-.113c0-1.686.361-3.288 1.01-4.733l-.029.073a12 12 0 0 1 2.669-3.808l.004-.004A12.5 12.5 0 0 1 7.535.938l.084-.03C9.024.334 10.655.001 12.363.001h.098h-.005h.041c1.52 0 2.986.234 4.363.668l-.103-.028a11.2 11.2 0 0 1 3.724 1.951l-.023-.017a9.55 9.55 0 0 1 2.552 3.17l.025.055A9.94 9.94 0 0 1 24 10.364v-.012l.002.187a10 10 0 0 1-.559 3.301l.021-.07a7.5 7.5 0 0 1-1.443 2.494l.007-.009a5.9 5.9 0 0 1-2.015 1.485l-.037.015a6 6 0 0 1-2.409.498h-.018h.001a3.3 3.3 0 0 1-2.099-.617l.01.007a1.9 1.9 0 0 1-.782-1.534v-.015v.001h-.16a5.3 5.3 0 0 1-1.48 1.456l-.02.012a4.26 4.26 0 0 1-2.487.697h.007a4.18 4.18 0 0 1-3.418-1.447l-.005-.005a5.68 5.68 0 0 1-1.205-3.79v.013c.001-.96.167-1.88.473-2.735l-.018.057a7.7 7.7 0 0 1 1.312-2.37l-.011.014a6.7 6.7 0 0 1 1.985-1.643l.035-.017a5.4 5.4 0 0 1 2.612-.626h-.004a3.96 3.96 0 0 1 2.109.525l-.019-.01c.503.281.89.717 1.103 1.242l.006.017h.032l.262-1.291h2.903l-1.28 6.101q-.064.448-.177 1.002c-.069.31-.11.666-.113 1.032v.002l-.001.063c0 .314.08.61.22.868l-.005-.01a.87.87 0 0 0 .834.369h-.004a2.44 2.44 0 0 0 2.099-1.341l.006-.014a6.86 6.86 0 0 0 .829-3.659l.001.016l.001-.155c0-1.183-.241-2.31-.676-3.335l.021.056a7.1 7.1 0 0 0-1.801-2.513l-.007-.006a7.75 7.75 0 0 0-2.698-1.517l-.055-.015a11.1 11.1 0 0 0-3.378-.515l-.115.001h.006l-.122-.001a9.55 9.55 0 0 0-3.707.744l.063-.024A8.6 8.6 0 0 0 5.715 5.34l-.003.003a9.1 9.1 0 0 0-1.854 2.938l-.021.062a10.5 10.5 0 0 0-.675 3.747c0 1.372.257 2.684.727 3.89l-.025-.073a8.4 8.4 0 0 0 1.968 2.917l.003.003a8.6 8.6 0 0 0 2.972 1.835l.06.019c1.114.406 2.4.641 3.741.641l.144-.001h-.007a11.1 11.1 0 0 0 4.62-.865l-.074.027a12.6 12.6 0 0 0 3.513-2.331l-.006.006zM12.391 8.356h-.038c-.504 0-.968.169-1.338.455l.005-.004a3.9 3.9 0 0 0-.987 1.128l-.01.019a5.8 5.8 0 0 0-.613 1.491l-.009.041a6.5 6.5 0 0 0-.214 1.609v.004q.004.44.085.854l-.005-.029c.057.306.171.578.331.817l-.005-.008a1.84 1.84 0 0 0 1.686.851h-.006l.078.001a2.53 2.53 0 0 0 1.431-.44l-.009.006a3.5 3.5 0 0 0 1.004-1.082l.009-.016c.248-.415.446-.895.567-1.405l.007-.035c.106-.421.171-.907.179-1.407v-.005q0-.541-.102-1.052l.006.034a2.7 2.7 0 0 0-.35-.917l.007.012a1.9 1.9 0 0 0-.661-.654l-.009-.005a1.9 1.9 0 0 0-.977-.262l-.066.001h.003z"/></svg>

At アイコンの使い方

React

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

<Icon icon="fontisto:at" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:at" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:at" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fontisto:at"></iconify-icon>

HTML 画像

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

Fontisto の関連アイコン

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

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

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

はい。Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Fontisto アイコンをすべて見る →