Rays Outward アイコン
pinhead:rays-outward
Rays Outward アイコン(pinhead:rays-outward)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- raysoutward、ray
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M10.35.64c-.33.05-.62.26-.81.53c-.44.6-.56 1.35-.77 2.04c-.23.91-.46 1.83-.6 2.75c-.02.27.18.32.43.07c.89-.83 1.76-1.7 2.62-2.55c.2-.22.41-.44.57-.7c.23-.4.34-.92.1-1.34c-.26-.42-.73-.71-1.21-.8a.7.7 0 0 0-.33 0M4.52.7c-.5.01-.99.27-1.31.64c-.29.34-.28.84-.1 1.24c.3.68.88 1.17 1.38 1.71c.66.65 1.34 1.29 2.07 1.87c.22.15.36.02.27-.33c-.27-1.18-.56-2.35-.87-3.52c-.09-.29-.18-.61-.33-.87C5.4 1.04 5.01.7 4.52.7M1.07 6.06c-.35.06-.69.25-.87.57c-.24.43-.26.98-.1 1.44c.15.43.6.7 1.04.74c.74.08 1.43-.21 2.14-.37c.9-.25 1.81-.5 2.68-.84c.24-.11.18-.34-.17-.43c-1.15-.36-2.31-.69-3.48-1.01c-.3-.07-.6-.1-.9-.1c-.12 0-.22-.02-.34 0m12.52 0c-.3 0-.6.03-.9.1c-1.17.32-2.33.65-3.48 1.01c-.35.09-.41.32-.17.43c.87.34 1.78.59 2.68.84c.71.16 1.4.45 2.14.37c.44-.04.89-.31 1.04-.74c.16-.46.14-1.01-.1-1.44c-.24-.42-.74-.58-1.21-.57M6.73 8.64c-.04 0-.11.03-.17.07c-.73.58-1.41 1.25-2.07 1.9c-.5.54-1.08.99-1.38 1.68c-.18.4-.19.89.1 1.24c.32.37.81.66 1.31.67c.49 0 .88-.37 1.11-.77c.15-.27.24-.55.33-.84c.31-1.17.6-2.37.87-3.55c.07-.26.03-.41-.1-.4m1.57.07c-.08.01-.14.1-.13.23c.14.92.37 1.81.6 2.71c.21.7.33 1.48.77 2.08c.25.36.7.58 1.14.5c.48-.09.95-.38 1.21-.8c.24-.42.13-.95-.1-1.34c-.16-.27-.37-.48-.57-.71c-.86-.85-1.73-1.68-2.62-2.51c-.12-.13-.22-.18-.3-.16"/></svg>Rays Outward アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:rays-outward" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:rays-outward" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:rays-outward" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--rays-outward]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:rays-outward"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:rays-outward"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/rays-outward.svg" alt="Rays Outward アイコン" width="24" height="24">Rays Outward アイコン のよくある質問
Rays Outward アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rays Outward アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:rays-outward" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rays Outward アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/rays-outward.svg" alt="Rays Outward アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。