ICONYZ
日本語
Solar の Stretching Round Bold アイコン

Stretching Round Bold アイコン

solar:stretching-round-bold

Stretching Round Bold アイコン(solar:stretching-round-bold)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
スポーツ
タグ
stretchinground、roundbold、stretchingroundbold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17 4.5C17 5.88071 15.8807 7 14.5 7C13.1193 7 12 5.88071 12 4.5C12 3.11929 13.1193 2 14.5 2C15.8807 2 17 3.11929 17 4.5Z"/><path fill-rule="evenodd" d="M13.3633 10.3459C13.8381 11.0937 14.0951 12.1104 14.0951 13.4343C14.0951 18.5171 10.1339 22.75 5 22.75C4.58579 22.75 4.25 22.4142 4.25 22C4.25 21.5858 4.58579 21.25 5 21.25C9.2549 21.25 12.5951 17.7402 12.5951 13.4343C12.5951 12.2909 12.3715 11.5823 12.097 11.1498C11.8323 10.733 11.4884 10.5209 11.116 10.4217C10.726 10.3177 10.2869 10.3349 9.87888 10.4244C9.46283 10.5156 9.15214 10.6655 9.02681 10.7544C8.70695 10.981 8.38076 11.4084 8.24551 11.8566C8.11753 12.2806 8.18065 12.6163 8.44446 12.8713C8.44446 12.8713 8.44447 12.8713 8.44446 12.8713L8.46924 12.8952C8.7671 13.1831 8.77522 13.6579 8.48738 13.9557C8.19954 14.2536 7.72473 14.2617 7.42687 13.9739L7.40209 13.9499C6.62406 13.198 6.56874 12.2209 6.80948 11.4232C7.04295 10.6496 7.57265 9.94634 8.15959 9.53045C8.48766 9.298 8.99767 9.08198 9.55761 8.9592C10.1256 8.83466 10.8178 8.78978 11.5024 8.9723C12.2047 9.15952 12.8787 9.58251 13.3633 10.3459ZM15.5072 14.4639C17.7239 14.1069 19.75 15.8031 19.75 18.0486V21.9957C19.75 22.4099 19.4142 22.7457 19 22.7457C18.5858 22.7457 18.25 22.4099 18.25 21.9957V18.0486C18.25 16.7424 17.0661 15.7322 15.7458 15.9449C15.3368 16.0107 14.9519 15.7326 14.886 15.3237C14.8202 14.9147 15.0983 14.5298 15.5072 14.4639Z" clip-rule="evenodd"/></g></svg>

Stretching Round Bold アイコンの使い方

React

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

<Icon icon="solar:stretching-round-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:stretching-round-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:stretching-round-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--stretching-round-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:stretching-round-bold"></div>

Web コンポーネント

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

<iconify-icon icon="solar:stretching-round-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/stretching-round-bold.svg" alt="Stretching Round Bold アイコン" width="24" height="24">

Solar の関連アイコン

Stretching Round Bold アイコン のよくある質問

Stretching Round Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Stretching Round Bold アイコンを使うには?

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

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

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

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