Turbo アイコン
simple-icons:turbo
Turbo アイコン(simple-icons:turbo)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M23.267 0H.737A.737.737 0 0 0 0 .737v3.09h12a8.177 8.177 0 0 1 6.803 12.705h5.177V.737A.733.733 0 0 0 23.267 0M3.827 12a8.15 8.15 0 0 1 1.37-4.532H0v15.8A.733.733 0 0 0 .737 24h22.53a.733.733 0 0 0 .733-.733v-3.094H12A8.173 8.173 0 0 1 3.827 12m14.115-.207a9.2 9.2 0 0 1-2.282.554a4 4 0 0 0-.024-.92A9.7 9.7 0 0 0 17.6 9.112a.882.882 0 0 0-1.49-.944a8.8 8.8 0 0 1-1.215 1.549a3.6 3.6 0 0 0-.756-.721a7.3 7.3 0 0 0-.124-1.545a12.4 12.4 0 0 0-.561-2.012a.88.88 0 0 0-1.131-.525a.84.84 0 0 0-.323.203a.89.89 0 0 0-.207.928c.08.21.147.398.207.61q.131.424.22.796a8 8 0 0 1 .127.912a3.4 3.4 0 0 0-.917.024A9.8 9.8 0 0 0 9.113 6.42a.884.884 0 0 0-.944 1.494a8.8 8.8 0 0 1 1.553 1.195a3.7 3.7 0 0 0-.725.756a9.5 9.5 0 0 0-3.557.69a.882.882 0 0 0 .606 1.656a9.3 9.3 0 0 1 2.318-.57c0 .12-.02.24-.02.359a4 4 0 0 0 .044.558a9.7 9.7 0 0 0-1.968 2.314a.88.88 0 0 0 .745 1.354a.88.88 0 0 0 .749-.399a8.6 8.6 0 0 1 1.195-1.549a4 4 0 0 0 .756.725a7 7 0 0 0 .128 1.541a12 12 0 0 0 .561 2.012a.88.88 0 0 0 .825.561a.9.9 0 0 0 .302-.052a.9.9 0 0 0 .319-.207a.88.88 0 0 0 .207-.924c-.076-.215-.147-.398-.207-.613q-.132-.422-.215-.797a7 7 0 0 1-.143-.872H12a4 4 0 0 0 .562-.04a9.7 9.7 0 0 0 2.31 1.964a.882.882 0 1 0 .943-1.49a9 9 0 0 1-1.549-1.214a3.7 3.7 0 0 0 .725-.757h.203a10 10 0 0 0 3.35-.69a.884.884 0 0 0-.602-1.66zM13.96 12v.16a1.95 1.95 0 0 1-.693 1.35a2 2 0 0 1-.243.175a2 2 0 0 1-1.032.29h-.16a1.95 1.95 0 0 1-1.345-.689a2 2 0 0 1-.18-.247a2 2 0 0 1-.29-1.031v-.16a2 2 0 0 1 .047-.298a2 2 0 0 1 .642-1.048a3 3 0 0 1 .247-.179a2 2 0 0 1 1.031-.29h.16a2 2 0 0 1 .302.047a2 2 0 0 1 1.048.646a2 2 0 0 1 .175.242A2 2 0 0 1 13.975 12z"/></svg>Turbo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:turbo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:turbo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:turbo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--turbo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:turbo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:turbo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/turbo.svg" alt="Turbo アイコン" width="24" height="24">Simple Icons の関連アイコン
他のアイコンセットの Turbo アイコン
Turbo アイコン のよくある質問
Turbo アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Turbo アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:turbo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Turbo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/turbo.svg" alt="Turbo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。