Trello Wordmark アイコン
devicon-plain:trello-wordmark
Trello Wordmark アイコン(devicon-plain:trello-wordmark)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
- タグ
- trellowordmark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M3.053 50.95A3.053 3.053 0 0 0 0 53.997v19.55a3.05 3.05 0 0 0 .89 2.167a3.05 3.05 0 0 0 2.163.898h19.58a3.05 3.05 0 0 0 2.16-.898a3.06 3.06 0 0 0 .889-2.166v-19.55a3.053 3.053 0 0 0-3.05-3.049zm85.838.001v20.27c0 3.892 2.16 5.537 5.595 5.537a7.7 7.7 0 0 0 2.11-.213v-4.563a6 6 0 0 1-.782.036c-.905 0-1.646-.399-1.646-1.522V50.951Zm11.006 0v20.27c0 3.892 2.164 5.537 5.6 5.537a7.7 7.7 0 0 0 2.122-.213v-4.563a6 6 0 0 1-.777.036c-.922 0-1.668-.399-1.668-1.522V50.951ZM35.785 52.83v4.96h5.88v18.823h5.669V57.791h5.877v-4.96ZM5.768 55.685h4.279a1.02 1.02 0 0 1 1.016 1.016l.013 12.734a1.02 1.02 0 0 1-.305.721a1.02 1.02 0 0 1-.724.295h-4.28a1.016 1.016 0 0 1-1.011-1.015V56.7c0-.56.452-1.013 1.012-1.015m9.875 0h4.277c.56.003 1.014.456 1.014 1.016l.015 6.887c0 .271-.11.534-.303.724a1.02 1.02 0 0 1-.726.294h-4.277a1.023 1.023 0 0 1-1.018-1.018V56.7a1.02 1.02 0 0 1 1.018-1.015m61.431 2.024c-5.644 0-9.26 4.094-9.26 9.812c0 5.937 3.119 9.463 10.167 9.463a16.9 16.9 0 0 0 6.12-1.093v-4.436c-1.81.58-3.847 1.156-5.937 1.156c-2.806 0-4.759-.922-5.236-3.588a44 44 0 0 0 4.42.258c4.015 0 7.404-1.075 7.404-4.963c0-3.772-3.485-6.609-7.678-6.609m42.035.008c-5.669 0-8.96 3.914-8.96 9.633c0 5.681 3.328 9.7 8.96 9.7S128 73.08 128 67.35s-3.221-9.633-8.89-9.633zm-53.773.115c-2.514.023-3.975 1.473-4.908 3.814V58.1h-5.24v18.513h5.24v-9.701c0-2.966 1.719-3.872 5.422-3.584v-5.482a7 7 0 0 0-.514-.014m11.63 3.916c1.486 0 2.679 1.01 2.679 2.389c0 1.773-1.87 2.328-4.026 2.328a18.4 18.4 0 0 1-2.74-.219a6.2 6.2 0 0 1 .728-2.467a3.88 3.88 0 0 1 3.36-2.02zm42.143.664c2.625 0 3.756 2.152 3.756 4.938s-1.102 4.994-3.756 4.994s-3.822-2.21-3.822-4.994c0-2.79 1.198-4.938 3.822-4.938"/></svg>Trello Wordmark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:trello-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:trello-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:trello-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--trello-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:trello-wordmark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:trello-wordmark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/trello-wordmark.svg" alt="Trello Wordmark アイコン" width="24" height="24">Devicon Plain の関連アイコン
他のアイコンセットの Trello Wordmark アイコン
Trello Wordmark アイコン のよくある質問
Trello Wordmark アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Trello Wordmark アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:trello-wordmark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Trello Wordmark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/trello-wordmark.svg" alt="Trello Wordmark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。