Rocking Horse アイコン
andrsrxn:rocking-horse
Rocking Horse アイコン(andrsrxn:rocking-horse)は、andrsrxn/icons セットの無料 SVG アイコンです（作者: Andrés Raxón）。 24 × 24 のグリッドで描かれています。 andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- andrsrxn/icons
- 作者
- Andrés Raxón
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ホーム
- タグ
- rockinghorse
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M19.6 5.47c-.14-.54-.2-.81-.36-.99a1 1 0 0 0-.68-.35c-.23-.02-.49.08-1 .28l-.39.15c-.28.1-.42.16-.54.25l-.05.04c-.11.1-.2.23-.35.49L14.6 8c-.26.42-.39.63-.59.76c-.2.12-.44.15-.93.2l-5.71.53c-.38.04-.57.05-.74.14c-.16.08-.3.22-.55.5l-.52.57a2 2 0 0 0-.38.49c-.07.14-.09.3-.13.6l-.22 1.65l-.04.28l-.1.26l-1.12 2.56c-.17.38-.25.57-.26.75q-.02.47.32.8c.13.11.32.2.7.35c.3.13.46.2.6.21a1 1 0 0 0 .7-.2c.13-.08.23-.21.42-.48l1.9-2.6c.3-.4.45-.6.66-.7s.46-.1.96-.1h4.38c.54 0 .82 0 1.04.12s.37.35.66.81l1.69 2.7c.16.26.24.39.34.48a1 1 0 0 0 .75.26c.13-.01.28-.06.56-.17c.38-.13.57-.2.7-.3a1 1 0 0 0 .37-.89c-.02-.16-.1-.34-.27-.7l-1.6-3.47c-.13-.28-.2-.42-.21-.56c-.02-.15 0-.3.05-.6l.2-1.16c.12-.73.18-1.1.43-1.33c.25-.24.62-.27 1.36-.34l1.21-.1l.08-.01a1 1 0 0 0 .72-.47l.09-.12a1 1 0 0 0-.27-1.31l-.13-.09l-1.47-.95a2 2 0 0 1-.33-.24a1 1 0 0 1-.2-.28c-.05-.1-.08-.2-.13-.4" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m3.64 17.73l1.3-3.87c.08-.22.12-.33.14-.47c.02-.15.01-.26 0-.49a3.5 3.5 0 0 1 .56-2.2C6.7 9 8.39 9 10.04 9h1.94c1 0 1.51 0 1.87-.22c.36-.21.64-.74 1.2-1.8a8 8 0 0 1 2.88-3.24c.14-.09.2-.13.3-.14c.25-.04.53.17.57.4c.02.11 0 .2-.05.4c-.06.24-.1.36-.1.47q0 .43.3.75c.09.08.2.14.41.27l2.05 1.24c.26.16.4.23.48.33a1 1 0 0 1 .27.83a2 2 0 0 1-.2.55c-.1.24-.15.36-.22.46a1 1 0 0 1-.68.4c-.12 0-.25 0-.51-.04l-.33-.04c-.78-.09-1.17-.13-1.46.04a1 1 0 0 0-.24.2c-.22.25-.25.64-.3 1.41c-.04.6-.07 1.19-.07 1.58c0 .85 1.76 5.18 1.76 5.18"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m6 18.55l2.14-2.9c.6-.8.89-1.2 1.31-1.42s.92-.22 1.92-.22h.84c1.08 0 1.62 0 2.08.26c.45.25.74.7 1.31 1.63l1.8 2.89M6.89 9.41l-.13-1.29a1.76 1.76 0 0 0-1.75-1.58c-1.05 0-1.86.93-1.85 1.98c0 .6-.02 1.22-.13 1.66c-.38 1.5-.94 1.9-.94 1.9"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M22.28 17.04s-3.72 2.6-10.27 2.6s-10.26-2.6-10.26-2.6"/></g></svg>Rocking Horse アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="andrsrxn:rocking-horse" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="andrsrxn:rocking-horse" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="andrsrxn:rocking-horse" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[andrsrxn--rocking-horse]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/andrsrxn -->
<div class="i-andrsrxn:rocking-horse"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="andrsrxn:rocking-horse"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/andrsrxn/rocking-horse.svg" alt="Rocking Horse アイコン" width="24" height="24">他のアイコンセットの Rocking Horse アイコン
Rocking Horse アイコン のよくある質問
Rocking Horse アイコンは商用利用でも無料ですか?
はい。andrsrxn/icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rocking Horse アイコンを使うには?
@iconify/react をインストールして <Icon icon="andrsrxn:rocking-horse" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rocking Horse アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/andrsrxn/rocking-horse.svg" alt="Rocking Horse アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。