Slidev アイコン
logos:slidev
Slidev アイコン(logos:slidev)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGV1mLkeHH" x1="0%" x2="100%" y1="-8.889%" y2="100%"><stop offset="0%" stop-color="#3acbd4"/><stop offset="100%" stop-color="#2988b1"/></linearGradient><linearGradient id="SVGftQg8dYh" x1="-10.556%" x2="84.536%" y1="-12.222%" y2="100%"><stop offset="0%" stop-color="#95f0cf"/><stop offset="100%" stop-color="#3ab9d5"/></linearGradient><linearGradient id="SVGVVA97yWc" x1="-.132%" x2="12.361%" y1="-8.073%" y2="104.495%"><stop offset="0%" stop-color="#ffeb83"/><stop offset=".01%" stop-color="#ffeb83"/><stop offset="8.333%" stop-color="#ffdd35"/><stop offset="60.177%" stop-color="#ffbb13"/><stop offset="100%" stop-color="#ffa800"/></linearGradient></defs><path fill="url(#SVGV1mLkeHH)" d="M71.385 34.462h147.692c20.392 0 36.923 16.53 36.923 36.923v147.692C256 239.469 239.469 256 219.077 256H71.385c-20.392 0-36.923-16.531-36.923-36.923V71.385c0-20.392 16.53-36.923 36.923-36.923"/><path fill="url(#SVGftQg8dYh)" d="M110.77 0c61.175 0 110.768 49.593 110.768 110.77c0 61.175-49.593 110.768-110.769 110.768S0 171.945 0 110.77S49.593 0 110.77 0"/><path fill="url(#SVGVVA97yWc)" d="M138.159 157.354c-2.897-10.812-4.346-16.218-2.912-19.951a12.3 12.3 0 0 1 7.079-7.08c3.733-1.433 9.14.016 19.95 2.913l53.74 14.399c10.811 2.897 16.217 4.345 18.734 7.453a12.3 12.3 0 0 1 2.59 9.671c-.625 3.95-4.582 7.907-12.497 15.822l-39.34 39.34c-7.914 7.914-11.871 11.871-15.821 12.497a12.3 12.3 0 0 1-9.67-2.592c-3.109-2.516-4.557-7.922-7.454-18.734z"/></svg>Slidev アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:slidev" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:slidev" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:slidev" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--slidev]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:slidev"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:slidev"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/slidev.svg" alt="Slidev アイコン" width="24" height="24">他のアイコンセットの Slidev アイコン
Slidev アイコン のよくある質問
Slidev アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Slidev アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:slidev" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Slidev アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/slidev.svg" alt="Slidev アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。