Twitter Bird アイコン
websymbol:twitter-bird
Twitter Bird アイコン(websymbol:twitter-bird)は、Web Symbols Liga セットの無料 SVG アイコンです（作者: Just Be Nice studio）。 1003 × 1000 のグリッドで描かれています。 Web Symbols Liga icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web Symbols Liga
- 作者
- Just Be Nice studio
- ライセンス
- OFL-1.1
- サイズ
- 1003 × 1000
- タグ
- twitterbird
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1003" height="1000" viewBox="0 0 1003 1000"><path fill="currentColor" d="M1003 501q-41 46-114 46h-6q-37 152-177.5 244T401 883q-121 0-225.5-53T0 679q75 72 181 72q113 0 191-83q-6 1-12 1l-36-8q-24-12-24-35q0-27 41-45q-10 1-19 1q-29 0-54-12q-33-16-51-51q22-25 69-28q-98-24-112-102q27-8 53-8h8q-37-20-62-51.5T149 260l1-8q155 59 257 116q30 17 76 63q32-87 67.5-150.5T640 182q-1 16-15 31q33-32 78-38q-3 23-53 41q7-2 25.5-9.5t33-11.5t25.5-4q15 0 15 11q0 8-16.5 16T690 233.5t-28 8.5q10-1 19-1q69 0 123 52q60 60 76 143q18 6 36 6q50 0 83-19q-13 30-43.5 47T889 489q34 15 83 15q16 0 31-3"/></svg>Twitter Bird アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="websymbol:twitter-bird" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="websymbol:twitter-bird" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="websymbol:twitter-bird" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[websymbol--twitter-bird]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/websymbol -->
<div class="i-websymbol:twitter-bird"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="websymbol:twitter-bird"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/websymbol/twitter-bird.svg" alt="Twitter Bird アイコン" width="24" height="24">他のアイコンセットの Twitter Bird アイコン
Twitter Bird アイコン のよくある質問
Twitter Bird アイコンは商用利用でも無料ですか?
はい。Web Symbols Liga icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Twitter Bird アイコンを使うには?
@iconify/react をインストールして <Icon icon="websymbol:twitter-bird" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Twitter Bird アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/websymbol/twitter-bird.svg" alt="Twitter Bird アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。