Atandt アイコン
simple-icons:atandt
Atandt アイコン(simple-icons:atandt)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.584 21.438a12.08 12.08 0 0 0 7.349 2.495a12 12 0 0 0 7.887-2.967c-.944.607-3.64 2.023-7.887 2.023c-3.708 0-6.068-.81-7.349-1.55m8.158.606c2.966 0 6.202-.809 8.09-2.427c.539-.405 1.01-1.011 1.483-1.753c.27-.472.539-1.011.741-1.483c-1.82 2.63-7.011 4.315-12.404 4.315c-3.776 0-7.888-1.214-9.506-3.573c1.483 3.236 6 4.92 11.596 4.92m-3.236-5.257C3.37 16.787.472 13.955 0 12c0 .674.067 1.483.202 2.09c.068.27.27.674.607 1.079c1.483 1.55 5.191 3.707 11.595 3.707c8.697 0 10.72-2.898 11.124-3.842c.27-.674.472-1.888.472-2.967v-.674c-.607 2.292-8.022 5.394-14.494 5.394m-8.427-9.91C.742 7.55.337 8.763.202 9.37c-.067.27 0 .404.068.607c.741 1.55 4.45 4.044 13.078 4.044c5.259 0 9.371-1.28 10.045-3.64c.135-.404.135-.876 0-1.483c-.202-.674-.472-1.483-.809-2.09c.068 3.101-8.562 5.124-12.944 5.124c-4.719 0-8.696-1.888-8.696-4.248c.067-.337.135-.606.135-.809M19.82 3.034c.068.067.068.135.068.27c0 1.348-4.045 3.64-10.517 3.64c-4.787 0-5.663-1.753-5.663-2.9c0-.404.135-.808.472-1.213c-.607.607-1.146 1.147-1.686 1.82c-.202.27-.337.54-.337.675c0 2.36 5.865 3.977 11.259 3.977c5.797 0 8.427-1.887 8.427-3.573c0-.606-.203-.943-.81-1.618a17 17 0 0 0-1.213-1.078m-1.753-1.281A11.8 11.8 0 0 0 11.933.067C9.64.067 7.55.674 5.73 1.82c-.539.27-.876.54-.876.877c0 1.01 2.36 2.09 6.54 2.09c4.112 0 7.348-1.214 7.348-2.36c.067-.202-.203-.405-.675-.674"/></svg>Atandt アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:atandt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:atandt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:atandt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--atandt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:atandt"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:atandt"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/atandt.svg" alt="Atandt アイコン" width="24" height="24">他のアイコンセットの Atandt アイコン
Atandt アイコン のよくある質問
Atandt アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Atandt アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:atandt" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Atandt アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/atandt.svg" alt="Atandt アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。