Redwoodjs Outline アイコン
teenyicons:redwoodjs-outline
Redwoodjs Outline アイコン(teenyicons:redwoodjs-outline)は、Teenyicons セットの無料 SVG アイコンです（作者: smhmd）。 15 × 15 のグリッドで描かれています。 Teenyicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Teenyicons
- 作者
- smhmd
- ライセンス
- MIT
- サイズ
- 15 × 15
- タグ
- redwoodjsoutline、redwoodj
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="m7.5.5l.248-.434a.5.5 0 0 0-.496 0zM4 2.5l-.248-.434a.5.5 0 0 0-.142.122zM2 5l-.39-.312a.5.5 0 0 0-.09.175zM1 8.5l-.48-.137a.5.5 0 0 0 .033.36zm2 4l-.447.224a.5.5 0 0 0 .244.233zm4.5 2l-.203.457a.5.5 0 0 0 .406 0zm4.5-2l.203.457a.5.5 0 0 0 .244-.233zm2-4l.447.224a.5.5 0 0 0 .034-.361zM13 5l.48-.137a.5.5 0 0 0-.09-.175zm-2-2.5l.39-.312a.5.5 0 0 0-.142-.122zM7.252.066l-3.5 2l.496.868l3.5-2zM3.61 2.188l-2 2.5l.78.624l2-2.5zM1.52 4.863l-1 3.5l.96.274l1-3.5zm-.967 3.86l2 4l.894-.447l-2-4zm2.244 4.234l4.5 2l.406-.914l-4.5-2zm4.906 2l4.5-2l-.406-.914l-4.5 2zm4.744-2.233l2-4l-.894-.448l-2 4zm2.034-4.361l-1-3.5l-.962.274l1 3.5zm-1.09-3.675l-2-2.5l-.781.624l2 2.5zm-2.143-2.622l-3.5-2l-.496.868l3.5 2zm-8.011.86l10.5 6.5l.526-.851l-10.5-6.5zm8-.851l-10.5 6.5l.526.85l10.5-6.5zm-9.59 3.279l5.5 5.5l.707-.708l-5.5-5.5zm5.63 5.593l4 2l.447-.894l-4-2zm5.37-6.3l-5.5 5.5l.707.707l5.5-5.5zm-5.37 5.406l-4 2l.447.894l4-2z"/></svg>Redwoodjs Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="teenyicons:redwoodjs-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="teenyicons:redwoodjs-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="teenyicons:redwoodjs-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[teenyicons--redwoodjs-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/teenyicons -->
<div class="i-teenyicons:redwoodjs-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="teenyicons:redwoodjs-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/teenyicons/redwoodjs-outline.svg" alt="Redwoodjs Outline アイコン" width="24" height="24">Teenyicons の関連アイコン
Redwoodjs Outline アイコン のよくある質問
Redwoodjs Outline アイコンは商用利用でも無料ですか?
はい。Teenyicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Redwoodjs Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="teenyicons:redwoodjs-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Redwoodjs Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/teenyicons/redwoodjs-outline.svg" alt="Redwoodjs Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。