Redis Light アイコン
skill-icons:redis-light
Redis Light アイコン(skill-icons:redis-light)は、Skill Icons セットの無料 SVG アイコンです(作者: tandpfun)。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Skill Icons
- 作者
- tandpfun
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- redislight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><g clip-path="url(#SVGg3D4Hd7H)"><path fill="#a41e11" d="M220.161 174.468c-10.673 5.567-65.957 28.297-77.727 34.431c-11.771 6.135-18.308 6.077-27.608 1.633c-9.3-4.443-68.131-28.206-78.736-33.275c-5.302-2.535-8.08-4.666-8.08-6.681V150.36s76.599-16.675 88.968-21.113s16.649-4.597 27.179-.742c10.53 3.854 73.449 15.206 83.846 19.018v19.936c0 1.999-2.396 4.241-7.831 7.02z"/><path fill="#d82c20" d="M220.162 154.246c-10.674 5.567-65.958 28.297-77.728 34.431c-11.771 6.135-18.308 6.076-27.608 1.633s-68.131-28.207-78.735-33.275c-10.605-5.069-10.817-8.552-.409-12.63l81.291-31.473c12.365-4.432 16.649-4.597 27.178-.742s65.481 25.726 75.873 29.596s10.8 6.946.127 12.513z"/><path fill="#a41e11" d="M220.161 141.5c-10.673 5.567-65.957 28.297-77.727 34.431c-11.771 6.135-18.308 6.076-27.608 1.633s-68.131-28.207-78.736-33.275c-5.302-2.535-8.08-4.666-8.08-6.681v-20.217s76.599-16.675 88.968-21.112c12.37-4.438 16.649-4.597 27.179-.743s73.449 15.207 83.846 19.019v19.936c0 1.998-2.396 4.241-7.831 7.019z"/><path fill="#d82c20" d="M220.162 121.283c-10.674 5.567-65.958 28.297-77.728 34.432c-11.771 6.134-18.308 6.076-27.608 1.633c-9.3-4.444-68.131-28.207-78.735-33.276c-10.605-5.069-10.817-8.552-.409-12.63l81.291-31.467c12.365-4.438 16.649-4.597 27.178-.742c10.53 3.854 65.481 25.73 75.883 29.532s10.801 6.946.128 12.513z"/><path fill="#a41e11" d="M220.161 107.312c-10.673 5.567-65.957 28.297-77.727 34.437s-18.308 6.076-27.608 1.633s-68.131-28.207-78.736-33.276c-5.302-2.534-8.08-4.665-8.08-6.68V83.198s76.599-16.674 88.968-21.112s16.649-4.597 27.179-.742c10.53 3.854 73.449 15.206 83.846 19.018v19.936c0 1.999-2.396 4.241-7.831 7.02z"/><path fill="#d82c20" d="M220.162 87.09c-10.674 5.567-65.958 28.297-77.728 34.432c-11.771 6.134-18.308 6.076-27.608 1.633S46.695 94.948 36.091 89.879c-10.605-5.069-10.817-8.552-.409-12.63l81.291-31.467c12.365-4.438 16.649-4.597 27.178-.742c10.53 3.854 65.481 25.73 75.883 29.532s10.801 6.946.128 12.513z"/><path fill="#fff" d="m132.996 78.755l-6.267-10.418l-20.01-1.803l14.931-5.387l-4.481-8.27l13.977 5.46l13.18-4.316l-3.563 8.547l13.436 5.037l-17.327 1.803zM99.614 99.497l46.34-7.115l-13.997 20.529zm-12.491-7.481c13.68 0 24.771-4.3 24.771-9.602s-11.091-9.602-24.771-9.602S62.35 77.11 62.35 82.414s11.09 9.602 24.772 9.602"/><path fill="#7a0c00" d="m202.113 81.014l-27.411 10.827l-.021-21.67z"/><path fill="#ad2115" d="m174.707 91.84l-2.969 1.167l-27.39-10.827l30.343-12.003z"/></g><defs><clipPath id="SVGg3D4Hd7H"><path fill="#fff" d="M28 28h200v200H28z"/></clipPath></defs></g></svg>Redis Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:redis-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:redis-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:redis-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--redis-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:redis-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:redis-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/skill-icons/redis-light.svg" alt="Redis Light アイコン" width="24" height="24">Skill Icons の関連アイコン
他のアイコンセットの Redis Light アイコン
Redis Light アイコン のよくある質問
Redis Light アイコンは商用利用でも無料ですか?
はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Redis Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="skill-icons:redis-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Redis Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/redis-light.svg" alt="Redis Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。