Tesco アイコン
simple-icons:tesco
Tesco アイコン(simple-icons:tesco)は、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="M11.621 8.791c-1.018 0-2.013.308-2.013 1.327c0 1.752 3.079.828 3.079 1.894c0 .355-.545.497-.971.497c-.781 0-1.35-.118-2.037-.52v.876c.521.165 1.208.26 1.99.26c1.065 0 2.06-.284 2.06-1.303c0-1.847-3.079-1.018-3.079-1.918c0-.355.498-.497.924-.497c.734 0 1.515.213 1.942.616v-.947h-.048a7 7 0 0 0-1.847-.285m9.733 0c-1.61.024-2.723.924-2.723 2.226c0 1.255 1.018 2.108 2.51 2.108c1.586 0 2.7-.9 2.7-2.202c0-1.279-.995-2.132-2.487-2.132m-4.31.024c-1.847 0-3.055.876-3.055 2.226c0 1.231 1.113 2.06 2.795 2.06a6.2 6.2 0 0 0 1.586-.213v-1.042c-.403.426-.876.592-1.397.592c-.994 0-1.658-.615-1.658-1.515c0-.876.71-1.516 1.682-1.516c.544 0 .97.19 1.302.52v-.994c-.355-.094-.805-.118-1.255-.118M.16 8.933v.995c.355-.26 1.066-.379 1.847-.379v2.7c0 .402-.024.497-.213.71h1.563c-.166-.213-.213-.331-.213-.71V9.526h.047c.687 0 1.492.118 1.847.402v-.995zm5.304 0c.166.214.19.332.19.711v2.605c0 .402-.024.52-.19.71H9.23v-.97c-.521.378-1.492.378-1.895.355H6.79V11.23h.403c.284 0 .758.023 1.042.118v-.829c-.284.095-.781.119-1.042.119H6.79V9.573h.545c.498 0 1.35.095 1.658.379V8.933zm15.748.498c.829 0 1.374.687 1.374 1.54c.023.828-.522 1.514-1.35 1.514c-.853 0-1.398-.686-1.398-1.515c0-.852.545-1.54 1.374-1.54m-19.37 4.69c-.498 0-.877.26-1.066.45c0 0-.45.45-.758.615c-.024 0-.024.024 0 .024h2.794c.545 0 .805-.19 1.137-.474c0 0 .474-.45.829-.592c.023 0 .023-.023 0-.023zm4.806 0c-.497 0-.876.26-1.041.45c0 0-.45.45-.758.615c-.024 0-.024.024 0 .024h2.794c.545 0 .805-.19 1.137-.474c0 0 .473-.45.805-.592c.023 0 .023-.023 0-.023zm4.784 0c-.474 0-.853.26-1.042.45c0 0-.45.45-.758.615c-.024 0-.024.024 0 .024h2.794c.545 0 .806-.19 1.137-.474c0 0 .474-.45.805-.592c.024 0 .024-.023 0-.023zm4.807 0c-.474 0-.852.26-1.042.45c0 0-.45.45-.758.615c-.023 0-.023.024 0 .024h2.794c.545 0 .805-.19 1.137-.474c0 0 .474-.45.805-.592c.024 0 .024-.023 0-.023zm4.807 0c-.473 0-.852.26-1.065.45c0 0-.45.45-.758.615c-.024 0-.024.024 0 .024h2.818c.544 0 .805-.19 1.136-.474c0 0 .474-.45.805-.592c.024 0 .024-.023 0-.023z"/></svg>Tesco アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:tesco" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:tesco" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:tesco" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--tesco]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:tesco"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:tesco"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/tesco.svg" alt="Tesco アイコン" width="24" height="24">他のアイコンセットの Tesco アイコン
Tesco アイコン のよくある質問
Tesco アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tesco アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:tesco" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tesco アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/tesco.svg" alt="Tesco アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。