ICONYZ
日本語
theSVG の New Balance アイコン

New Balance アイコン

thesvg:new-balance

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

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
タグ
newbalance
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m12.169 10.306l1.111-1.937l3.774-.242l.132-.236l-3.488-.242l.82-1.414h6.47c1.99 0 3.46.715 2.887 2.8c-.17.638-.979 2.233-3.356 2.899c.507.06 1.76.616 1.54 2.057c-.384 2.558-3.69 3.774-5.533 3.774l-7.641.006l-.38-1.48l4.005-.28l.137-.237l-4.346-.264l-.467-1.755l6.178-.363l.137-.231l-11.096-.693l.534-.925l11.948-.775l.138-.231zm5 .385l1.1-.006c.738-.005 1.502-.34 1.783-1.018c.259-.632-.088-1.171-.55-1.166h-1.067zm-1.27 2.195l-1.326 2.305h1.265c.589 0 1.64-.292 1.964-1.128c.302-.781-.253-1.177-.638-1.177zM6.26 16.445l-.77 1.315l-5.49.01l.534-.923zm.385-10.216l4.417.006l.336 1.248l-5.276-.33zm5 2.245l.484 1.832l-7.542-.495l.528-.92zm-3.84 5.281l-.957 1.661l-5.32-.302l.534-.924z"/></svg>

New Balance アイコンの使い方

React

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

<Icon icon="thesvg:new-balance" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:new-balance" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:new-balance" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:new-balance"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/new-balance.svg" alt="New Balance アイコン" width="24" height="24">

theSVG の関連アイコン

他のアイコンセットの New Balance アイコン

New Balance アイコン のよくある質問

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

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

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

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

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

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

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