Foxconn アイコン

Q: Foxconn アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:foxconn

Foxconn アイコン(thesvg-color:foxconn)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 378 × 81 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 378 × 81

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="378" height="81" viewBox="0 0 378 81"><mask id="SVGLnHLMeNR" width="378" height="81" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M377.965.8H0v80h377.965z"/></mask><g fill="#0052a3" mask="url(#SVGLnHLMeNR)"><path d="M153.063 15.691V28.06a13.23 13.23 0 0 0 3.781 9.428a13.24 13.24 0 0 0 9.349 3.972h27.864v-8.589h-26.368a1.32 1.32 0 0 1-1.289-.839a1.3 1.3 0 0 1-.092-.535V12.256a1.325 1.325 0 0 1 1.381-1.375h26.369V2.292l-27.865.112a13.21 13.21 0 0 0-13.13 13.287m-17.849 3.091L149.61 2.176h-15.661l-6.22 7.216a4.12 4.12 0 0 1-5.988 0l-6.215-7.216H99.86l14.51 16.606a4.17 4.17 0 0 1 .838 4.612a4.2 4.2 0 0 1-.952 1.346L99.975 41.46h15.551l6.216-7.215a4.33 4.33 0 0 1 5.988 0l6.33 7.216h15.661l-14.51-16.72a4.07 4.07 0 0 1-1.294-2.98a4.07 4.07 0 0 1 1.294-2.978M.828 15.581v26l13.243-.114V29.32a2.95 2.95 0 0 1 3.108-3.09h22.685v-6.76H15.338a1.47 1.47 0 0 1-1.267-1.374v-5.842a1.377 1.377 0 0 1 1.267-1.373h26.485V2.292H13.149C6.354 2.292.828 8.245.828 15.581M83.167 2.292H62.32c-8.06 0-14.624 6.069-14.624 13.4v12.37c0 7.328 6.563 13.4 14.624 13.4h20.615a13.1 13.1 0 0 0 13.472-13.4V15.581c0-7.22-5.18-13.289-13.24-13.289m-.348 29.205a1.424 1.424 0 0 1-1.5 1.376H62.436a1.4 1.4 0 0 1-1.381-1.376V12.256a1.326 1.326 0 0 1 1.381-1.375h19.116a1.306 1.306 0 0 1 1.383 1.26zM344.687 2.176h-35.235v39.17h13.237V12.029a1.36 1.36 0 0 1 1.267-1.262h19.466a1.273 1.273 0 0 1 1.265 1.262v29.319h13.241v-26c0-7.1-6.447-13.171-13.241-13.171M371.402.8h-.346a3.7 3.7 0 0 0-1.5.23a2.3 2.3 0 0 0-.809.113a.86.86 0 0 0-.46.232c-.118 0-.118 0-.234.116a6.6 6.6 0 0 0-3.91 6.069a6.95 6.95 0 0 0 3.91 6.3c.116 0 .116.112.234.112a.7.7 0 0 0 .46.116c.235.114.69.114.809.228c.494.092.997.13 1.5.116h.346a6.7 6.7 0 0 0 6.118-4.286a6.7 6.7 0 0 0 .445-2.586A6.816 6.816 0 0 0 371.402.8m4.032 11.224a.87.87 0 0 1-.232-.456c0-.23-.226-.456-.226-.918V9.507a1.5 1.5 0 0 0-.349-1.146a1.63 1.63 0 0 0-.8-.688a1.85 1.85 0 0 0 1.037-.8a1.8 1.8 0 0 0 .342-1.376a2.51 2.51 0 0 0-1.379-2.29a6.8 6.8 0 0 0-1.613-.23h-4.38v9.278h1.155V8.36h2.992c.574 0 .914 0 1.034.114a1.4 1.4 0 0 1 .807 1.262v2.288a.36.36 0 0 0 .114.232h1.265a6.26 6.26 0 0 1-3.8 1.488a1.2 1.2 0 0 1-.346.116a3.7 3.7 0 0 1-1.5-.23a3 3 0 0 1-.809-.23c-.118-.114-.344-.114-.46-.23c-.118 0-.118-.114-.234-.114a6.12 6.12 0 0 1-3.22-5.5a5.89 5.89 0 0 1 3.22-5.269c.116-.114.116-.114.234-.114a.86.86 0 0 1 .46-.232c.235-.112.69-.112.809-.228q.744-.135 1.5-.112h.346a6.08 6.08 0 0 1 5.991 5.955a6.4 6.4 0 0 1-1.962 4.465m-2.071-5.151a2.5 2.5 0 0 1-1.381.342h-2.992v-3.09h3.22c.346 0 .805 0 .921.23a1.055 1.055 0 0 1 .691 1.146c0 .8 0 1.26-.46 1.376m-83.489-4.582h-35.238v39.169h13.358V12.142a1.276 1.276 0 0 1 1.266-1.261h19.468a1.26 1.26 0 0 1 1.146 1.262v29.318h13.357v-26c0-7.1-6.446-13.169-13.357-13.169m-54.7 0h-20.843c-7.946 0-14.508 5.955-14.508 13.285v12.485c0 7.328 6.562 13.285 14.508 13.285l9.675.114h10.942a13.2 13.2 0 0 0 13.586-13.4V15.58a12.9 12.9 0 0 0-8.191-12.407a12.9 12.9 0 0 0-5.169-.882m-.348 29.205a1.37 1.37 0 0 1-.437 1.022a1.36 1.36 0 0 1-1.054.354h-18.768a1.43 1.43 0 0 1-1.5-1.376V12.14a1.344 1.344 0 0 1 1.5-1.26h18.88a1.42 1.42 0 0 1 1.5 1.26zM9.822 57.599q-.39-.638-.846-1.23l3.069-.936q.63 1.044 1.113 2.166h6.88q1.46.021 2.913-.108a12 12 0 0 0-.1 1.846v1.738q-.017.953.1 1.9h-2.832v-2.941H2.832v2.944H0q.114-.96.1-1.925v-1.716A14 14 0 0 0 0 57.49q1.453.129 2.913.108zM1.243 73.014a24 24 0 0 0-.1-2.733c.739.055 1.269.08 2.672.08h15.3c1.376 0 1.931-.025 2.672-.08q-.121 1.363-.1 2.733v4.7a23 23 0 0 0 .156 3H18.9v-1.041H4.022v1.046H1.109q.143-1.497.134-3zm17.949-5.49q-.024.955.108 1.9a24 24 0 0 0-2.439-.108H6.14a24 24 0 0 0-2.435.109q.12-.947.1-1.9v-1.553q.012-.954-.1-1.9q1.215.115 2.435.1h10.722q1.222.015 2.439-.1q-.125.945-.108 1.9zM3.81 60.892q1.002.125 2.012.11h11.385q1.008.016 2.008-.11v2.405a16 16 0 0 0-2.008-.11H5.8a16 16 0 0 0-1.986.11zm.212 13.034h5.85v-1.29h-5.85zm0 3.479h5.85v-1.39h-5.85zm2.516-10.038h9.927v-1.241H6.538zm6.037 6.559H18.9v-1.29h-6.325zm0 3.479H18.9v-1.39h-6.325zm63.37-13.543q1.847.01 3.682-.193v3.323a30 30 0 0 0-3.573-.191h-6.83v9.61h5.613a21 21 0 0 0 3.338-.165v3.24q-1.652-.203-3.314-.162H60.726a27 27 0 0 0-3.336.162v-3.24q1.649.195 3.308.166h5.322V66.8h-6.142q-1.936-.011-3.864.19v-3.322a32 32 0 0 0 3.864.193h6.142v-4.656a26 26 0 0 0-.158-3.047h3.522a26 26 0 0 0-.16 3.075v4.629zm56.924 1.095q.916.026 1.824-.1v2.562a10 10 0 0 0-1.879-.132h-.474v1.712a11.5 11.5 0 0 0 .077 1.9a3.3 3.3 0 0 1-.554-.026l1.773 1.3a27 27 0 0 1-3.573 2.975l.235.186a19.8 19.8 0 0 0 4.688 2.676a14.5 14.5 0 0 0-1.828 2.518c-4-2.14-6.194-4.175-7.913-7.28c0 .428 0 .428.028 1.152c.024.132.024.588.024.88v2.65c0 2.029-.741 2.622-3.387 2.622c-.476 0-1.006 0-2.358-.053a12.8 12.8 0 0 0-.555-2.782c-.21.108-.237.108-.688.349c-.662.324-.662.324-1.879.853c-.292.11-.609.268-.874.4l-1.275-2.646a23 23 0 0 0 4.927-1.793a14.2 14.2 0 0 0-2.963-2.621l1.639-1.42q-.932-.015-1.854.107V68.51c.64.09 1.287.127 1.933.112h4.656v-1.338h-7.6a50 50 0 0 1-.743 7.656a17.1 17.1 0 0 1-1.955 5.725a13 13 0 0 0-2.251-2.405a16.4 16.4 0 0 0 1.559-5.434a73 73 0 0 0 .715-11.771a26 26 0 0 0-.125-3.382q1.69.182 3.389.138h6.111a14 14 0 0 0-.927-1.392l2.939-.885c.481.72.897 1.482 1.243 2.277h6.462a24 24 0 0 0 3.1-.166v2.728a23 23 0 0 0-2.326-.1h-6.914v1.252h4.923a22 22 0 0 0 2.2-.085c-.051.59-.077 1.079-.077 1.984v1.526zm-10.25-1.204h-4.471a15 15 0 0 0-1.959.107v-2.435q.961.13 1.931.107h4.5v-1.253h-7.491v.666c0 1.659 0 1.659-.05 4.013h7.54zm-3.252 11.078c1.138-.561 1.138-.561 3.255-1.71v-2.28h-4.341a13.4 13.4 0 0 1 2.674 2.3zm3.255.908a35 35 0 0 1-3.336 1.846q1.157.208 2.332.213c.9 0 1-.081 1-.64zm7.042-11.986h-4.368v1.2h4.368zm-4.368 4.87h4.368v-1.34h-4.368zm.954 2.22a12.7 12.7 0 0 0 1.957 2.595a12.3 12.3 0 0 0 2.968-2.595zm48.152-4.416a26 26 0 0 1 3.81 3.56l-1.534 2.3a28 28 0 0 0-2.277-2.86v8.047c-.027 1.1.026 2.2.158 3.292h-3.124q.174-1.642.158-3.292v-4.328c0-.65.028-1.366.162-3.4a18.7 18.7 0 0 1-3.2 6.019a9.5 9.5 0 0 0-1.572-2.784a16.6 16.6 0 0 0 3-4.335c.506-.972.931-1.984 1.271-3.025h-1.378c-.78-.02-1.56.034-2.33.162v-2.911c.787.125 1.584.176 2.38.154h1.668v-2.674c-1.111.219-1.561.268-3.1.485a8.2 8.2 0 0 0-1.008-2.571c4.289-.454 7.437-1.23 9.029-2.273l1.64 2.46a1.7 1.7 0 0 0-.423.19c-.717.294-2.093.745-3.336 1.092v3.29h1.455a10 10 0 0 0 1.962-.131v2.863a11.3 11.3 0 0 0-2.016-.134h-1.4zm14.481 4.307a12.7 12.7 0 0 0 2.492-.723l.235 3.135q-1.271.15-2.514.456l-.213.05v3.99q-.047 1.585.162 3.157h-3.205c.141-1.058.194-2.126.16-3.192v-3.313l-5.958 1.339a57 57 0 0 0-2.567.668l-.344-3.106h.241a13.3 13.3 0 0 0 2.247-.37L186 71.378V59.23a18.3 18.3 0 0 0-.16-3.106h3.205a19 19 0 0 0-.162 3.078zm-9.346-6.448a35 35 0 0 1 5 4.143l-1.67 2.383a24.4 24.4 0 0 0-5.03-4.386zm.9-6.69a26.6 26.6 0 0 1 5.111 4.2l-1.8 2.405a22.9 22.9 0 0 0-5.008-4.412zm45.191 1.18a20 20 0 0 0-.16-2.727h3.152a16 16 0 0 0-.158 2.7v2.22h.425q.796.008 1.585-.1v2.8a11 11 0 0 0-1.615-.1h-.4v4.094a70 70 0 0 0 2.225-.83v2.647q-1.793.723-2.225.885v7.6c0 2.142-.69 2.65-3.522 2.65c-.636 0-1.059-.028-1.856-.077a8.3 8.3 0 0 0-.634-2.782q1.079.192 2.174.21c.868 0 1-.1 1-.826v-5.734c-1.113.4-1.113.4-1.221.456c-.4.11-.4.11-.925.289c-.263.114-.342.142-.579.246l-.585-2.966a16.7 16.7 0 0 0 3.31-.805v-5.06h-1.101q-1.023-.002-2.036.13v-2.884q1.025.17 2.063.16h1.083zm16.255 6.874q.957.022 1.907-.1l1.4 1.523q-.45.77-.82 1.58a22.9 22.9 0 0 1-4.127 5.885a20.8 20.8 0 0 0 6.672 3.292a9.4 9.4 0 0 0-1.642 2.913a25.4 25.4 0 0 1-7.15-4.307a23.3 23.3 0 0 1-7.676 4.232a10.8 10.8 0 0 0-1.484-2.764a20.4 20.4 0 0 0 7.178-3.446a20 20 0 0 1-3.735-6.208a9 9 0 0 0-1.057.08v-2.84q1.329.173 2.67.162h2.516v-3.425h-2.488a30 30 0 0 0-3.044.136v-2.918q1.504.155 3.016.14h2.516v-.808a16 16 0 0 0-.154-2.7h3.147a19 19 0 0 0-.131 2.679v.83h3.678a24 24 0 0 0 3.02-.165v2.966a27 27 0 0 0-3.02-.16h-3.678v3.424zm-6.565 2.569a13.8 13.8 0 0 0 2.884 4.5a14.5 14.5 0 0 0 3.31-4.5zm62.627-6.444q1.263.032 2.516-.136v2.275a15.3 15.3 0 0 0-2.516-.107h-5.031v1.232h5.031q1.263.034 2.516-.132v2.27a19 19 0 0 0-2.516-.1h-5.031v1.2h6.168c.859.026 1.719-.018 2.571-.13v2.46a16 16 0 0 0-2.545-.135h-6.986v1.415h7.521a20 20 0 0 0 3.016-.134v2.7a19 19 0 0 0-3.016-.158H294.4a22.4 22.4 0 0 0 8.733 3.364a8.6 8.6 0 0 0-.98 1.582c-.022.05-.134.3-.292.668c-.048.1-.131.3-.234.51a26 26 0 0 1-5.3-1.952a15.8 15.8 0 0 1-4.292-3c.059.8.083 1.47.083 1.769v1.55a7.4 7.4 0 0 0 .154 1.93h-3.145a7.6 7.6 0 0 0 .158-1.9V77.24c0-.616.031-1.125.081-1.77a15.1 15.1 0 0 1-4.791 3.267a24.7 24.7 0 0 1-4.71 1.659c-.383-.95-.882-1.85-1.484-2.678a20.6 20.6 0 0 0 5.717-1.708a12 12 0 0 0 2.86-1.712h-5.111a18.6 18.6 0 0 0-2.99.158v-2.7q1.49.183 2.99.134h7.439v-1.425h-5.237c-1.032 0-1.62.03-2.251.08q.117-1.064.1-2.136v-3.318c0-.857.026-1.578.081-2.332a13.7 13.7 0 0 1-2.435 2.332a10.8 10.8 0 0 0-1.381-2.628a16.85 16.85 0 0 0 4.849-5.157c.345-.547.629-1.13.846-1.74l3.069.506q-.646 1.176-1.455 2.247h5.37a8 8 0 0 0-.923-1.9l2.885-.668c.489.802.871 1.664 1.138 2.565h4.976a16 16 0 0 0 2.571-.136v2.49a16 16 0 0 0-2.2-.1h-6.383v1.2zm-7.784-1.2h-5.5v1.2h5.5zm-5.5 4.469h5.5v-1.237h-5.5zm0 3.233h5.5v-1.2h-5.5zm50.597 12.353q.2-1.732.158-3.475V60.167a31 31 0 0 0-.158-3.211q1.558.17 3.126.136h16.52a24 24 0 0 0 3.1-.136a26 26 0 0 0-.138 3.21v17.02q-.031 1.727.164 3.445h-2.994v-1.47h-16.762v1.47zm3.016-4.06h16.737V59.683h-16.737zm3.84-10.892a18 18 0 0 0-2.492.162v-3c.879.112 1.766.155 2.652.13h5.453a14 14 0 0 0-.162-2.621h3.023a12 12 0 0 0-.166 2.622h.879c.886.025 1.773-.017 2.652-.127v3a18 18 0 0 0-2.49-.162h-.982l.024 6.93c0 2.382-.686 3-3.437 3a22 22 0 0 1-2.251-.11a10 10 0 0 0-.475-2.136c-.108-.3-.132-.4-.239-.748c.85.2 1.72.298 2.593.292c.848 0 1.034-.188 1.034-.988v-5.094c-1.747 3.025-3.682 4.952-7.308 7.334a9.7 9.7 0 0 0-1.767-2.571a17.8 17.8 0 0 0 3.967-2.514a10.6 10.6 0 0 0 2.885-3.4z"/></g></svg>

Foxconn アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:foxconn" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:foxconn" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:foxconn" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--foxconn]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:foxconn"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:foxconn"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/foxconn.svg" alt="Foxconn アイコン" width="24" height="24">

Foxconn アイコンのよくある質問

Foxconn アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Foxconn アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:foxconn" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Foxconn アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/foxconn.svg" alt="Foxconn アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →