Selector Logo アイコン

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

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

thesvg-color:selector-logo

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

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 157 × 32
タグ: selectorlogo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="157" height="32" viewBox="0 0 157 32"><g fill="none"><g fill-rule="evenodd" clip-path="url(#SVGEO6zydgc)" clip-rule="evenodd"><path fill="#ff5721" d="M28.642 14.962a1.197 1.197 0 1 1-1.197 2.073a1.197 1.197 0 1 1 1.197-2.073M4.15 6.94l2.356-1.36a2.408 2.408 0 1 1 4.612.02l2.408 1.416a2.4 2.4 0 0 1 1.729-.735c.678 0 1.287.278 1.724.727l2.356-1.4a2.406 2.406 0 0 1 2.3-3.117a2.406 2.406 0 0 1 2.407 2.408a2.406 2.406 0 0 1-4.131 1.68l-2.357 1.4q.107.337.108.712a2.408 2.408 0 1 1-4.71-.701l-2.407-1.416a2.4 2.4 0 0 1-1.73.735a2.42 2.42 0 0 1-1.744-.748L4.715 7.922q.097.325.098.68a2.41 2.41 0 0 1-2.408 2.408A2.41 2.41 0 0 1 0 8.598a2.406 2.406 0 0 1 4.152-1.66zm18.687 3.346a2.405 2.405 0 1 1-2.405 4.168a2.4 2.4 0 0 1-.588-.476l-2.318 1.313a2.405 2.405 0 1 1-4.586-.039l-2.297-1.35c-.44.472-1.067.77-1.766.77a2.4 2.4 0 0 1-1.778-.784l-2.4 1.385a2.408 2.408 0 0 1-2.295 3.137A2.41 2.41 0 0 1 .001 16a2.408 2.408 0 0 1 4.186-1.624l2.397-1.384a2.41 2.41 0 0 1 2.295-3.137a2.408 2.408 0 0 1 2.289 3.157l2.294 1.352a2.405 2.405 0 0 1 3.556.03l2.318-1.313a2.405 2.405 0 0 1 3.502-2.793zM9.414 26.062a1.198 1.198 0 1 1-1.634.44a1.2 1.2 0 0 1 1.637-.44zm12.82 0a1.198 1.198 0 1 1-1.202 2.077a1.198 1.198 0 0 1 1.201-2.077m6.408-3.7a1.198 1.198 0 1 1-1.197 2.076a1.198 1.198 0 0 1 1.197-2.076m0-14.8a1.198 1.198 0 1 1-1.637.44a1.197 1.197 0 0 1 1.637-.437zM4.198 21.794l2.38-1.346a2.41 2.41 0 0 1 1.097-2.793a2.403 2.403 0 0 1 3.494 2.814l2.215 1.277a2.41 2.41 0 0 1 3.559 0l2.397-1.385a2.405 2.405 0 1 1 4.376.475a2.408 2.408 0 0 1-3.862.419l-2.397 1.385a2.406 2.406 0 0 1-1.092 2.813a2.404 2.404 0 0 1-3.495-2.813l-2.214-1.28a2.404 2.404 0 0 1-3.569-.015l-2.38 1.346q.107.337.108.712A2.408 2.408 0 1 1 0 23.4a2.407 2.407 0 0 1 4.198-1.608zM15.823.16a1.198 1.198 0 1 1-1.197 2.076A1.198 1.198 0 0 1 15.823.16m0 29.602a1.198 1.198 0 1 1-1.197 2.076a1.198 1.198 0 0 1 1.197-2.076"/><path fill="#22252b" d="M46.947 11.175c-1.102-2.246-3.453-2.891-5.72-2.891c-2.682.02-5.637 1.249-5.637 4.242c0 3.266 2.744 4.055 5.72 4.41c1.935.207 3.368.77 3.368 2.142c0 1.58-1.62 2.184-3.348 2.184c-1.726 0-3.453-.706-4.098-2.307l-2.287 1.184c1.082 2.662 3.369 3.577 6.342 3.577c3.245 0 6.115-1.393 6.115-4.638c0-3.474-2.829-4.262-5.866-4.638c-1.747-.208-3.245-.562-3.245-1.83c0-1.08.979-1.934 3.016-1.934c1.58 0 2.953.791 3.454 1.621l2.184-1.122zM62.24 14.7H51.345v2.703H62.24zm0-5.938H51.345v2.703H62.24zm0 11.876H51.345v2.703H62.24zm3.987-11.876V23.34H76.46v-2.539h-7.488V8.762zm24.883 0h-10.9v2.703h10.9zm0 5.938h-10.9v2.703h10.9zm0 5.938h-10.9v2.703h10.9zm14.947-1.02c-.955.956-2.392 1.475-3.661 1.475c-3.597 0-4.993-2.516-5.013-4.928c-.02-2.434 1.498-5.055 5.013-5.055c1.269 0 2.556.437 3.515 1.372l1.829-1.767c-1.498-1.475-3.368-2.226-5.344-2.226c-5.262 0-7.737 3.87-7.716 7.676c.02 3.784 2.307 7.507 7.716 7.507c2.099 0 4.034-.686 5.532-2.163zm8.826 3.722h2.744V11.258h4.617V8.762h-11.978v2.495h4.617z"/><path fill="#ff5721" d="m129.32 22.927l-.949 1.642c.417.512.499 1.249.152 1.85l-1.763 3.053a1.634 1.634 0 0 1-2.227.596a1.635 1.635 0 0 1-.596-2.228l1.762-3.052a1.64 1.64 0 0 1 1.678-.794l.948-1.642a7.592 7.592 0 1 1 .995.576m3.288-11.94a5.096 5.096 0 1 1 0 10.192a5.096 5.096 0 0 1 0-10.192"/><path fill="#22252b" d="m156.878 23.153l-4.409-4.971c2.764-.56 3.682-2.58 3.682-4.587c0-2.526-1.809-4.815-5.242-4.836c-2.31.02-4.617 0-6.925 0v14.58h2.745v-4.867h2.641l4.242 4.866h3.266v-.187zm-5.969-11.834c1.727 0 2.495 1.169 2.495 2.34c0 1.172-.748 2.341-2.495 2.341h-4.18v-4.679h4.18z"/></g><defs><clipPath id="SVGEO6zydgc"><path fill="#fff" d="M0 0h156.878v32H0z"/></clipPath></defs></g></svg>

Selector Logo アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg-color:selector-logo"></iconify-icon>

HTML 画像

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

Selector Logo アイコンのよくある質問

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

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

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

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

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

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

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