Xrsh アイコン
selfhst:xrsh
Xrsh アイコン(selfhst:xrsh)は、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 xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#972bff" d="m100.9 301.1l-11.6-18.2l56.3-36c-10.2-6.9-27.6-18.8-57.5-39.4l12.2-17.8c62.6 42.9 69.9 47.7 70.7 48.2c3 1.9 4.9 5.1 5.1 8.7c.2 3.9-1.7 7.5-5 9.6z" opacity=".879"/><linearGradient id="SVGuYJsXc4w" x1="-788.365" x2="-628.6" y1="300.645" y2="300.645" gradientTransform="matrix(2.8346 0 0 -2.8346 2264.27 1108.21)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#b400fe" stop-opacity=".993"/><stop offset="1" stop-color="#3ad3d6"/></linearGradient><path fill="url(#SVGuYJsXc4w)" d="M132 391h-1c-35.9-2-69.6-18.8-95-47.4C12.4 317-.8 283.9 0 252.8C1.6 192 57.7 121.2 127.7 121h266c28.8 0 56.7 12.5 78.6 35.1c25.6 26.6 40.8 64.4 39.6 98.8c-1 27.3-13.1 59.4-31.7 83.8c-23 30.2-53.7 46.8-86.4 46.8c-1.9 0-3.8-.3-5.5-.9c-2.7-.1-7.6-.3-16.5-.3c-18.4-.2-40.6-12.6-64.2-25.8c-16.1-9-38.1-21.3-47.2-21.3c-15.3.1-45.4 16.7-69.5 30.1c-10.2 5.7-20.8 11.5-30.6 16.4c-8 4-21.4 6.4-25.3 7.1c-1 .1-2 .2-3 .2m-3.7-233.6h-.3c-48 0-90.5 53-91.6 96.3c-1.1 43.6 39.8 96.5 94.6 100.8c5.4-1 11.2-2.5 13-3.4c9.1-4.5 18.9-10 29.2-15.7c32.1-17.8 62.3-34.6 87-34.7h.2c18.6 0 41.1 12.6 65 26c15.9 8.9 37.7 21.1 46.7 21.2s15.3.2 19.4.5c2.1.1 3.6.3 4.9.4c.4.1.8.1 1.1.2c25.1-1.5 43-18.2 53.8-32.3c14.1-18.4 23.6-43.1 24.3-62.9c.9-24.5-10.7-52.9-29.4-72.3c-10.6-10.9-28.2-24-52.4-24H128.3z"/></svg>Xrsh アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:xrsh" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:xrsh" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:xrsh" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--xrsh]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:xrsh"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:xrsh"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/xrsh.svg" alt="Xrsh アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Xrsh アイコン のよくある質問
Xrsh アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Xrsh アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:xrsh" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Xrsh アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/xrsh.svg" alt="Xrsh アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。