origami logo
origami from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- origami
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×256
- License
- CC0
The same logo in other sets
Use the origami logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient id="SVGO7u3OVxo" cx="26.196%" cy="9.36%" r="105.51%" fx="26.196%" fy="9.36%" gradientTransform="matrix(.52886 .8454 -.8487 .5268 .203 -.177)"><stop offset="0%" stop-color="#51c3f7"/><stop offset="100%" stop-color="#046cf4"/></radialGradient><radialGradient id="SVGMqAlqdXv" cx="-15.313%" cy="-13.633%" r="181.001%" fx="-15.313%" fy="-13.633%" gradientTransform="matrix(.9647 .23955 -.26337 .87744 -.041 .02)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#5cb5ff"/></radialGradient><radialGradient id="SVGeoJZybyG" cx="69.551%" cy="-14.976%" r="205.05%" fx="69.551%" fy="-14.976%" gradientTransform="matrix(-.45604 .51346 -.88996 -.26311 .88 -.546)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#7ac2ff"/></radialGradient><radialGradient id="SVGbLM63sVI" cx="40.071%" cy="19.981%" r="98.92%" fx="40.071%" fy="19.981%" gradientTransform="matrix(.5143 .57232 -.8576 .34322 .366 -.098)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#cbe7ff"/></radialGradient><path id="SVGCeJmwdht" d="M127.755 256c70.416 0 127.5-57.307 127.5-128c0-70.692-57.084-128-127.5-128C57.338 0 .255 57.308.255 128s57.083 128 127.5 128"/></defs><path fill="url(#SVGO7u3OVxo)" d="M127.755 256c70.416 0 127.5-57.307 127.5-128c0-70.692-57.084-128-127.5-128C57.338 0 .255 57.308.255 128s57.083 128 127.5 128"/><mask id="SVG8oxFqeJa" fill="#fff"><use href="#SVGCeJmwdht"/></mask><path fill="#e8f5ff" d="m136.982 58.764l57.763 61.091l-49.756-11.637z" mask="url(#SVG8oxFqeJa)"/><path fill="#64a4d8" d="m138.379 67.243l14.525 42.993l-8.211-2.018z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGMqAlqdXv)" d="M21.364 140.8L-94 13.964L6.172 35.907z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGeoJZybyG)" d="M159.488 196.997L136.503 58.764L79.735 127.88z" mask="url(#SVG8oxFqeJa)"/><path fill="#4492d2" d="m89.116 116.735l34.936 43.464l-37.688-40.054z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGbLM63sVI)" d="m56.725 335.585l-97.279-226.846L4.621 35.491l155.091 161.683z" mask="url(#SVG8oxFqeJa)"/></svg>
React
import type { SVGProps } from "react";
export function LogosOrigami(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient id="SVGO7u3OVxo" cx="26.196%" cy="9.36%" r="105.51%" fx="26.196%" fy="9.36%" gradientTransform="matrix(.52886 .8454 -.8487 .5268 .203 -.177)"><stop offset="0%" stopColor="#51c3f7"/><stop offset="100%" stopColor="#046cf4"/></radialGradient><radialGradient id="SVGMqAlqdXv" cx="-15.313%" cy="-13.633%" r="181.001%" fx="-15.313%" fy="-13.633%" gradientTransform="matrix(.9647 .23955 -.26337 .87744 -.041 .02)"><stop offset="0%" stopColor="#fff"/><stop offset="100%" stopColor="#5cb5ff"/></radialGradient><radialGradient id="SVGeoJZybyG" cx="69.551%" cy="-14.976%" r="205.05%" fx="69.551%" fy="-14.976%" gradientTransform="matrix(-.45604 .51346 -.88996 -.26311 .88 -.546)"><stop offset="0%" stopColor="#fff"/><stop offset="100%" stopColor="#7ac2ff"/></radialGradient><radialGradient id="SVGbLM63sVI" cx="40.071%" cy="19.981%" r="98.92%" fx="40.071%" fy="19.981%" gradientTransform="matrix(.5143 .57232 -.8576 .34322 .366 -.098)"><stop offset="0%" stopColor="#fff"/><stop offset="100%" stopColor="#cbe7ff"/></radialGradient><path id="SVGCeJmwdht" d="M127.755 256c70.416 0 127.5-57.307 127.5-128c0-70.692-57.084-128-127.5-128C57.338 0 .255 57.308.255 128s57.083 128 127.5 128"/></defs><path fill="url(#SVGO7u3OVxo)" d="M127.755 256c70.416 0 127.5-57.307 127.5-128c0-70.692-57.084-128-127.5-128C57.338 0 .255 57.308.255 128s57.083 128 127.5 128"/><mask id="SVG8oxFqeJa" fill="#fff"><use href="#SVGCeJmwdht"/></mask><path fill="#e8f5ff" d="m136.982 58.764l57.763 61.091l-49.756-11.637z" mask="url(#SVG8oxFqeJa)"/><path fill="#64a4d8" d="m138.379 67.243l14.525 42.993l-8.211-2.018z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGMqAlqdXv)" d="M21.364 140.8L-94 13.964L6.172 35.907z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGeoJZybyG)" d="M159.488 196.997L136.503 58.764L79.735 127.88z" mask="url(#SVG8oxFqeJa)"/><path fill="#4492d2" d="m89.116 116.735l34.936 43.464l-37.688-40.054z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGbLM63sVI)" d="m56.725 335.585l-97.279-226.846L4.621 35.491l155.091 161.683z" mask="url(#SVG8oxFqeJa)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><defs><radialGradient id="SVGO7u3OVxo" cx="26.196%" cy="9.36%" r="105.51%" fx="26.196%" fy="9.36%" gradientTransform="matrix(.52886 .8454 -.8487 .5268 .203 -.177)"><stop offset="0%" stop-color="#51c3f7"/><stop offset="100%" stop-color="#046cf4"/></radialGradient><radialGradient id="SVGMqAlqdXv" cx="-15.313%" cy="-13.633%" r="181.001%" fx="-15.313%" fy="-13.633%" gradientTransform="matrix(.9647 .23955 -.26337 .87744 -.041 .02)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#5cb5ff"/></radialGradient><radialGradient id="SVGeoJZybyG" cx="69.551%" cy="-14.976%" r="205.05%" fx="69.551%" fy="-14.976%" gradientTransform="matrix(-.45604 .51346 -.88996 -.26311 .88 -.546)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#7ac2ff"/></radialGradient><radialGradient id="SVGbLM63sVI" cx="40.071%" cy="19.981%" r="98.92%" fx="40.071%" fy="19.981%" gradientTransform="matrix(.5143 .57232 -.8576 .34322 .366 -.098)"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#cbe7ff"/></radialGradient><path id="SVGCeJmwdht" d="M127.755 256c70.416 0 127.5-57.307 127.5-128c0-70.692-57.084-128-127.5-128C57.338 0 .255 57.308.255 128s57.083 128 127.5 128"/></defs><path fill="url(#SVGO7u3OVxo)" d="M127.755 256c70.416 0 127.5-57.307 127.5-128c0-70.692-57.084-128-127.5-128C57.338 0 .255 57.308.255 128s57.083 128 127.5 128"/><mask id="SVG8oxFqeJa" fill="#fff"><use href="#SVGCeJmwdht"/></mask><path fill="#e8f5ff" d="m136.982 58.764l57.763 61.091l-49.756-11.637z" mask="url(#SVG8oxFqeJa)"/><path fill="#64a4d8" d="m138.379 67.243l14.525 42.993l-8.211-2.018z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGMqAlqdXv)" d="M21.364 140.8L-94 13.964L6.172 35.907z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGeoJZybyG)" d="M159.488 196.997L136.503 58.764L79.735 127.88z" mask="url(#SVG8oxFqeJa)"/><path fill="#4492d2" d="m89.116 116.735l34.936 43.464l-37.688-40.054z" mask="url(#SVG8oxFqeJa)"/><path fill="url(#SVGbLM63sVI)" d="m56.725 335.585l-97.279-226.846L4.621 35.491l155.091 161.683z" mask="url(#SVG8oxFqeJa)"/></svg> </template>
CSS
.icon-origami {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGO7u3OVxo%22%20cx%3D%2226.196%25%22%20cy%3D%229.36%25%22%20r%3D%22105.51%25%22%20fx%3D%2226.196%25%22%20fy%3D%229.36%25%22%20gradientTransform%3D%22matrix(.52886%20.8454%20-.8487%20.5268%20.203%20-.177)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2351c3f7%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23046cf4%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGMqAlqdXv%22%20cx%3D%22-15.313%25%22%20cy%3D%22-13.633%25%22%20r%3D%22181.001%25%22%20fx%3D%22-15.313%25%22%20fy%3D%22-13.633%25%22%20gradientTransform%3D%22matrix(.9647%20.23955%20-.26337%20.87744%20-.041%20.02)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%235cb5ff%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGeoJZybyG%22%20cx%3D%2269.551%25%22%20cy%3D%22-14.976%25%22%20r%3D%22205.05%25%22%20fx%3D%2269.551%25%22%20fy%3D%22-14.976%25%22%20gradientTransform%3D%22matrix(-.45604%20.51346%20-.88996%20-.26311%20.88%20-.546)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237ac2ff%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGbLM63sVI%22%20cx%3D%2240.071%25%22%20cy%3D%2219.981%25%22%20r%3D%2298.92%25%22%20fx%3D%2240.071%25%22%20fy%3D%2219.981%25%22%20gradientTransform%3D%22matrix(.5143%20.57232%20-.8576%20.34322%20.366%20-.098)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23cbe7ff%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20id%3D%22SVGCeJmwdht%22%20d%3D%22M127.755%20256c70.416%200%20127.5-57.307%20127.5-128c0-70.692-57.084-128-127.5-128C57.338%200%20.255%2057.308.255%20128s57.083%20128%20127.5%20128%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGO7u3OVxo)%22%20d%3D%22M127.755%20256c70.416%200%20127.5-57.307%20127.5-128c0-70.692-57.084-128-127.5-128C57.338%200%20.255%2057.308.255%20128s57.083%20128%20127.5%20128%22%2F%3E%3Cmask%20id%3D%22SVG8oxFqeJa%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGCeJmwdht%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%23e8f5ff%22%20d%3D%22m136.982%2058.764l57.763%2061.091l-49.756-11.637z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3Cpath%20fill%3D%22%2364a4d8%22%20d%3D%22m138.379%2067.243l14.525%2042.993l-8.211-2.018z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMqAlqdXv)%22%20d%3D%22M21.364%20140.8L-94%2013.964L6.172%2035.907z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGeoJZybyG)%22%20d%3D%22M159.488%20196.997L136.503%2058.764L79.735%20127.88z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3Cpath%20fill%3D%22%234492d2%22%20d%3D%22m89.116%20116.735l34.936%2043.464l-37.688-40.054z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbLM63sVI)%22%20d%3D%22m56.725%20335.585l-97.279-226.846L4.621%2035.491l155.091%20161.683z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGO7u3OVxo%22%20cx%3D%2226.196%25%22%20cy%3D%229.36%25%22%20r%3D%22105.51%25%22%20fx%3D%2226.196%25%22%20fy%3D%229.36%25%22%20gradientTransform%3D%22matrix(.52886%20.8454%20-.8487%20.5268%20.203%20-.177)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%2351c3f7%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23046cf4%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGMqAlqdXv%22%20cx%3D%22-15.313%25%22%20cy%3D%22-13.633%25%22%20r%3D%22181.001%25%22%20fx%3D%22-15.313%25%22%20fy%3D%22-13.633%25%22%20gradientTransform%3D%22matrix(.9647%20.23955%20-.26337%20.87744%20-.041%20.02)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%235cb5ff%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGeoJZybyG%22%20cx%3D%2269.551%25%22%20cy%3D%22-14.976%25%22%20r%3D%22205.05%25%22%20fx%3D%2269.551%25%22%20fy%3D%22-14.976%25%22%20gradientTransform%3D%22matrix(-.45604%20.51346%20-.88996%20-.26311%20.88%20-.546)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%237ac2ff%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGbLM63sVI%22%20cx%3D%2240.071%25%22%20cy%3D%2219.981%25%22%20r%3D%2298.92%25%22%20fx%3D%2240.071%25%22%20fy%3D%2219.981%25%22%20gradientTransform%3D%22matrix(.5143%20.57232%20-.8576%20.34322%20.366%20-.098)%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23cbe7ff%22%2F%3E%3C%2FradialGradient%3E%3Cpath%20id%3D%22SVGCeJmwdht%22%20d%3D%22M127.755%20256c70.416%200%20127.5-57.307%20127.5-128c0-70.692-57.084-128-127.5-128C57.338%200%20.255%2057.308.255%20128s57.083%20128%20127.5%20128%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGO7u3OVxo)%22%20d%3D%22M127.755%20256c70.416%200%20127.5-57.307%20127.5-128c0-70.692-57.084-128-127.5-128C57.338%200%20.255%2057.308.255%20128s57.083%20128%20127.5%20128%22%2F%3E%3Cmask%20id%3D%22SVG8oxFqeJa%22%20fill%3D%22%23fff%22%3E%3Cuse%20href%3D%22%23SVGCeJmwdht%22%2F%3E%3C%2Fmask%3E%3Cpath%20fill%3D%22%23e8f5ff%22%20d%3D%22m136.982%2058.764l57.763%2061.091l-49.756-11.637z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3Cpath%20fill%3D%22%2364a4d8%22%20d%3D%22m138.379%2067.243l14.525%2042.993l-8.211-2.018z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMqAlqdXv)%22%20d%3D%22M21.364%20140.8L-94%2013.964L6.172%2035.907z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGeoJZybyG)%22%20d%3D%22M159.488%20196.997L136.503%2058.764L79.735%20127.88z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3Cpath%20fill%3D%22%234492d2%22%20d%3D%22m89.116%20116.735l34.936%2043.464l-37.688-40.054z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbLM63sVI)%22%20d%3D%22m56.725%20335.585l-97.279-226.846L4.621%2035.491l155.091%20161.683z%22%20mask%3D%22url(%23SVG8oxFqeJa)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/origami.svg?color=%231a73e8&size=48
