Toshiba アイコン
simple-icons:toshiba
Toshiba アイコン(simple-icons:toshiba)は、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="M5.174 10.172c-1.065 0-1.578.187-1.65 1.148a9 9 0 0 0-.022.68c0 .218.004.451.021.68c.073.96.586 1.148 1.65 1.148s1.58-.188 1.653-1.148c.018-.229.022-.462.022-.68c0-.217-.005-.451-.022-.68c-.073-.96-.588-1.148-1.652-1.148m3.79 0c-.41 0-.82.04-.985.121c-.322.156-.545.38-.545 1.02c0 .375.1.654.293.796c.281.21.553.23 1.31.27c.305.016.47.078.47.34c0 .332-.294.332-.564.332c-.28 0-.366-.025-.46-.096c-.084-.063-.105-.176-.106-.348h-.95c0 .487.01.884.47 1.084c.41.18 1.67.18 2.048.014c.328-.145.563-.337.563-.994c0-.455-.091-.735-.44-.941c-.248-.147-.945-.17-1.298-.192c-.258-.016-.356-.11-.356-.338c0-.297.285-.308.53-.308c.202 0 .34.018.439.105c.038.039.086.099.088.307h.947c0-.408-.014-.848-.455-1.051c-.175-.08-.587-.121-.998-.121zm2.206.062v3.532h.996v-1.362h1.156v1.362h.996v-3.532h-.996v1.29h-1.156v-1.29zm4.023 0v3.532h1.002v-3.532zm1.891 0v3.532h1.887c.869 0 1.162-.376 1.162-.952c0-.401-.092-.755-.643-.894c.444-.114.574-.379.574-.762c0-.776-.487-.924-1.181-.924zm4.373 0l-1.068 3.532h1.037l.187-.655h1.16l.19.655H24l-1.07-3.532zM0 10.236v.881h1.055v2.65H2.11v-2.65h1.055v-.88zm5.174.762c.418 0 .633.063.66.607c.004.085.01.201.01.395c0 .195-.006.31-.01.395c-.027.544-.242.607-.66.607s-.633-.063-.66-.607A8 8 0 0 1 4.506 12c0-.194.003-.31.008-.395c.027-.544.242-.607.66-.607m12.906.045h.69c.18 0 .293.085.293.291c0 .176-.112.285-.293.285h-.69zm4.111.064h.006l.354 1.22h-.713zm-4.11 1.207h.689c.279 0 .337.124.337.323s-.11.32-.337.32h-.69z"/></svg>Toshiba アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:toshiba" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:toshiba" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:toshiba" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--toshiba]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:toshiba"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:toshiba"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/toshiba.svg" alt="Toshiba アイコン" width="24" height="24">他のアイコンセットの Toshiba アイコン
Toshiba アイコン のよくある質問
Toshiba アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Toshiba アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:toshiba" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Toshiba アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/toshiba.svg" alt="Toshiba アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。