Redmine アイコン
simple-icons:redmine
Redmine アイコン(simple-icons:redmine)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.092 15.088c.789.243 4.098 1.005 4.098 1.005c.198.061.139.21.139.21c-.228 1.798-.178 3.17-.178 3.644c0 .21-.153.18-.153.18H.168c-.209 0-.164-.19-.164-.19c.04-.599.212-2.303.878-4.746c0 0 .033-.157.21-.103m21.816 0c-.789.243-4.098 1.005-4.098 1.005c-.198.061-.139.21-.139.21c.228 1.798.178 3.17.178 3.644c0 .21.153.18.153.18h4.83c.21 0 .164-.19.164-.19c-.04-.599-.212-2.303-.878-4.746c0 0-.034-.157-.21-.103m-1.929-5.354l-3.448 1.667c-.164.063-.082.212-.082.212c.476 1.134.766 2.091.99 3.251c.038.194.169.132.169.132l3.879-1.684s.116-.044.068-.193c-.172-.531-1.05-2.649-1.402-3.341c0 0-.062-.105-.174-.044m-17.958 0l3.448 1.667c.164.063.082.212.082.212a15.6 15.6 0 0 0-.991 3.251c-.037.194-.169.132-.169.132l-3.878-1.684s-.116-.044-.068-.193c.172-.531 1.05-2.649 1.402-3.341c0 0 .062-.105.174-.044m4.085-4.368l2.302 2.681c.099.128-.032.222-.032.222c-.923.498-1.59 1.25-2.161 2.111c-.114.17-.236.046-.236.046L4.062 8.242s-.126-.074-.016-.22c.854-1.134 1.63-1.934 2.871-2.689c0 0 .094-.089.189.033m9.788 0l-2.302 2.681c-.099.128.032.222.032.222c.923.498 1.59 1.25 2.161 2.111c.114.17.236.046.236.046l2.917-2.184s.126-.074.016-.22c-.854-1.134-1.63-1.934-2.871-2.689c0 0-.094-.089-.189.033M12 7.661c.388 0 1.105.037 1.444.093c.177.03.221-.088.221-.088l1.449-3.028s.097-.114-.106-.188c-1.082-.396-1.657-.578-3.008-.578c-1.335 0-1.926.182-3.008.578c-.203.074-.106.188-.106.188l1.449 3.028s.044.118.221.088c.339-.056 1.056-.093 1.444-.093"/></svg>Redmine アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:redmine" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:redmine" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:redmine" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--redmine]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:redmine"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:redmine"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/redmine.svg" alt="Redmine アイコン" width="24" height="24">他のアイコンセットの Redmine アイコン
Redmine アイコン のよくある質問
Redmine アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Redmine アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:redmine" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Redmine アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/redmine.svg" alt="Redmine アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。