At T アイコン

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

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

selfhst:at-t

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

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: att

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#00a8e0" d="M99 458.1c43.4 33.6 97.9 53.8 157 53.8c64.7 0 123.6-24 168.6-63.4c.5-.5.3-.8-.3-.5c-20.2 13.5-77.7 42.9-168.4 42.9c-78.8 0-128.5-17.6-156.7-33.3c-.4-.2-.6.2-.2.5m174.4 13.1c63 0 132.2-17.2 173.6-51.2c11.3-9.3 22.1-21.6 31.8-38.2c5.6-9.5 11-20.9 15.4-32c.2-.5-.1-.8-.5-.2c-38.5 56.7-150 92-265.1 92c-81.4 0-168.9-26-203.2-75.7c-.3-.5-.7-.3-.5.3c31.9 67.9 128.8 105 248.5 105m-68.9-112.6c-131 0-192.8-61-204-102.7c-.1-.6-.5-.4-.5.1c0 14 1.4 32.1 3.8 44.1c1.2 5.8 5.9 15 12.9 22.3c31.7 33.1 110.8 79.4 247.8 79.4c186.6 0 229.3-62.2 238-82.6c6.2-14.6 9.5-41 9.5-63.2c0-5.4-.1-9.7-.3-13.9c0-.7-.4-.7-.5-.1c-9.4 50.1-168.9 116.6-306.7 116.6M24.7 146.2c-7.5 14.9-15.8 40-18.3 53c-1.1 5.6-.6 8.3 1.3 12.4c15.7 33.3 95.1 86.6 280.4 86.6c113 0 200.9-27.8 215.1-78.4c2.6-9.3 2.8-19.2-.6-32.5c-3.8-14.8-10.8-32.1-16.8-44.3c-.2-.4-.5-.3-.5.1c2.2 66.5-183.1 109.3-276.7 109.3c-101.3 0-185.8-40.4-185.8-91.3c0-4.9 1-9.8 2.3-14.9c.2-.3-.2-.4-.4 0m400.4-81.6c1.1 1.7 1.6 3.5 1.6 5.9c0 28.4-87 78.7-225.5 78.7c-101.8 0-120.8-37.8-120.8-61.8c0-8.6 3.3-17.4 10.5-26.3c.4-.5.1-.7-.4-.3c-13.2 11.2-25.4 23.8-36 37.4c-5.1 6.4-8.3 12.1-8.3 15.6c0 49.8 124.8 85.8 241.4 85.8c124.3 0 179.8-40.6 179.8-76.2c0-12.7-5-20.2-17.7-34.6c-8.2-9.4-16-17-24.3-24.5c-.3-.4-.6-.1-.3.3m-38.2-28.4C348.6 13.2 304 .1 256 .1c-48.4 0-94.3 13.5-132.8 37.1c-11.5 7.1-18 12.8-18 20.1c0 21.6 50.4 44.8 139.9 44.8c88.6 0 157.3-25.4 157.3-49.9c0-5.8-5.1-9.8-15.5-16"/></svg>

At T アイコンの使い方

React

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

<Icon icon="selfhst:at-t" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:at-t" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:at-t" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:at-t"></iconify-icon>

HTML 画像

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

selfh.st/icons の関連アイコン

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

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

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

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

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

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

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

selfh.st/icons をすべて見る →