Viadeo アイコン

el:viadeo

Viadeo アイコン(el:viadeo)は、Elusive Icons セットの無料 SVG アイコンです（作者: Team Redux）。 1200 × 1200 のグリッドで描かれています。 Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Elusive Icons
作者: Team Redux
ライセンス: OFL-1.1
サイズ: 1200 × 1200

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="m551.104 0l161.912 346.347C715.318 258.753 642.125 52.008 551.104 0m506.718 24.356c-2.346.21-4.85 2.874-7.557 8.217c-36.746 67.145-100.152 107.015-159.418 123.69c-60.256 16.911-122.928 57.26-145.92 103.001c-26.859 62.373-15.342 111.877 10.785 168.075c32.949-4.992 65.922-17.72 93.832-31.105c71.59-34.855 133.605-89.476 173.943-153.402c16.221-25.709 19.395-21.096 5.428 7.85c-26.299 54.5-112.469 130.87-220.676 195.659c-24.117 14.44-24.473 14.938-13.646 24.356c34.631 30.131 72.586 48.366 107.037 51.28c149.416.688 213.553-159.392 217.742-270.637c-1.113-72.184-13.322-165.462-57.518-224.711c-1.34-1.685-2.625-2.399-4.032-2.273M513.175 334.902c-238.308 0-432.548 194.24-432.548 432.549C80.626 1005.76 274.868 1200 513.175 1200c238.309 0 432.477-194.24 432.477-432.549c0-59.577-12.064-116.655-33.969-168.441l-90.75 38.369c16.891 39.929 26.266 83.804 26.266 130.072c0 179.681-140.414 325.314-317.957 333.655C734.705 960.734 827.717 597.2 717.859 366.082c8.727 158.612 1.566 590.192-244.007 733.118c-166.393-19.355-294.772-159.99-294.772-331.748c0-185.076 149.02-334.022 334.096-334.022c46.27 0 89.997 9.229 129.926 26.117l38.441-90.603c-51.785-21.905-108.791-34.042-168.368-34.042"/></svg>

Viadeo アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="el:viadeo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="el:viadeo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="el:viadeo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--viadeo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:viadeo"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="el:viadeo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/el/viadeo.svg" alt="Viadeo アイコン" width="24" height="24">

他のアイコンセットの Viadeo アイコン

Viadeo アイコンのよくある質問

Viadeo アイコンは商用利用でも無料ですか?

はい。Elusive Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Viadeo アイコンを使うには?

@iconify/react をインストールして <Icon icon="el:viadeo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Viadeo アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/el/viadeo.svg" alt="Viadeo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Elusive Icons をすべて見る →