Redis アイコン
thesvg-color:redis
Redis アイコン(thesvg-color:redis)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 256 × 220 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 256 × 220
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="220" viewBox="0 0 256 220"><path fill="#912626" d="M246 169c-13.7 7-84.5 36.2-99.5 44c-15.1 7.9-23.5 7.8-35.4 2.1S24 179 10.3 172.5C3.6 169.3 0 166.5 0 164v-26s98-21.3 113.9-27c15.8-5.6 21.3-5.8 34.8-.9c13.4 5 94 19.5 107.3 24.3V160c0 2.5-3 5.3-10 9"/><path fill="#c6302b" d="M246 143.2c-13.7 7.1-84.5 36.2-99.5 44c-15.1 8-23.5 7.9-35.4 2.2s-87.2-36.1-100.8-42.6c-13.5-6.5-13.8-11-.5-16.2c13.4-5.2 88.2-34.6 104-40.3c16-5.6 21.4-5.8 34.9-1c13.4 5 83.8 33 97.1 37.9s13.8 8.9.2 16"/><path fill="#912626" d="M246 127c-13.7 7.2-84.5 36.3-99.5 44.2c-15.1 7.8-23.5 7.7-35.4 2c-11.9-5.6-87.2-36-100.8-42.6c-6.7-3.2-10.3-6-10.3-8.5V96.2s98-21.3 113.9-27c15.8-5.7 21.3-5.9 34.8-1c13.4 5 94 19.5 107.3 24.4V118c0 2.5-3 5.4-10 9"/><path fill="#c6302b" d="M246 101.4c-13.7 7-84.5 36.2-99.5 44c-15.1 7.9-23.5 7.8-35.4 2.1S24 111.4 10.3 105c-13.5-6.5-13.8-11-.5-16.1C23.2 83.5 98 54 113.8 48.5c16-5.7 21.4-6 34.9-1c13.4 5 83.8 33 97.1 37.8c13.3 5 13.8 9 .2 16"/><path fill="#912626" d="M246 83.7c-13.7 7-84.5 36.2-99.5 44c-15.1 7.9-23.5 7.8-35.4 2.1S24 93.7 10.3 87.2C3.6 84 0 81.2 0 78.7v-26s98-21.3 113.9-27c15.8-5.6 21.3-5.8 34.8-.9c13.4 5 94 19.5 107.3 24.4v25.5c0 2.5-3 5.3-10 9"/><path fill="#c6302b" d="M246 58c-13.7 7-84.5 36.1-99.5 44c-15.1 7.9-23.5 7.8-35.4 2C99.2 98.5 24 68 10.3 61.6c-13.5-6.5-13.8-11-.5-16.2C23.2 40.1 98 10.7 113.8 5c16-5.6 21.4-5.8 34.9-.9c13.4 5 83.8 33 97.1 37.8c13.3 4.9 13.8 9 .2 16"/><path fill="#fff" d="m159.3 32.8l-22 2.2l-5 11.9l-8-13.2L99 31.4l19-6.9l-5.8-10.5l17.8 7l16.7-5.5l-4.5 10.9l17 6.4M131 90.3l-41-17l58.8-9.1l-17.8 26M74 39.3c17.5 0 31.5 5.5 31.5 12.2c0 6.8-14 12.2-31.4 12.2s-31.5-5.4-31.5-12.2c0-6.7 14.1-12.2 31.5-12.2"/><path fill="#621b1c" d="M185.3 36L220 49.8l-34.8 13.7V36"/><path fill="#9a2928" d="M146.8 51.2L185.3 36v27.5l-3.8 1.5z"/></svg>Redis アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:redis" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:redis" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:redis" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--redis]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:redis"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:redis"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/redis.svg" alt="Redis アイコン" width="24" height="24">他のアイコンセットの Redis アイコン
Redis アイコン のよくある質問
Redis アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Redis アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:redis" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Redis アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/redis.svg" alt="Redis アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。