Twake Drive アイコン
selfhst:twake-drive
Twake Drive アイコン(selfhst:twake-drive)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- twakedrive
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVGIDuCfeHm" x1="457.22" x2="318.602" y1="662.468" y2="573.968" gradientTransform="translate(0 -278)" gradientUnits="userSpaceOnUse"><stop offset=".13" stop-color="#a033ff"/><stop offset=".61" stop-color="#0094ff"/><stop offset="1" stop-color="#ff4759"/></linearGradient><path fill="url(#SVGIDuCfeHm)" d="M0 169.1C0 75.7 75.7 0 169.1 0h173.8C436.3 0 512 75.7 512 169.1v173.8c0 93.4-75.7 169.1-169.1 169.1H169.1C75.7 512 0 436.3 0 342.9z"/><linearGradient id="SVG1Xhnye6G" x1="290.134" x2="130.134" y1="465.733" y2="785.733" gradientTransform="translate(0 -278)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffd600" stop-opacity="0"/><stop offset=".563" stop-color="#ffc700"/></linearGradient><path fill="url(#SVG1Xhnye6G)" d="M0 169.1C0 75.7 75.7 0 169.1 0h173.8C436.3 0 512 75.7 512 169.1v173.8c0 93.4-75.7 169.1-169.1 169.1H169.1C75.7 512 0 436.3 0 342.9z"/><path fill="#fff" d="M311.6 128c-55.1 0-102.3 33.4-122.6 81c-.7-.2-1.4-.5-2.1-.7q-2.25-.75-4.5-1.2c-1.5-.4-3-.7-4.6-1c-1.5-.3-3.1-.6-4.6-.8s-3.1-.4-4.6-.6c-1.6-.2-3.1-.3-4.7-.3c-1.6-.1-3.1-.1-4.7-.1s-3.1 0-4.7.1s-3.1.2-4.7.3c-1.6.2-3.1.3-4.6.6c-1.5.2-3.1.5-4.6.8s-3 .6-4.6 1l-4.5 1.2c-1.5.5-3 .9-4.4 1.5c-1.5.5-2.9 1.1-4.4 1.7c-1.4.6-2.9 1.2-4.3 1.9l-4.2 2.1c-1.4.7-2.7 1.5-4.1 2.3c-1.3.8-2.7 1.6-3.9 2.5c-1.3.9-2.6 1.8-3.8 2.7c-1.3.9-2.5 1.9-3.7 2.9s-2.4 2-3.5 3.1c-1.2 1-2.3 2.1-3.4 3.2s-2.2 2.2-3.2 3.4s-2.1 2.3-3.1 3.5s-1.9 2.4-2.9 3.7c-.9 1.3-1.8 2.5-2.7 3.8s-1.7 2.6-2.5 3.9s-1.6 2.7-2.3 4.1l-2.1 4.2c-.7 1.4-1.3 2.8-1.9 4.3c-.6 1.4-1.2 2.9-1.7 4.4s-1 2.9-1.5 4.4s-.9 3-1.2 4.5c-.4 1.5-.7 3-1 4.6c-.3 1.5-.6 3.1-.8 4.6s-.4 3.1-.6 4.6c-.2 1.6-.3 3.1-.3 4.7c-.1 1.6-.1 3.1-.1 4.7s0 3.1.1 4.7s.2 3.1.3 4.7c.2 1.6.3 3.1.6 4.6c.2 1.5.5 3.1.8 4.6s.6 3 1 4.6l1.2 4.5c.5 1.5.9 3 1.5 4.4c.5 1.5 1.1 2.9 1.7 4.4c.6 1.4 1.2 2.9 1.9 4.3l2.1 4.2c.7 1.4 1.5 2.7 2.3 4.1c.8 1.3 1.6 2.7 2.5 4s1.8 2.6 2.7 3.8c.9 1.3 1.9 2.5 2.9 3.7s2 2.4 3.1 3.5c1 1.2 2.1 2.3 3.2 3.4s2.2 2.2 3.4 3.2s2.3 2.1 3.5 3.1s2.4 1.9 3.7 2.9c1.3.9 2.5 1.8 3.8 2.7s2.6 1.7 3.9 2.5s2.7 1.6 4.1 2.3l4.2 2.1c1.4.7 2.8 1.3 4.3 1.9c1.4.6 2.9 1.2 4.4 1.7s2.9 1 4.4 1.5s3 .9 4.5 1.2c1.5.4 3 .7 4.6 1c1.5.3 3.1.6 4.6.8s3.1.4 4.6.6c1.6.2 3.1.3 4.7.3c1.6.1 3.1.1 4.7.1h152.4c73.6 0 133.3-59.7 133.3-133.3c.1-74-59.6-133.7-133.3-133.7"/></svg>Twake Drive アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:twake-drive" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:twake-drive" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:twake-drive" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--twake-drive]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:twake-drive"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:twake-drive"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/twake-drive.svg" alt="Twake Drive アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Twake Drive アイコン のよくある質問
Twake Drive アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Twake Drive アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:twake-drive" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Twake Drive アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/twake-drive.svg" alt="Twake Drive アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。