ICONYZ
日本語
Arcticons の Mi Att アイコン

Mi Att アイコン

arcticons:mi-att

Mi Att アイコン(arcticons:mi-att)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Arcticons
作者
Donnnno
ライセンス
CC-BY-SA-4.0
サイズ
48 × 48
タグ
miatt
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.997 5.536a21.27 21.27 0 0 0-11-3.03a21.35 21.35 0 0 0-11.151 3.119c-.97.598-1.517 1.075-1.517 1.69c0 1.813 4.238 3.764 11.755 3.764c7.44 0 13.21-2.136 13.21-4.192c0-.49-.43-.833-1.297-1.351"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.372 12.058c0 4.18 10.48 7.21 20.28 7.21c10.442 0 15.102-3.408 15.102-6.404c-.223-2.095-2.048-3.607-3.539-4.954c.074.156.118.306.118.51c0 2.388-7.309 6.613-18.944 6.613c-8.55 0-10.15-3.172-10.15-5.188c0-.721.276-1.459.869-2.223C8.373 9.048 6.37 11.32 6.37 12.058z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M3.142 20.278c1.09 2.895 7.99 7.276 23.555 7.276c9.495 0 16.87-2.333 18.065-6.59c.552-1.966-.62-4.768-1.478-6.438c.166 5.588-15.404 9.187-23.26 9.187c-8.51 0-15.608-3.39-15.608-7.672c0-.411.085-.823.17-1.257c-.665 1.704-2.12 3.699-1.445 5.492z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M2.516 23.997c-.06 2.052-.02 4.04 1.38 5.585c2.584 2.854 9.31 6.67 20.817 6.67c15.677 0 19.262-5.222 19.994-6.94c.757-1.777.883-5.214.743-6.48c-.806 4.199-14.2 9.785-25.774 9.785c-11.007 0-16.197-5.125-17.16-8.62"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.041 37.778c2.155-1.765 3.368-4.343 3.945-5.901c-3.258 4.751-12.624 7.72-22.293 7.72c-6.836 0-14.19-2.185-17.089-6.348c2.662 5.712 10.8 8.827 20.853 8.827c5.292 0 11.104-1.446 14.584-4.299z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.997 45.495a21.3 21.3 0 0 0 14.156-5.348c-1.708 1.112-6.543 3.585-14.156 3.585c-6.616 0-10.797-1.476-13.172-2.774a21.3 21.3 0 0 0 13.172 4.537"/></svg>

Mi Att アイコンの使い方

React

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

<Icon icon="arcticons:mi-att" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:mi-att" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:mi-att" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--mi-att]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:mi-att"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:mi-att"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/mi-att.svg" alt="Mi Att アイコン" width="24" height="24">

Arcticons の関連アイコン

Mi Att アイコン のよくある質問

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →