Icono Oporto
thesvg-color:oporto
El icono Oporto (thesvg-color:oporto) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 35 × 12. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 35 × 12
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="12" viewBox="0 0 35 12"><g stroke-width=".265"><path fill="#ed1c24" d="M16.334 6.553a.75.75 0 0 1-.76-.744c0-.41.34-.744.76-.744c.419 0 .759.333.759.744s-.34.744-.76.744m-.003-2.375c-.917 0-1.66.728-1.66 1.626s.743 1.626 1.66 1.626s1.66-.728 1.66-1.626s-.744-1.626-1.66-1.626m3.158.975l-.011.007zm.891-.137a2.7 2.7 0 0 1 .052-.524c-.513-.41-.841-.314-1.286-.192a3.1 3.1 0 0 1 .343.852c.158-.09.272-.078.891.413zm0 1.124v-.076c-.22-.24-.486-.288-.813-.351a3 3 0 0 1-.101.904c.187-.01.283.053.616.8c.07.157.175.276.298.366zm-.914.479h-.014zm-7.097-.853q0 .36-.072.684c.29.222.574.21.927.196a3 3 0 0 1-.123-.904c-.18.053-.288.013-.794-.64l-.013-.015a3 3 0 0 1 .075.68m.856.88h-.001zM13.1 5.74v.001l.012-.004zm4.44-2.795c.012-.18.089-.262.901-.478c.842-.224.84-1.388.86-1.47c.023-.095-.047-.15-.093-.028c-.042.113-.616.65-1.464.8c-.856.152-.965.488-1.128.957a3.4 3.4 0 0 1 .924.219m0 0l-.001.013zm.53.263c.263.165.505.366.717.602c.097-.153.205-.192 1.033-.024c.857.174 1.414-.855 1.472-.92c.065-.073.03-.152-.07-.065c-.092.081-.861.303-1.69.06c-.834-.244-1.093.005-1.463.347m.72.603h-.002l-.007.01zm1.28 6.327c-.095-.079-.421-.787-.275-1.603c.148-.822-.142-1.041-.543-1.355a3.1 3.1 0 0 1-.533.75c.172.075.225.174.155.982c-.072.836 1.063 1.252 1.138 1.3c.084.054.161.01.058-.074M18.717 7.93h.001l-.012-.007zm.533-.752h.001zM17.44 8.74l-.007-.011zm0 0c.117.142.118.253-.333.936c-.466.707.345 1.577.388 1.652c.048.085.138.082.087-.039c-.046-.112.003-.882.526-1.538c.527-.662.374-.984.168-1.439a3.3 3.3 0 0 1-.835.428m-1.528.15c.036.178-.017.276-.747.68c-.755.418-.452 1.546-.45 1.632c.002.097.085.133.098.004c.011-.12.426-.779 1.207-1.127c.788-.351.807-.703.842-1.197a3.4 3.4 0 0 1-.95.008m-.001 0l-.003-.012zm.95-.009h.001zm-2.395-.543l.002.001l.004-.012zm.849.418a3.4 3.4 0 0 1-.847-.417c-.055.172-.15.235-.994.265c-.874.032-1.152 1.162-1.191 1.238c-.045.087.01.155.085.047c.068-.1.756-.496 1.619-.454c.87.042 1.058-.26 1.328-.68m-3.618-1.113c.246.054.519.146.784.298c.75.43 1.065.248 1.51.002a3.2 3.2 0 0 1-.546-.749c-.133.127-.248.14-1.01-.214a1 1 0 0 0-.28-.081q-.054.13-.117.25a2.6 2.6 0 0 1-.341.494m1.747-.45l.01-.009zm.05-2.884l.013.002zm-1.86-1.835c.111.055.605.668.666 1.495c.063.834.398.98.865 1.193a3 3 0 0 1 .33-.852c-.186-.034-.262-.117-.396-.918c-.14-.83-1.344-.974-1.427-1.003c-.096-.034-.16.026-.039.085m1.534 2.69l-.001-.001zm.654-1.318v-.001h-.001zm.7-.612c-.15-.11-.178-.219.086-.987c.272-.796-.733-1.453-.794-1.515c-.069-.072-.155-.047-.075.058c.074.098.22.858-.12 1.617c-.342.766-.113 1.043.202 1.438a3.2 3.2 0 0 1 .7-.61m.002-.001l.01.008zm1.463-.504l.005.012zm-.001 0c-.078-.165-.05-.273.558-.831c.63-.579.057-1.608.034-1.69c-.026-.095-.115-.112-.095.017c.018.12-.222.855-.894 1.37c-.678.521-.61.868-.522 1.357a3.4 3.4 0 0 1 .92-.223m-.92.224"/><path fill="#fcc90a" d="M16.334 5.082a.734.734 0 0 0-.742.727c0 .401.332.727.742.727s.742-.326.742-.727a.735.735 0 0 0-.742-.727"/><path d="M4.503 6.446a1.7 1.7 0 0 1-.334.542a1.5 1.5 0 0 1-.516.364a1.6 1.6 0 0 1-.656.13q-.365 0-.662-.13a1.5 1.5 0 0 1-.51-.364a1.7 1.7 0 0 1-.334-.542a1.8 1.8 0 0 1-.12-.672q0-.364.12-.683q.12-.317.334-.547a1.5 1.5 0 0 1 .51-.36a1.6 1.6 0 0 1 .662-.13q.354 0 .656.13a1.5 1.5 0 0 1 .516.36a1.6 1.6 0 0 1 .334.547q.12.318.12.683t-.12.672m.536-2.647a2.8 2.8 0 0 0-.912-.578a3 3 0 0 0-1.13-.208q-.605 0-1.13.208a2.8 2.8 0 0 0-.912.578a2.7 2.7 0 0 0-.605.876a2.7 2.7 0 0 0-.219 1.099q0 .584.219 1.089a2.7 2.7 0 0 0 .605.875q.385.37.911.584t1.13.213t1.131-.213t.912-.584a2.7 2.7 0 0 0 .605-.875q.218-.505.218-1.09q0-.593-.218-1.098a2.7 2.7 0 0 0-.605-.876m5.981 2.642a1.53 1.53 0 0 1-.839.901q-.296.13-.651.13q-.364 0-.661-.13a1.5 1.5 0 0 1-.506-.36a1.7 1.7 0 0 1-.328-.541a1.9 1.9 0 0 1-.12-.677q0-.375.12-.683a1.55 1.55 0 0 1 .333-.526a1.5 1.5 0 0 1 .51-.344a1.7 1.7 0 0 1 .652-.125q.355 0 .651.13t.511.355a1.55 1.55 0 0 1 .395.763a2 2 0 0 1 .048.43q0 .364-.115.677m1.321-1.049a2.8 2.8 0 0 0-.185-.722a2.6 2.6 0 0 0-.578-.876a2.7 2.7 0 0 0-.87-.573a2.8 2.8 0 0 0-1.094-.208q-.646 0-1.178.198a2.5 2.5 0 0 0-.906.578q-.375.38-.584.938q-.208.556-.208 1.287v4.46h1.188V7.732q.26.333.718.563q.459.229 1.053.229q.572 0 1.058-.203a2.55 2.55 0 0 0 .844-.568l.006-.006a2.6 2.6 0 0 0 .43-.592a2.7 2.7 0 0 0 .257-.699a3.2 3.2 0 0 0 .05-1.065m11.321-2.197q-.411-.182-1.068-.182q-1.041 0-1.63.526q-.459.41-.56 1.08q-.03.192-.03.405v3.469h1.189V5.367q0-.174.023-.326l.016-.092q.178-.873 1.18-.873q.333 0 .594.072q.26.074.437.157a.7.7 0 0 0 .162-.209a.67.67 0 0 0 .099-.344q0-.375-.412-.557m3.767 4.194a1.7 1.7 0 0 1-.563.094a1.5 1.5 0 0 1-.36-.042a.8.8 0 0 1-.301-.146a.7.7 0 0 1-.204-.276a1.1 1.1 0 0 1-.073-.443V4.253h2.001a2 2 0 0 0 .083-.214q.053-.15.053-.328q0-.271-.141-.412t-.485-.14h-1.51V1.792a3 3 0 0 0-.214-.067a1.3 1.3 0 0 0-.35-.047q-.291 0-.458.13t-.167.422v4.585q0 .772.47 1.245q.468.474 1.385.474q.323 0 .594-.057t.49-.14a2 2 0 0 0 .37-.178q.15-.093.234-.156l-.48-.792a1.6 1.6 0 0 1-.374.177m5.424-.943a1.7 1.7 0 0 1-.334.542a1.5 1.5 0 0 1-.516.365a1.6 1.6 0 0 1-.656.13q-.365 0-.662-.13a1.5 1.5 0 0 1-.51-.365a1.7 1.7 0 0 1-.334-.542a1.8 1.8 0 0 1-.12-.672q0-.364.12-.683q.12-.317.334-.546a1.5 1.5 0 0 1 .51-.36a1.6 1.6 0 0 1 .662-.13q.354 0 .656.13a1.5 1.5 0 0 1 .516.36a1.7 1.7 0 0 1 .334.546a1.9 1.9 0 0 1 .12.683q0 .364-.12.672m1.14-1.771a2.7 2.7 0 0 0-.604-.876a2.8 2.8 0 0 0-.912-.578a3 3 0 0 0-1.13-.208q-.605 0-1.13.208q-.527.21-.913.578a2.7 2.7 0 0 0-.604.876a2.7 2.7 0 0 0-.218 1.1q0 .582.218 1.088a2.7 2.7 0 0 0 .604.875q.386.37.912.584q.527.213 1.13.213q.605 0 1.131-.213q.526-.214.912-.584a2.7 2.7 0 0 0 .605-.875q.219-.506.218-1.089q0-.594-.218-1.1m.32 3.323a.45.45 0 0 0 .26.408a.4.4 0 0 0 .167.034a.4.4 0 0 0 .303-.128a.45.45 0 0 0 .125-.314a.45.45 0 0 0-.125-.314a.4.4 0 0 0-.303-.128a.4.4 0 0 0-.167.034a.4.4 0 0 0-.136.094a.4.4 0 0 0-.09.141a.5.5 0 0 0-.035.173m-.099 0q0-.11.042-.205a.54.54 0 0 1 .28-.28a.5.5 0 0 1 .205-.042q.11 0 .205.042a.53.53 0 0 1 .28.28a.5.5 0 0 1 .042.205a.5.5 0 0 1-.042.205a.53.53 0 0 1-.28.28a.5.5 0 0 1-.205.042a.5.5 0 0 1-.205-.042a.54.54 0 0 1-.28-.28a.5.5 0 0 1-.042-.205"/><path d="M34.706 7.768q.106 0 .148.03a.1.1 0 0 1 .039.078a.1.1 0 0 1-.04.084q-.04.03-.136.03q-.042 0-.069-.002l-.037-.004v-.211l.03-.003q.025-.002.065-.002m.313.525l-.068-.123a1 1 0 0 0-.077-.121a.2.2 0 0 0 .076-.059a.18.18 0 0 0 .038-.114a.16.16 0 0 0-.08-.15a.3.3 0 0 0-.087-.032a.6.6 0 0 0-.11-.01l-.094.002l-.048.005q-.046.01-.047.053V8.3h.09v-.23a1 1 0 0 0 .167.002a2 2 0 0 1 .07.11l.038.066l.028.05l.002.004h.106zm-18.68-.89c-.895 0-1.622-.712-1.622-1.59s.727-1.59 1.623-1.59s1.622.712 1.622 1.59s-.726 1.59-1.622 1.59m0-4.396c-1.582 0-2.863 1.256-2.863 2.806s1.281 2.805 2.863 2.805c1.58 0 2.863-1.256 2.863-2.805S17.92 3.007 16.34 3.007"/></g></svg>Cómo usar el icono Oporto
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:oporto" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:oporto" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:oporto" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--oporto]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:oporto"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:oporto"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/oporto.svg" alt="Icono Oporto" width="24" height="24">Preguntas frecuentes sobre Icono Oporto
¿El icono Oporto es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Oporto en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:oporto" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Oporto a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/oporto.svg" alt="Icono Oporto">, o pega el código SVG en línea para darle estilo con CSS.