Twitter Logo アイコン
radix-icons:twitter-logo
Twitter Logo アイコン(radix-icons:twitter-logo)は、Radix Icons セットの無料 SVG アイコンです（作者: WorkOS）。 15 × 15 のグリッドで描かれています。 Radix Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Radix Icons
- 作者
- WorkOS
- ライセンス
- MIT
- サイズ
- 15 × 15
- タグ
- twitterlogo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M10.36 1.569c1.013 0 1.82.48 2.362 1.174a5.2 5.2 0 0 0 1.63-.628a2.63 2.63 0 0 1-1.152 1.45l.001.003a5.3 5.3 0 0 0 1.504-.413v.002c-.338.506-.764.95-1.252 1.313c.026.177.043.354.043.531c0 3.686-2.809 7.974-7.975 7.974A7.93 7.93 0 0 1 1.46 11.86l-.234-.146l-.08-.062a.5.5 0 0 1-.028-.686a.45.45 0 0 1 .347-.217l.09.002l.24.024a5.04 5.04 0 0 0 2.395-.381a3.1 3.1 0 0 1-1.606-1.65l-.082-.225a.45.45 0 0 1 .103-.448A3.07 3.07 0 0 1 1.56 5.76v-.033c0-.16.084-.308.221-.389a.5.5 0 0 1 .147-.052A3.1 3.1 0 0 1 1.58 3.87c0-.468.003-1.058.332-1.589a.45.45 0 0 1 .32-.207a.5.5 0 0 1 .47.088l.071.072l.234.272a6.96 6.96 0 0 0 4.226 2.232v-.04c0-1.728 1.4-3.128 3.126-3.128m0 1a2.128 2.128 0 0 0-2.072 2.614a.5.5 0 0 1-.396.602l-.116.008a7.95 7.95 0 0 1-5.282-2.377q-.014.203-.013.453c0 .755.385 1.422.97 1.813l.057.046a.45.45 0 0 1-.323.778a3 3 0 0 1-.622-.086a2.18 2.18 0 0 0 1.643 1.476a.451.451 0 0 1 .028.876q-.27.073-.556.094a2.17 2.17 0 0 0 1.715.89a.45.45 0 0 1 .27.804a5.3 5.3 0 0 1-2.389 1.042c.705.24 1.46.373 2.247.373c4.5 0 6.975-3.718 6.975-6.974c0-1.288-.902-2.432-2.136-2.432"/></svg>Twitter Logo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="radix-icons:twitter-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="radix-icons:twitter-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="radix-icons:twitter-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[radix-icons--twitter-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/radix-icons -->
<div class="i-radix-icons:twitter-logo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="radix-icons:twitter-logo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/radix-icons/twitter-logo.svg" alt="Twitter Logo アイコン" width="24" height="24">他のアイコンセットの Twitter Logo アイコン
Twitter Logo アイコン のよくある質問
Twitter Logo アイコンは商用利用でも無料ですか?
はい。Radix Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Twitter Logo アイコンを使うには?
@iconify/react をインストールして <Icon icon="radix-icons:twitter-logo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Twitter Logo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/radix-icons/twitter-logo.svg" alt="Twitter Logo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。