Logo Twitter アイコン

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

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

ion:logo-twitter

Logo Twitter アイコン(ion:logo-twitter)は、IonIcons セットの無料 SVG アイコンです（作者: Ben Sperry）。 512 × 512 のグリッドで描かれています。 IonIcons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: IonIcons
作者: Ben Sperry
ライセンス: MIT
サイズ: 512 × 512
タグ: logotwitter、logo twitter outline、social twitter

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M496 109.5a201.8 201.8 0 0 1-56.55 15.3a97.5 97.5 0 0 0 43.33-53.6a197.7 197.7 0 0 1-62.56 23.5A99.14 99.14 0 0 0 348.31 64c-54.42 0-98.46 43.4-98.46 96.9a93.2 93.2 0 0 0 2.54 22.1a280.7 280.7 0 0 1-203-101.3A95.7 95.7 0 0 0 36 130.4c0 33.6 17.53 63.3 44 80.7A97.5 97.5 0 0 1 35.22 199v1.2c0 47 34 86.1 79 95a100.8 100.8 0 0 1-25.94 3.4a94.4 94.4 0 0 1-18.51-1.8c12.51 38.5 48.92 66.5 92.05 67.3A199.6 199.6 0 0 1 39.5 405.6a203 203 0 0 1-23.5-1.4A278.7 278.7 0 0 0 166.74 448c181.36 0 280.44-147.7 280.44-275.8c0-4.2-.11-8.4-.31-12.5A198.5 198.5 0 0 0 496 109.5"/></svg>

Logo Twitter アイコンの使い方

React

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

<Icon icon="ion:logo-twitter" width="24" />

Vue

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

<template>
  <Icon icon="ion:logo-twitter" width="24" />
</template>

Svelte

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

<Icon icon="ion:logo-twitter" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--logo-twitter]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:logo-twitter"></div>

Web コンポーネント

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

<iconify-icon icon="ion:logo-twitter"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ion/logo-twitter.svg" alt="Logo Twitter アイコン" width="24" height="24">

IonIcons の関連アイコン

他のアイコンセットの Logo Twitter アイコン

Logo Twitter アイコンのよくある質問

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

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

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

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

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

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

IonIcons をすべて見る →