Zencoder アイコン
thesvg:zencoder
Zencoder アイコン(thesvg:zencoder)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9.898 16.313c-.302-1.02-.813-2.23-1.856-2.676c-1.058-.412-2.263.079-3.13.703c-.648.476-1.215 1.112-1.515 1.873q-.153.392-.206.805a5 5 0 0 0-.073.83c.031 1.809 1.007 3.544 2.348 4.721c.73.624 1.675 1.197 2.68 1.126c1.602-.163 1.91-2.142 2.082-3.426c.073-.53.076-1.067.05-1.6a10.6 10.6 0 0 0-.383-2.357h.003zm9.305.417a8.7 8.7 0 0 0-1.507-.545c-.77-.206-1.56-.335-2.362-.364c-1.06-.028-2.37.082-3.117.94c-.72.878-.624 2.18-.296 3.195c.254.765.682 1.499 1.315 2.02c.214.176.45.328.702.447c.248.124.5.246.768.327c1.729.53 3.681.139 5.213-.773c.816-.5 1.656-1.225 1.896-2.204c.339-1.575-1.444-2.479-2.615-3.04zm4.615-8.693c-.225-.931-.651-1.956-1.506-2.486c-1.391-.81-2.802.61-3.7 1.547a8.4 8.4 0 0 0-.981 1.263c-.434.67-.801 1.38-1.075 2.132c-.352 1.001-.654 2.283-.07 3.254c.612.954 1.876 1.267 2.942 1.27c.807-.003 1.637-.186 2.328-.626a3.3 3.3 0 0 0 .64-.53c.195-.199.387-.402.548-.628c1.038-1.481 1.27-3.46.874-5.201zm-8.881.725c1.097-.287 1.783-1.394 2.115-2.407c.246-.768.328-1.614.124-2.408a3.5 3.5 0 0 0-.304-.772a5 5 0 0 0-.429-.715C15.354 1.015 13.546.185 11.768.021c-.956-.073-2.06.018-2.83.666c-1.201 1.076-.287 2.857.328 3.997c.254.471.564.909.9 1.324a10.5 10.5 0 0 0 1.695 1.682c.841.646 1.967 1.326 3.076 1.072m-9.311 3.616a10.5 10.5 0 0 0 2.125-1.092c.874-.602 1.867-1.463 1.969-2.595c.065-1.132-.773-2.127-1.636-2.757c-.655-.47-1.434-.81-2.252-.863a3.4 3.4 0 0 0-.826.05a5 5 0 0 0-.813.187C2.483 5.895 1.132 7.36.43 9.002c-.366.887-.62 1.968-.242 2.899c.652 1.473 2.627 1.154 3.9.923a9 9 0 0 0 1.537-.446z"/></svg>Zencoder アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:zencoder" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:zencoder" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:zencoder" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--zencoder]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:zencoder"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:zencoder"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/zencoder.svg" alt="Zencoder アイコン" width="24" height="24">他のアイコンセットの Zencoder アイコン
Zencoder アイコン のよくある質問
Zencoder アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zencoder アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:zencoder" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zencoder アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/zencoder.svg" alt="Zencoder アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。