Rancher アイコン

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

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

selfhst:rancher

Rancher アイコン(selfhst:rancher)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2453ff" d="m511.7 188.6l-5.6-33.4c-1.8-10.7-6-19.5-9.2-19.5c-3.4 0-6 9-6 19.7v8.7c0 10.7-9 19.7-19.7 19.7h-10.5v24h34.7c10.7.1 18.1-8.7 16.3-19.2m-78.6-28.2h-109c-.7 0-1.3 0-1.8.2v-5.2c0-10.7-2.7-19.7-6-19.7c-3.4 0-7.4 8.7-9.2 19.5l-5.6 33.4c-1.8 10.7 5.6 19.5 16.6 19.5h32.7c3.4 0 6.5-.4 9.4-1.3c-1.1 5.6-5.8 9.9-11.9 9.9h-45.9c-7.4 0-13-6.7-11.9-14.1l4.7-28c1.1-7.4-4.5-14.1-11.9-14.1H54.4c-4.9 0-9 2.9-11 7.2l-43 65.6c-.7 1.1-.7 2.5.2 3.6l8.3 9.9c1.1 1.3 2.9 1.3 4.3.4L42.6 224v140.2c0 6.7 5.4 12.1 12.1 12.1h64.9c6.7 0 12.1-5.4 12.1-12.1v-48.8c0-6.7 5.4-12.1 12.1-12.1h162.1c6.7 0 12.1 5.4 12.1 12.1v48.8c0 6.7 5.4 12.1 12.1 12.1H395c6.7 0 12.1-5.4 12.1-12.1v-52.4h-34.5c-10.7 0-19.7-9-19.7-19.7v-33.8c0-6.5 3.1-12.1 7.8-15.7v40.3c0 10.7 9 19.7 19.7 19.7h53.1c10.7 0 19.7-9 19.7-19.7V180.3c-.4-11.2-9.1-19.9-20.1-19.9"/></svg>

Rancher アイコンの使い方

React

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

<Icon icon="selfhst:rancher" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:rancher" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:rancher" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--rancher]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:rancher"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:rancher"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/rancher.svg" alt="Rancher アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

他のアイコンセットの Rancher アイコン

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

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

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

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

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

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

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

selfh.st/icons をすべて見る →