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

Stretching Round Outline アイコン

solar:stretching-round-outline

Stretching Round Outline アイコン(solar:stretching-round-outline)は、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、roundoutline、stretchingroundoutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.5 2.75C13.5335 2.75 12.75 3.5335 12.75 4.5C12.75 5.4665 13.5335 6.25 14.5 6.25C15.4665 6.25 16.25 5.4665 16.25 4.5C16.25 3.5335 15.4665 2.75 14.5 2.75ZM11.25 4.5C11.25 2.70507 12.7051 1.25 14.5 1.25C16.2949 1.25 17.75 2.70507 17.75 4.5C17.75 6.29493 16.2949 7.75 14.5 7.75C12.7051 7.75 11.25 6.29493 11.25 4.5ZM13.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.44447 12.8713L8.44448 12.8713L8.46926 12.8952C8.76711 13.1831 8.77522 13.6579 8.48737 13.9557C8.19952 14.2536 7.72472 14.2617 7.42686 13.9738L7.40209 13.9499C7.40209 13.9499 7.40209 13.9499 7.40208 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.7423 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"/></svg>

Stretching Round Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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